*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f8f9fa;color:#2c3e50;font-family:Source Sans Pro,sans-serif;line-height:1.6}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{min-height:100vh}.main-content{display:flex;gap:2rem;margin:.5rem auto;max-width:1200px;padding:0 .5rem}@media (max-width:768px){.main-content{flex-direction:column}.sidebar{border-left:none;display:none;padding-left:0}

    /*!* 在小屏幕上，调整文章列表的样式，移除右侧内边距 *!*/img{height:auto;width:auto}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.header{background-color:#fff;border-bottom:1px solid #eee;padding:2rem 0;text-align:center}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:0 2rem}.header-title{text-decoration:none}.header h1{color:#2c3e50;font-family:Playfair Display,serif;font-size:2.5rem;letter-spacing:1px;margin:0;transition:color .3s ease}.header-title:hover h1{color:#e74c3c}.header-actions{align-items:center;display:flex;gap:1rem}.admin-link{border-radius:4px;color:#666;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:all .3s ease}.admin-link:hover{background-color:#f8f9fa;color:#e74c3c}@media (max-width:768px){.header{padding:1.5rem 0}.header-content{flex-direction:column;gap:1rem;text-align:center}.header h1{font-size:2rem}}.category-filter{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:2rem;padding:.8rem;position:relative}.category-scroll{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;overflow-x:auto;overflow-y:hidden;position:relative;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-width:none}.category-scroll::-webkit-scrollbar{display:none}@keyframes bounceButton{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.category-btn.active{animation:bounceButton .5s cubic-bezier(.36,0,.66,-.56) forwards}.category-buttons{padding:0 1rem;scroll-snap-align:start}.category-btn{scroll-snap-align:center;transform-origin:center;will-change:transform}.category-buttons{display:flex;gap:.8rem;min-width:100%;padding:.2rem;width:fit-content}.category-btn{background:none;border:2px solid #0000;border-radius:25px;color:#666;cursor:pointer;flex-shrink:0;font-family:Source Sans Pro,sans-serif;font-size:1rem;font-weight:600;letter-spacing:.5px;padding:.6rem 1.5rem;text-transform:uppercase;transition:all .3s ease;white-space:nowrap}.category-btn:hover{background-color:#fff5f5;border-color:#e74c3c;color:#e74c3c}.category-btn.active{background-color:#e74c3c;border-color:#e74c3c;color:#fff}.category-btn.active:hover{background-color:#c0392b;border-color:#c0392b}.category-filter:after,.category-filter:before{bottom:0;content:"";opacity:0;pointer-events:none;position:absolute;top:0;transition:opacity .3s ease;width:20px;z-index:1}.category-filter:before{background:linear-gradient(90deg,#fff 0,#fff0);left:0}.category-filter:after{background:linear-gradient(270deg,#fff 0,#fff0);right:0}.category-scroll:not(.at-end)+.category-filter:after,.category-scroll:not(.at-start)+.category-filter:before{opacity:1}@media (min-width:769px){.category-buttons{justify-content:center}}.modal-overlay{align-items:center;animation:fadeIn .3s ease;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideIn .3s ease;background:#fff;border-radius:8px;max-width:400px;padding:2rem;position:relative;width:90%}.modal-close{background:none;border:none;color:#666;cursor:pointer;font-size:1.5rem;line-height:1;padding:.5rem;position:absolute;right:1rem;top:1rem;transition:color .3s ease}.modal-close:hover{color:#e74c3c}.modal-content h3{color:#2c3e50;font-family:Playfair Display,serif;font-size:1.5rem;margin-bottom:1rem}.modal-content p{color:#666}.form-group,.modal-content p{margin-bottom:1.5rem}.form-group input{border:2px solid #eee;border-radius:4px;font-size:1rem;padding:.8rem 1rem;transition:all .3s ease;width:100%}.form-group input:focus{border-color:#3498db;outline:none}.form-group input.error{border-color:#e74c3c}.error-message{color:#e74c3c;display:block;font-size:.875rem;margin-top:.5rem}.remember-password{align-items:center;color:#666;display:flex;gap:8px;margin-bottom:16px}.remember-password input[type=checkbox]{cursor:pointer;height:16px;width:16px}.remember-password label{cursor:pointer;font-size:14px;-webkit-user-select:none;user-select:none}.submit-btn{background-color:#3498db;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.8rem;transition:background-color .3s ease;width:100%}.submit-btn:hover{background-color:#2980b9}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.article-card{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-bottom:1.5rem;overflow:hidden;transition:transform .3s ease}.article-card:hover{transform:translateY(-4px)}.article-card-content{padding:1.5rem}.article-card-meta{align-items:baseline;display:flex;gap:3rem;justify-content:space-between;margin-bottom:1rem}.article-card-tags{display:flex;gap:.5rem;margin-left:auto;white-space:nowrap}.tag{font-size:.8rem}.article-card-date{color:#666;font-size:.9rem;text-align:left}.article-title{display:block;text-decoration:none}.article-title:hover h2{color:#e74c3c}.article-card-content h2{color:#2c3e50;flex-shrink:0;font-family:Playfair Display,serif;font-size:1.5rem;margin:.5rem 0;transition:color .3s ease}.article-card-content p{color:#666;line-height:1.6;margin-bottom:1.5rem}.read-more{color:#e74c3c;display:inline-block;font-weight:600;text-decoration:none;transition:color .3s ease}.read-more:hover{color:#c0392b}@media (max-width:768px){.article-card-tags{display:none}}.article-list{flex:3 1;padding-right:2rem}.error,.loading,.no-articles{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;color:#666;font-style:italic;padding:3rem;text-align:center}.loading{color:#2c3e50}.error{color:#e74c3c}@media (max-width:768px){.article-list{padding-right:0}}.tag-cloud{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;margin-top:2rem;padding:2rem}.tag-cloud h3{color:#2c3e50;font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:1rem}.tags{display:flex;flex-wrap:wrap;gap:.5rem}.tag{background:#f7f9fc;border-radius:20px;color:#666;font-size:.9rem;padding:.4rem 1rem;text-decoration:none}.tag:hover{background:#e74c3c;color:#fff}.count{font-size:.8rem;opacity:.8}.recent-articles{background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000000d;padding:2rem}.recent-articles h3{color:#2c3e50;font-family:Playfair Display,serif;font-size:1.2rem;margin-bottom:1.5rem}.recent-articles-list{display:flex;flex-direction:column;gap:1.2rem}.recent-article{color:inherit;display:flex;gap:1rem;text-decoration:none;transition:transform .3s ease}.recent-article:hover{transform:translateX(4px)}.recent-article:hover h4{color:#e74c3c}.recent-article-content h4{transition:color .3s ease}.recent-article-image{border-radius:4px;flex-shrink:0;height:80px;overflow:hidden;width:80px}.recent-article-image img{height:100%;object-fit:cover;width:100%}.recent-article-content{display:flex;flex-direction:column;justify-content:space-between}.recent-article-content h4{color:#2c3e50;font-size:1rem;line-height:1.4;margin:0}.recent-article-date{color:#666;font-size:.85rem}.sidebar{border-left:1px solid #eee;flex:1 1;padding-left:2rem}.article{background:#fff;margin:0 .1rem;max-width:1200px;padding:1rem}.article-header{padding:.2rem;text-align:center}.article-title{color:#2c3e50;font-family:Merriweather,serif;font-size:1.5rem;line-height:1.3;margin-bottom:.2rem}.article-meta{align-items:center;color:#666;display:flex;flex-wrap:wrap;font-family:Inter,sans-serif;gap:1.5rem;justify-content:center;margin:1rem 0}.article-date{color:#4a90e2;font-size:.9rem;position:relative}.article-date:after{background-color:#e0e0e0;content:"";height:1rem;position:absolute;right:-.75rem;top:50%;transform:translateY(-50%);width:1px}.article-content{color:#2c3e50;font-family:Merriweather,serif;font-size:larger;line-height:1.8;max-width:1200px;overflow-x:hidden;padding:.5rem;width:1200px}.article-footer{padding:.5rem}.article-tags{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem}.tag{align-items:center;background:#4a90e21a;border-radius:1rem;color:#4a90e2;display:inline-flex;font-family:Inter,sans-serif;font-size:.85rem;padding:.2rem .8rem;transition:all .3s ease}.tag:hover{background:#4a90e233;transform:translateY(-1px)}@media (max-width:768px){.article-meta{gap:1rem}.article-date:after{display:none}.tag{font-size:.8rem;padding:.15rem .6rem}}h2{color:#2c3e50;font-size:1.75rem;margin:2.5rem 0 1.5rem}p{margin-bottom:1.5rem}.article-content img{display:block;height:auto;margin:1.5rem auto;max-width:100%;position:relative;transition:transform .3s cubic-bezier(.25,.46,.45,.94)}.article-content img.align-left{float:left;margin:.5rem 1rem .5rem 0;max-width:50%}.article-content img.align-right{float:right;margin:.5rem 0 .5rem 1rem;max-width:50%}.article-content img.align-center{float:none;margin:1.5rem auto}@media (max-width:768px){.article{margin:0;padding:1rem}.article-header{padding:.5rem}.article-title{font-size:1.5rem}.article-content{padding:1rem;width:100%}.article-meta{flex-direction:row;gap:.8rem}.tag{font-size:.8rem;padding:.2rem .8rem}.article-content img{max-width:100%}.article-content img.align-left,.article-content img.align-right{float:none;margin:1rem auto;max-width:100%}}.audio-player{border-radius:2rem;bottom:2rem;box-shadow:0 2px 8px #4a90e226;padding:.5rem;position:fixed;right:2rem;z-index:1000}.audio-player,.player-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#4a90e21a;display:flex;gap:1rem}.player-controls{border-radius:1rem;box-shadow:0 2px 4px #4a90e21a;min-width:300px;padding:.8rem 1rem;pointer-events:auto;position:absolute;right:calc(100% + 1rem);top:50%;transform:translateY(-50%)}.player-controls-inner{align-items:center;display:flex;flex-direction:row-reverse;gap:1rem;justify-content:flex-end;width:100%}.player-info{max-width:200px;min-width:120px;opacity:0;pointer-events:none;transform:translateX(20px);transition:all .3s cubic-bezier(.4,0,.2,1)}.player-info.show{opacity:1;pointer-events:auto;transform:translateX(0)}.music-title{color:#4a90e2;font-size:.9rem;font-weight:500;margin-bottom:.2rem}.music-artist,.music-title{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.music-artist{color:#7a7a7a;font-size:.8rem}.controls-section{align-items:center;display:flex;gap:1rem}.volume-control{align-items:center;display:flex;opacity:0;padding:0 8px;pointer-events:none;transform:translateX(20px);transition:all .3s cubic-bezier(.4,0,.2,1);width:80px}.volume-control.show{opacity:1;pointer-events:auto;transform:translateX(0)}.volume-slider{-webkit-appearance:none;background:#0000;cursor:pointer;height:4px;position:relative;width:100%}.volume-slider:before{background:#4a90e2;border-radius:2px;content:"";height:4px;left:0;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%);width:70%;width:var(--volume-percentage,70%)}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #4a90e24d;cursor:pointer;height:12px;margin-top:-4px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:12px;z-index:1}.volume-slider::-webkit-slider-runnable-track{background:#4a90e233;border-radius:2px;height:4px;position:relative;width:100%}.volume-slider::-webkit-slider-thumb:hover{box-shadow:0 2px 6px #4a90e24d;transform:scale(1.2)}.volume-slider::-moz-range-thumb{background:#4a90e2;border:2px solid #fff;border-radius:50%;box-shadow:0 2px 4px #4a90e24d;cursor:pointer;height:12px;-moz-transition:all .2s ease;transition:all .2s ease;width:12px}.volume-slider::-moz-range-track{background:#4a90e233;border-radius:2px;height:4px;width:100%}.volume-slider::-moz-range-thumb:hover{box-shadow:0 2px 6px #4a90e24d;transform:scale(1.2)}.player-buttons{display:flex;gap:.5rem}.player-button{align-items:center;background:#ffffffe6;border:none;border-radius:50%;box-shadow:0 2px 8px #4a90e233;cursor:pointer;display:flex;height:3rem;justify-content:center;transition:all .3s ease;width:3rem}.player-button:hover{background:#fff;box-shadow:0 4px 12px #4a90e24d;transform:scale(1.1)}.player-button svg{color:#4a90e2;height:1.5rem;width:1.5rem}.player-button.playing{background:#4a90e2}.player-button.playing:hover{background:#5a9ee8}.player-button.playing svg{color:#fff}.next-button{opacity:.7;transition:all .3s ease}.next-button svg{height:1.2rem;width:1.2rem}.next-button:hover{opacity:1;transform:scale(1.1)}@media (max-width:768px){.audio-player{bottom:1rem;right:1rem}.player-controls{min-width:250px;padding:.8rem}.player-controls-inner{align-items:center;flex-direction:row;gap:1rem;justify-content:flex-start}.player-info{max-width:150px;min-width:100px}.controls-section{flex:1 1;justify-content:flex-end}.volume-control.show{width:80px}.volume-slider::-webkit-slider-thumb{height:14px;margin-top:-5px;width:14px}.volume-slider::-moz-range-thumb{height:14px;width:14px}.player-button{height:2.5rem;width:2.5rem}.player-button svg{height:1.2rem;width:1.2rem}.music-title{font-size:.8rem}.music-artist{font-size:.7rem}}
/*# sourceMappingURL=main.82845be3.css.map*/