*{box-sizing:border-box;margin:0;padding:0;scrollbar-color:var(--accent-color) transparent;scrollbar-width:thin}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--accent-color);border-radius:4px}::-webkit-scrollbar-thumb:hover{background-color:var(--accent-hover)}.glass-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:15px;box-shadow:0 8px 32px 0 var(--shadow-color);padding:20px;transition:all .3s ease}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}input[type=number]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield}.fade-in{animation:fadeIn 1.5s ease forwards}.glass-btn{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:var(--btn-bg);border:1px solid var(--glass-border);color:var(--text-primary)}:root{--bg-primary:rgba(240,248,255,.7);--bg-secondary:hsla(0,0%,100%,.3);--text-primary:#333;--text-secondary:#666;--text-on-accent:#fff;--accent-hover:#8ebbf5;--glass-bg:hsla(0,0%,100%,.25);--glass-border:hsla(0,0%,100%,.18);--shadow-color:rgba(31,38,135,.2);--card-bg:hsla(0,0%,100%,.3);--input-bg:hsla(0,0%,100%,.5);--btn-bg:rgba(110,142,188,.6);--btn-hover:rgba(110,142,188,.8);--moon-color:#f5f5f5;--cloud-color:hsla(0,0%,100%,.8);--sky-gradient:linear-gradient(135deg,#bbe1fa,#6e8ebc);--star-color:hsla(0,0%,100%,.8);--surface-container:#e6f0fa;--surface-container-high:#fff;--primary:#6e8ebc;--primary-hover:#4a6fa5;--on-primary:#fff;--on-surface:#222;--outline-variant:#d1d5db;--glass-bg:hsla(0,0%,100%,.7);--glass-border:#cbd5e1;--text-primary:#222;--accent-color:#6e8ebc;--accent-color-transparent:rgba(110,142,188,.2)}.theme-dark{--bg-primary:rgba(20,25,40,.7);--bg-secondary:rgba(30,40,60,.3);--text-primary:#e0e0e0;--text-secondary:#b0b0b0;--text-on-accent:#fff;--accent-color:#8ebbf5;--accent-hover:#6e8ebc;--accent-color-transparent:rgba(142,187,245,.2);--glass-bg:rgba(30,40,60,.25);--glass-border:hsla(0,0%,100%,.08);--shadow-color:rgba(0,0,0,.3);--card-bg:rgba(30,40,60,.3);--input-bg:rgba(20,25,40,.5);--btn-bg:rgba(110,142,188,.4);--btn-hover:rgba(110,142,188,.6);--moon-color:#f0f0f0;--cloud-color:rgba(60,70,100,.8);--sky-gradient:linear-gradient(135deg,#1e2130,#2c3e50);--star-color:hsla(0,0%,100%,.9)}body{background:var(--sky-gradient);color:var(--text-primary);font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background .5s ease}.container{margin:0 auto;max-width:1200px;padding:0 20px;width:90%}a{color:var(--accent-color);text-decoration:none;text-decoration-skip-ink:auto;transition:all .3s ease}a:hover{color:var(--btn-hover)}.glass-panel:hover{box-shadow:0 12px 48px 0 var(--shadow-color);transform:translateY(-5px)}.btn{border:none;border-radius:30px;cursor:pointer;display:inline-block;font-weight:600;letter-spacing:.5px;outline:none;padding:12px 24px;text-transform:uppercase;transition:all .3s ease}.glass-btn:hover{background:var(--btn-hover);box-shadow:0 10px 20px rgba(0,0,0,.1);transform:translateY(-3px)}header{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);left:0;padding:15px 0;position:fixed;top:0;transition:all .3s ease;width:100%;z-index:1000}header .container{align-items:center;display:flex;justify-content:space-between}.logo h1{background:linear-gradient(135deg,var(--accent-color),#c4d3f6);-webkit-background-clip:text;background-clip:text;font-size:1.8rem;font-weight:700;-webkit-text-fill-color:transparent}nav ul{display:flex;list-style:none}nav ul li{margin-left:30px}nav ul li a{border-radius:20px;color:var(--text-primary);font-weight:500;padding:8px 15px;transition:all .3s ease}nav ul li a.active,nav ul li a:hover{background:var(--glass-bg);color:var(--accent-color)}.theme-toggle button{align-items:center;background:transparent;border:none;border-radius:50%;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.theme-toggle button:hover{background:var(--glass-bg)}main{padding-top:80px}#hero{align-items:center;display:flex;height:85vh;overflow:hidden;position:relative}.hero-content{margin:0 auto;max-width:800px;padding:40px;text-align:center}.hero-content h2{background:linear-gradient(135deg,var(--accent-color),#c4d3f6);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;margin-bottom:20px;-webkit-text-fill-color:transparent}.hero-content p{color:var(--text-secondary);font-size:1.2rem;margin-bottom:30px}.section{padding:80px 0}.section-title{color:var(--text-primary);font-size:2rem;margin-bottom:50px;position:relative;text-align:center}.section-title:after{background:var(--accent-color);border-radius:3px;bottom:-15px;content:"";height:3px;left:50%;position:absolute;transform:translateX(-50%);width:80px}.about-content{display:flex;flex-direction:column;padding:40px}.about-content h2{margin-bottom:30px;text-align:center}.profile-container{align-items:center;display:flex;flex-direction:row;gap:30px;margin-top:20px;padding:30px}.profile-avatar{border:3px solid hsla(0,0%,100%,.2);border-radius:50%;box-shadow:0 10px 25px rgba(0,0,0,.2);flex-shrink:0;height:150px;overflow:hidden;width:150px}.profile-avatar img{height:100%;object-fit:cover;width:100%}.profile-info{flex:1}.profile-info h3{color:var(--text-color);font-size:1.8rem;margin-bottom:10px}.profile-bio{color:var(--text-secondary);font-size:1rem;line-height:1.6;margin-bottom:20px}.profile-stats{display:flex;gap:20px;margin-bottom:20px}.stat-item{align-items:center;color:var(--text-color);display:flex;gap:8px}.stat-item i{color:var(--accent-color);font-size:1.1rem}.profile-social{display:flex;gap:15px}.profile-social a{align-items:center;background:hsla(0,0%,100%,.1);border-radius:50%;color:var(--text-color);display:flex;font-size:1.2rem;height:40px;justify-content:center;transition:all .3s ease;width:40px}.profile-social a:hover{background:var(--accent-color);color:#fff;transform:translateY(-3px)}.bilibili-link{background:linear-gradient(135deg,#00a1d6,#00b5e5)!important;border:2px solid transparent;color:#fff!important;position:relative;transition:all .3s ease}.bilibili-link:hover{background:linear-gradient(135deg,#08c,#00a1d6)!important;border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 20px rgba(0,161,214,.3);transform:translateY(-3px) scale(1.05)}.bilibili-link i{color:#fff!important;font-size:1.1rem;transition:all .3s ease}.bilibili-link:hover i{text-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.1)}.articles-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:30px}.article-card{cursor:pointer;display:flex;flex-direction:column;height:100%;overflow:hidden;transition:transform .3s ease}.article-card:hover{transform:translateY(-10px)}.article-image{border-radius:10px;height:200px;margin-bottom:15px;overflow:hidden;width:100%}.article-image img{height:100%;object-fit:cover;transition:transform .3s ease;width:100%}.article-card:hover .article-image img{transform:scale(1.1)}.article-content{flex:1;padding:0 10px}.article-content h3{font-size:1.2rem;margin-bottom:10px}.article-content p{color:var(--text-secondary);font-size:.9rem;margin-bottom:10px}.article-meta{color:var(--text-secondary);display:flex;font-size:.8rem;justify-content:space-between}.article-tags{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 4px}.tag{background:linear-gradient(90deg,#6e8ebc 60%,#b6cfff);border-radius:12px;box-shadow:0 1px 2px rgba(110,142,188,.08);display:inline-block;margin-right:2px}.tag,.top-badge{color:#fff;font-size:12px;padding:2px 10px}.top-badge{background:#ffb300;border-radius:0 0 8px 0;box-shadow:0 2px 6px rgba(255,179,0,.08);font-weight:700;left:0;position:absolute;top:0;z-index:2}.article-card .article-image{position:relative}.article-author{color:#6e8ebc;font-size:13px;margin-left:12px;vertical-align:middle}.article-author i{margin-right:3px}.skeleton{overflow:hidden;position:relative}.skeleton:before{animation:skeleton-loading 1.5s infinite;background:linear-gradient(90deg,var(--card-bg) 0,hsla(0,0%,100%,.5) 50%,var(--card-bg) 100%);background-size:200% 100%;content:"";height:100%;left:0;position:absolute;top:0;width:100%}.skeleton-image{border-radius:10px;height:200px;margin-bottom:15px}.skeleton-image,.skeleton-line{background-color:var(--card-bg)}.skeleton-line{border-radius:5px;height:15px;margin-bottom:10px}.skeleton-line:first-child{width:85%}.skeleton-line:nth-child(2){width:100%}.skeleton-line:nth-child(3){width:70%}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.articles-pagination{align-items:center;display:flex;gap:20px;justify-content:center;margin:0 auto;padding:10px 20px;width:fit-content}.pagination-btn{align-items:center;background:var(--btn-bg);border:none;border-radius:20px;color:var(--text-primary);cursor:pointer;display:flex;gap:5px;padding:8px 16px;transition:all .3s ease}.pagination-btn:hover:not(:disabled){background:var(--btn-hover)}.pagination-btn:disabled{cursor:not-allowed;opacity:.5}#page-indicator{font-weight:500}footer{border-top:1px solid var(--glass-border);margin-top:80px;padding:50px 0 20px}.footer-content{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.footer-section h3{font-size:1.2rem;margin-bottom:20px;padding-bottom:10px;position:relative}.footer-section h3:after{background:var(--accent-color);bottom:0;content:"";height:2px;left:0;position:absolute;width:50px}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:10px}.social-links{display:flex;gap:15px}.social-links a{align-items:center;background:var(--glass-bg);border-radius:50%;color:var(--text-primary);display:flex;height:40px;justify-content:center;transition:all .3s ease;width:40px}.social-links a:hover{background:var(--btn-bg);transform:translateY(-3px)}.social-icons .bilibili-link{background:linear-gradient(135deg,#00a1d6,#00b5e5)!important;border:2px solid transparent;color:#fff!important}.social-icons .bilibili-link:hover{background:linear-gradient(135deg,#08c,#00a1d6)!important;border-color:hsla(0,0%,100%,.3);box-shadow:0 8px 20px rgba(0,161,214,.3);transform:translateY(-3px) scale(1.05)}.social-icons .bilibili-link i{color:#fff!important;font-size:1.1rem}.social-icons .bilibili-link:hover i{text-shadow:0 2px 4px rgba(0,0,0,.2);transform:scale(1.1)}.copyright{border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:.9rem;padding-top:20px;text-align:center}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn 1s forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.parallax{background-attachment:fixed;position:relative}.stars-container{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.stars,.stars2,.stars3{background:transparent;height:100%;left:0;position:absolute;top:0;width:100%}.stars{animation:stars-move 100s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,var(--star-color),transparent),radial-gradient(2px 2px at 40px 70px,var(--star-color),transparent),radial-gradient(2px 2px at 50px 160px,var(--star-color),transparent),radial-gradient(2px 2px at 90px 40px,var(--star-color),transparent),radial-gradient(2px 2px at 130px 80px,var(--star-color),transparent),radial-gradient(2px 2px at 160px 120px,var(--star-color),transparent);background-size:200px 200px;opacity:.6}.stars,.stars2{background-repeat:repeat}.stars2{animation:stars-move 150s linear infinite;background-image:radial-gradient(1.5px 1.5px at 50px 150px,var(--star-color),transparent),radial-gradient(1.5px 1.5px at 100px 50px,var(--star-color),transparent),radial-gradient(1.5px 1.5px at 150px 100px,var(--star-color),transparent),radial-gradient(1.5px 1.5px at 200px 30px,var(--star-color),transparent),radial-gradient(1.5px 1.5px at 250px 180px,var(--star-color),transparent),radial-gradient(1.5px 1.5px at 300px 120px,var(--star-color),transparent);background-size:300px 300px;opacity:.4}.stars3{animation:stars-move 200s linear infinite;background-image:radial-gradient(1px 1px at 100px 200px,var(--star-color),transparent),radial-gradient(1px 1px at 200px 100px,var(--star-color),transparent),radial-gradient(1px 1px at 300px 50px,var(--star-color),transparent),radial-gradient(1px 1px at 400px 200px,var(--star-color),transparent),radial-gradient(1px 1px at 500px 300px,var(--star-color),transparent),radial-gradient(1px 1px at 600px 150px,var(--star-color),transparent);background-repeat:repeat;background-size:600px 600px;opacity:.3}@keyframes stars-move{0%{background-position:0 0}to{background-position:600px 600px}}.clouds{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}.cloud{border-radius:50px;filter:blur(15px);height:60px;opacity:.6;width:200px}.cloud,.cloud:after,.cloud:before{background:var(--cloud-color);position:absolute}.cloud:after,.cloud:before{border-radius:50%;content:""}.cloud:before{height:100px;left:30px;top:-50px;width:100px}.cloud:after{height:80px;right:30px;top:-35px;width:80px}.cloud1{animation:cloud-move-1 100s linear infinite;left:-300px;top:20%}.cloud2{animation:cloud-move-2 120s linear infinite;left:-200px;top:40%;transform:scale(1.5)}.cloud3{animation:cloud-move-3 80s linear infinite;left:-250px;top:60%;transform:scale(.8)}@keyframes cloud-move-1{0%{left:-300px}to{left:calc(100% + 300px)}}@keyframes cloud-move-2{0%{left:-200px}to{left:calc(100% + 200px)}}@keyframes cloud-move-3{0%{left:-250px}to{left:calc(100% + 250px)}}.moonlight{animation:moonlight-glow 8s ease-in-out infinite;background:var(--moon-color);border-radius:50%;filter:blur(30px);height:300px;opacity:.6;position:fixed;right:-100px;top:-100px;width:300px;z-index:-1}@keyframes moonlight-glow{0%,to{opacity:.6;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@media (max-width:992px){.hero-content h2{font-size:2rem}.profile-container{flex-direction:column;text-align:center}.profile-avatar{margin-bottom:20px}}@media (max-width:768px){header .container{flex-direction:column}.logo,nav ul{margin-bottom:15px}nav ul li{margin-left:15px}.hero-content{padding:20px}.hero-content h2{font-size:1.8rem}.section{padding:50px 0}.footer-content{grid-template-columns:1fr}.profile-container{flex-direction:column;gap:20px;text-align:center}.profile-stats{flex-wrap:wrap}.profile-social,.profile-stats{justify-content:center}}@media (max-width:576px){nav ul li{margin-left:10px}nav ul li a{font-size:.9rem;padding:6px 10px}.hero-content h2{font-size:1.5rem}.hero-content p{font-size:1rem}.btn{font-size:.9rem;padding:10px 18px}}.tag-filter{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.tag-filter-label{color:var(--text-secondary);font-size:14px;margin-right:8px}.tag-filter-item{background:var(--card-bg);border:1px solid var(--accent-color-transparent);color:var(--accent-color);cursor:pointer;transition:all .2s}.tag-filter-item.active{background:var(--accent-color);border-color:var(--accent-color);box-shadow:0 2px 8px rgba(110,142,188,.1);color:#fff;font-weight:700}#article-meta{margin:40px 0 30px;text-align:center}.article-cover{border-radius:12px;box-shadow:0 4px 24px rgba(110,142,188,.1);margin-bottom:1em;max-width:100%}.article-title{background:linear-gradient(90deg,var(--accent-color),#b6cfff 80%);-webkit-background-clip:text;background-clip:text;font-size:2.2rem;font-weight:700;margin-bottom:.5em;-webkit-text-fill-color:transparent}.article-meta-info{color:var(--text-secondary);display:flex;flex-wrap:wrap;font-size:1rem;gap:18px;justify-content:center;margin-bottom:.5em}.article-meta-info .article-author i,.article-meta-info .article-date i{color:var(--accent-color);margin-right:4px}#article-meta .article-tags{display:inline-flex;gap:6px;margin-left:8px}#article-meta .tag{background:linear-gradient(90deg,#6e8ebc 60%,#b6cfff);border-radius:12px;color:#fff;cursor:pointer;font-size:13px;padding:2px 12px;transition:background .2s}#article-meta .tag-link:hover{background:#8ebbf5;color:#fff}.article-excerpt{color:var(--text-secondary);font-style:italic;margin-bottom:1em}@media (max-width:600px){.article-title{font-size:1.3rem}#article-meta{margin:20px 0 15px}.article-meta-info{font-size:.95rem;gap:10px}}.article-navigation{display:flex;gap:20px;justify-content:space-between;margin:40px 0 20px}.nav-link{align-items:center;background:var(--card-bg);border:1px solid var(--border-color);border-radius:12px;color:var(--text-color);display:flex;flex:1;max-width:45%;padding:16px 20px;text-decoration:none;transition:all .3s}.nav-link:hover{background:var(--accent-color);box-shadow:0 4px 16px rgba(110,142,188,.15);color:#fff;transform:translateY(-2px)}.nav-link.disabled{background:var(--bg-secondary);cursor:not-allowed;opacity:.5}.nav-link.disabled:hover{box-shadow:none;transform:none}.nav-content{display:flex;flex:1;flex-direction:column}.nav-label{color:var(--text-secondary);font-size:.85rem;margin-bottom:4px}.nav-title{font-size:1rem;font-weight:600;line-height:1.3}.nav-link:hover .nav-label{color:hsla(0,0%,100%,.8)}.prev-link{text-align:left}.next-link{flex-direction:row-reverse;text-align:right}.next-link i,.prev-link i{font-size:1.2rem;margin:0 12px}@media (max-width:768px){.article-navigation{flex-direction:column;gap:12px}.nav-link{max-width:100%}.nav-title{font-size:.95rem}}.search-container{margin-bottom:20px}.search-box{background:var(--card-bg);border:1px solid var(--border-color);border-radius:25px;box-shadow:0 2px 8px rgba(110,142,188,.08);display:flex;margin:0 auto;max-width:500px;overflow:hidden;transition:all .3s}.search-box:focus-within{border-color:var(--accent-color);box-shadow:0 4px 16px rgba(110,142,188,.15)}.search-input{background:transparent;border:none;color:var(--text-color);flex:1;font-size:1rem;outline:none;padding:12px 20px}.search-input::placeholder{color:var(--text-secondary)}.search-btn{align-items:center;background:var(--accent-color);border:none;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:12px 20px;transition:background .2s}.search-btn:hover{background:var(--accent-color-dark)}.search-btn i{font-size:1.1rem}@media (max-width:600px){.search-box{max-width:100%}.search-input{font-size:.95rem}}mark{background:linear-gradient(90deg,gold 60%,#ffed4e);border-radius:3px;color:#333;font-weight:700;padding:1px 3px}.article-read-count{color:var(--text-secondary);font-size:.9rem;margin:10px 0 20px;text-align:center}.article-read-count i{color:var(--accent-color);margin-right:5px}.modal{align-items:center;background:rgba(0,0,0,.18);display:flex;height:100vh;justify-content:center;left:0;position:fixed;top:0;width:100vw;z-index:9999}.modal-content{background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(110,142,188,.18);max-width:520px;min-width:320px;padding:28px 24px 18px;position:relative;width:96vw}.modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.modal-header h3{color:#4a6fa5;flex:1;font-size:1.15rem;margin:0;text-align:center}.modal-close{background:none;border:none;color:#888;cursor:pointer;font-size:1.3rem;margin-left:8px;transition:color .2s}.modal-close:hover{color:#d32f2f}.form-group{margin-bottom:12px}.form-group label{color:#4a6fa5;display:block;font-size:.98rem;margin-bottom:4px}.form-group input,.form-group textarea{border:1px solid #e0e6ef;border-radius:6px;box-sizing:border-box;font-size:1rem;padding:8px 10px;resize:vertical;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#4a6fa5;outline:none}.btn.btn-primary{background:#4a6fa5;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1rem;margin-left:8px;padding:8px 18px;transition:background .2s}.btn.btn-primary:hover{background:#6e8ebc}.btn.btn-outline{background:none;border:1px solid #4a6fa5;border-radius:6px;color:#4a6fa5;cursor:pointer;font-size:1rem;margin-right:8px;padding:8px 18px;transition:background .2s,color .2s}.btn.btn-outline:hover{background:#f0f4fa;color:#2d3e5e}body.login-page{background:var(--sky-gradient);justify-content:center;min-height:100vh;transition:background .5s}.login-panel,body.login-page{align-items:center;display:flex}.login-panel{animation:fadeIn 1.2s;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 var(--shadow-color);flex-direction:column;margin:auto;padding:40px 32px 32px;position:relative;width:350px;z-index:10}.login-panel h2{align-items:center;color:var(--accent-color);display:flex;font-weight:700;gap:10px;letter-spacing:2px;margin-bottom:24px;text-shadow:0 2px 8px var(--shadow-color)}.login-panel h2 i{font-size:1.2em}.login-panel .input-group{margin-bottom:20px;width:100%}.login-panel input[type=password]{background:var(--input-bg);border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-size:1rem;outline:none;padding:12px 16px;transition:border .2s;width:100%}.login-panel input[type=password]:focus{border:1.5px solid var(--accent-color)}.login-panel .login-btn{align-items:center;background:var(--btn-bg);border:none;border-radius:30px;color:var(--text-on-accent);cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;gap:8px;justify-content:center;margin-top:8px;padding:12px 0;transition:background .2s,transform .2s;width:100%}.login-panel .login-btn:hover{background:var(--btn-hover);transform:translateY(-2px)}.login-panel .error{color:#e57373;font-size:.95rem;margin-bottom:10px;min-height:1.2em}@media (max-width:480px){.login-panel{padding:24px 6vw;width:98vw}}