*{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary:#0b0d10;--bg-card:rgba(255,255,255,.06);--bg-card-hover:rgba(255,255,255,.10);--border-glass:rgba(255,255,255,.10);--text-primary:#f0f2f5;--text-secondary:rgba(255,255,255,.65);--text-muted:rgba(255,255,255,.35);--accent-blue:#6b9fff;--accent-blue-hover:#5a8fef;--accent-gradient:linear-gradient(135deg,#6b9fff,#a78bfa);--radius-lg:24px;--radius-md:16px;--radius-sm:12px;--radius-full:9999px;--transition:all .3s cubic-bezier(.25,.46,.45,.94);--font-sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.6;-webkit-font-smoothing:antialiased}.bg-layer{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;background-size:cover;background-position:center;transition:background-image .8s ease}.bg-layer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(11,13,16,.50);z-index:1}#app{position:relative;z-index:2;max-width:1200px;margin:0 auto;padding:0 24px 48px}.nav-wrapper{display:flex;justify-content:center;padding-top:28px;margin-bottom:32px}.nav-inner{display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.07);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-radius:var(--radius-full);padding:6px 8px 6px 6px;border:1px solid var(--border-glass);box-shadow:0 8px 40px rgba(0,0,0,.35)}.nav-brand{background:rgba(255,255,255,.08);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-radius:var(--radius-full);padding:8px 24px;font-size:17px;font-weight:700;color:#fff;letter-spacing:.5px;cursor:pointer;border:1px solid rgba(255,255,255,.06);transition:var(--transition);white-space:nowrap;user-select:none}.nav-brand:hover{background:rgba(255,255,255,.14);transform:scale(1.02)}.nav-links{display:flex;align-items:center;gap:2px}.nav-link{padding:8px 20px;border-radius:var(--radius-full);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:var(--transition);background:transparent;border:none;text-decoration:none;display:inline-block}.nav-link:hover{color:#fff;background:rgba(255,255,255,.08)}.nav-link.active{color:#fff;background:rgba(255,255,255,.10)}.nav-dropdown{position:relative;display:inline-block}.nav-dropdown .nav-link{cursor:pointer}.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);background:rgba(20,22,28,.94);backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:var(--radius-md);padding:8px 0;min-width:160px;border:1px solid var(--border-glass);box-shadow:0 16px 60px rgba(0,0,0,.5);z-index:100}.nav-dropdown-menu.show{display:block}.nav-dropdown-menu a{display:block;padding:10px 28px;color:var(--text-secondary);text-decoration:none;font-size:14px;transition:var(--transition);white-space:nowrap}.nav-dropdown-menu a:hover{background:rgba(255,255,255,.06);color:#fff}.hero{text-align:center;padding:48px 0 28px}.hero-title{font-size:52px;font-weight:700;color:#fff;letter-spacing:2px;text-shadow:0 4px 30px rgba(0,0,0,.2);margin-bottom:4px;background:linear-gradient(135deg,#fff 50%,rgba(255,255,255,.5));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-sub{font-size:20px;color:var(--text-secondary);font-weight:300;letter-spacing:2px;margin-bottom:8px;min-height:44px}.hero-sub .cursor{display:inline-block;width:2px;height:1.1em;background:rgba(255,255,255,.5);margin-left:2px;vertical-align:text-bottom;animation:blink .9s step-end infinite}@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}.hero-fixed{font-size:17px;color:var(--text-muted);font-weight:300;letter-spacing:4px;margin-bottom:28px}.social-bar{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:44px}.social-btn{position:relative;width:48px;height:48px;border-radius:var(--radius-sm);background:rgba(255,255,255,.04);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-glass);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);overflow:visible}.social-btn:hover{background:rgba(255,255,255,.10);transform:translateY(-3px);box-shadow:0 8px 30px rgba(0,0,0,.2)}.social-btn img{width:24px;height:24px;object-fit:contain;display:block;border-radius:4px}.social-tooltip{display:none;position:absolute;bottom:calc(100% + 14px);left:50%;transform:translateX(-50%);background:rgba(0,0,0,.84);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:var(--radius-sm);padding:12px 18px;border:1px solid var(--border-glass);box-shadow:0 12px 40px rgba(0,0,0,.5);z-index:200;min-width:120px;text-align:center;color:#fff;font-size:14px}.social-tooltip::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:8px solid transparent;border-right:8px solid transparent;border-top:8px solid rgba(0,0,0,.84)}.social-btn:hover .social-tooltip{display:block}.social-tooltip img{max-width:120px;height:auto;border-radius:6px;display:block;margin:0 auto}.social-tooltip .qq-number{font-size:16px;font-weight:600;letter-spacing:1px;color:#fff;cursor:pointer;padding:4px 12px;border-radius:8px;background:rgba(255,255,255,.06);transition:background .2s}.social-tooltip .qq-number:hover{background:rgba(255,255,255,.12)}.social-tooltip .copy-hint{font-size:12px;color:var(--text-muted);margin-top:4px}.category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;margin:32px 0 48px}.category-card{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);border:1px solid var(--border-glass);padding:22px 18px 18px;transition:var(--transition);cursor:pointer;position:relative;overflow:hidden;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end}.category-card:hover{background:var(--bg-card-hover);transform:translateY(-4px);border-color:rgba(255,255,255,.14)}.category-card .bg-thumb{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;opacity:.20;z-index:0;transition:opacity .4s}.category-card:hover .bg-thumb{opacity:.30}.category-card .cat-content{position:relative;z-index:1}.category-card .cat-title{font-size:19px;font-weight:600;color:#fff;margin-bottom:4px}.category-card .cat-desc{font-size:13px;color:var(--text-secondary);line-height:1.5}.category-card .cat-count{font-size:12px;color:var(--text-muted);margin-top:8px}.section-title{font-size:21px;font-weight:600;color:#fff;text-align:center;margin:32px 0 22px;letter-spacing:1px;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.articles-list{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}.article-item{display:flex;background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-md);border:1px solid var(--border-glass);overflow:hidden;transition:var(--transition);cursor:pointer;min-height:140px}.article-item:hover{background:var(--bg-card-hover);transform:translateY(-2px);border-color:rgba(255,255,255,.14)}.article-item .left{flex:1;padding:18px 22px;display:flex;flex-direction:column;justify-content:center}.article-item .right{width:190px;min-height:120px;flex-shrink:0;background-size:cover;background-position:center;background-color:rgba(255,255,255,.04)}.article-item.reverse .left{order:2}.article-item.reverse .right{order:1}.article-item .meta{display:flex;align-items:center;gap:14px;font-size:12px;color:var(--text-muted);margin-bottom:6px;flex-wrap:wrap}.article-item .meta .cat-tag{color:var(--accent-blue);font-weight:500}.article-item .title{font-size:18px;font-weight:600;color:#fff;margin-bottom:4px;line-height:1.3}.article-item .summary{font-size:14px;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.load-more-wrap{text-align:center;margin:12px 0 40px}.load-more-btn{display:inline-block;padding:10px 40px;border-radius:var(--radius-full);background:rgba(255,255,255,.06);color:#fff;font-size:15px;font-weight:500;border:1px solid var(--border-glass);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);cursor:pointer;transition:var(--transition)}.load-more-btn:hover{background:rgba(255,255,255,.12);transform:scale(1.02)}.load-more-btn.hidden{display:none}.footer{text-align:center;padding:28px 0 12px;border-top:1px solid var(--border-glass);margin-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.footer .copyright{font-size:13px;color:var(--text-muted);letter-spacing:.5px}.footer .icp{font-size:13px;color:var(--text-muted);text-decoration:none;transition:color .2s}.footer .icp:hover{color:var(--text-secondary)}.back-top{position:fixed;bottom:32px;right:32px;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--border-glass);color:var(--text-secondary);font-size:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);z-index:300;opacity:0;pointer-events:none;transform:translateY(20px)}.back-top.visible{opacity:1;pointer-events:auto;transform:translateY(0)}.back-top:hover{background:rgba(255,255,255,.12);color:#fff;transform:translateY(-3px)}.page-header{text-align:center;padding:16px 0 28px}.page-header h1{font-size:34px;font-weight:700;background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:1px}.page-header .sub{font-size:15px;color:var(--text-secondary);margin-top:4px}.article-detail{background:var(--bg-card);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-radius:var(--radius-lg);border:1px solid var(--border-glass);padding:32px 36px;margin:12px 0 32px}.article-detail .detail-title{font-size:28px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}.article-detail .detail-meta{display:flex;gap:20px;font-size:13px;color:var(--text-muted);margin-bottom:18px;flex-wrap:wrap}.article-detail .detail-meta .cat-tag{color:var(--accent-blue)}.article-detail .detail-image{width:100%;max-height:380px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:20px;background:rgba(255,255,255,.04)}.article-detail .detail-content{font-size:16px;line-height:1.8;color:var(--text-secondary)}.article-detail .detail-content p{margin-bottom:14px}.empty-state{text-align:center;padding:60px 20px;color:var(--text-muted);font-size:16px}@media(max-width:768px){.nav-inner{padding:6px 6px;border-radius:32px;gap:4px}.nav-brand{font-size:15px;padding:6px 16px}.nav-link{font-size:13px;padding:6px 14px}.hero-title{font-size:32px}.hero-sub{font-size:18px}.hero-fixed{font-size:15px}.article-item{flex-direction:column}.article-item .right{width:100%;height:150px;min-height:100px;order:-1}.article-item .left{padding:16px 18px}.article-item.reverse .left{order:1}.article-item.reverse .right{order:-1}.article-detail{padding:20px 18px}.article-detail .detail-title{font-size:22px}.category-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.social-btn{width:44px;height:44px}.social-btn img{width:22px;height:22px}.footer{flex-direction:column;text-align:center}.back-top{bottom:20px;right:20px;width:40px;height:40px;font-size:18px}.nav-dropdown-menu{min-width:130px;left:50%;transform:translateX(-50%)}}@media(max-width:480px){.hero-title{font-size:26px}.hero-sub{font-size:16px}.hero-fixed{font-size:14px}.nav-brand{font-size:13px;padding:5px 12px}.nav-link{font-size:12px;padding:5px 10px}#app{padding:0 14px 32px}}