:root{--bg-base:#f5f6fb;--bg-elevated:#fff;--bg-card:#fff;--border-soft:#6366f129;--border-strong:#6366f16b;--text-primary:#1e2333;--text-secondary:#5a6478;--text-muted:#8b93a7;--accent:#4f46e5;--accent-2:#0e7490;--accent-3:#7c3aed;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #8b5cf6 50%, #0ea5e9 100%);--gradient-soft:linear-gradient(135deg, #6366f117 0%, #0ea5e90f 100%);--shadow-glow:0 10px 30px #6366f12e;--shadow-card:0 6px 22px #1e293b14;--radius-md:12px;--radius-lg:20px;--radius-xl:28px;--nav-bg:#ffffffd1;--nav-bg-scrolled:#fffffff0;--footer-bg:#ffffffb8;--surface-sunken:#6366f10d;--grid-line:#6366f10b;--shadow-nav-scrolled:0 6px 24px #1e293b1a;--nav-shadow:0 1px 0 #1e293b08, 0 6px 20px #1e293b0d;--spot-glow:#8b5cf61a;--tag-bg:#0e749014;--tag-border:#0e749038;--fx-grid-opacity:.55;--fx-aurora-opacity:.32;--fx-spot-opacity:.4;--fx-card-glow-opacity:.45;--grad-mid:#8b5cf6;--grad-end:#0ea5e9}html[data-theme=dark]{--bg-base:#0a0e1a;--bg-elevated:#111827;--bg-card:#111827b3;--border-soft:#6366f12e;--border-strong:#6366f166;--text-primary:#f3f4f6;--text-secondary:#9ca3af;--text-muted:#6b7280;--accent:#6366f1;--accent-2:#22d3ee;--accent-3:#a855f7;--gradient-primary:linear-gradient(135deg, #6366f1 0%, #a855f7 50%, #22d3ee 100%);--gradient-soft:linear-gradient(135deg, #6366f11f 0%, #22d3ee14 100%);--shadow-glow:0 0 32px #6366f140;--shadow-card:0 8px 32px #0006;--nav-bg:#0a0e1ab3;--nav-bg-scrolled:#0a0e1ae0;--footer-bg:#0a0e1a99;--surface-sunken:#0a0e1a80;--grid-line:#6366f10d;--shadow-nav-scrolled:0 6px 24px #00000059;--nav-shadow:0 1px 0 #0003, 0 6px 20px #0000004d;--spot-glow:#a855f72e;--tag-bg:#22d3ee1a;--tag-border:#22d3ee4d;--fx-grid-opacity:1;--fx-aurora-opacity:1;--fx-spot-opacity:1;--fx-card-glow-opacity:1;--grad-mid:#a855f7;--grad-end:#22d3ee}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:auto}body{background:var(--bg-base);color:var(--text-primary);min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Helvetica Neue,Segoe UI,Microsoft YaHei,sans-serif;line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--grid-line) 1px, transparent 1px), linear-gradient(90deg, var(--grid-line) 1px, transparent 1px);pointer-events:none;z-index:0;background-size:48px 32px;position:fixed;inset:0}body:after{content:"";background:radial-gradient(circle, var(--spot-glow) 0%, transparent 70%);pointer-events:none;z-index:0;width:600px;height:600px;position:fixed;top:-200px;right:-200px}.container{z-index:1;max-width:1200px;margin:0 auto;padding:0 24px;position:relative}section{padding:80px 0}.section-title{text-align:center;letter-spacing:-.5px;margin-bottom:16px;font-size:clamp(28px,4vw,40px);font-weight:700}.section-title .grad{background:var(--gradient-primary);-webkit-text-fill-color:transparent;background-clip:text}.section-sub{text-align:center;color:var(--text-secondary);max-width:600px;margin:0 auto 56px;font-size:16px}nav{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:var(--nav-bg);border-bottom:1px solid var(--border-soft);z-index:100;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:16px 24px;display:flex}.logo{background:var(--gradient-primary);-webkit-text-fill-color:transparent;letter-spacing:.5px;background-clip:text;font-size:20px;font-weight:700}.logo-dot{background:var(--accent-2);width:8px;height:8px;box-shadow:0 0 12px var(--accent-2);border-radius:50%;margin-left:4px;animation:2s ease-in-out infinite blink;display:inline-block}@keyframes blink{0%,to{opacity:1}50%{opacity:.4}}.nav-links{gap:8px;list-style:none;display:flex}.nav-links li.has-divider{position:relative}.nav-links li.has-divider:before{content:"";background:var(--border-strong);opacity:.55;width:1px;height:14px;position:absolute;top:50%;left:-4px;transform:translateY(-50%)}.nav-links a[data-cross="1"]{color:var(--accent)}.nav-links a{color:var(--text-secondary);border-radius:8px;padding:8px 16px;font-size:14px;text-decoration:none;transition:all .2s}.nav-links a:hover{color:var(--text-primary);background:#6366f11a}.nav-cta{background:var(--gradient-primary);font-weight:600;color:#fff!important;padding:8px 20px!important}.nav-cta:hover{box-shadow:var(--shadow-glow);transform:translateY(-1px)}.nav-right{align-items:center;gap:10px;display:flex}.theme-toggle{border:1px solid var(--border-soft);background:var(--gradient-soft);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:15px;line-height:1;transition:all .25s;display:inline-flex}.theme-toggle:hover{border-color:var(--border-strong);box-shadow:var(--shadow-glow);transform:translateY(-1px)}@media (max-width:768px){.nav-links li:not(:last-child){display:none}.nav-inner{padding:12px 16px}.logo{white-space:nowrap;font-size:18px}.nav-cta{white-space:nowrap;font-size:13px;padding:7px 14px!important}.theme-toggle{width:32px;height:32px;font-size:14px}}.nav-links{position:relative}.nav-indicator{background:var(--gradient-primary);opacity:0;pointer-events:none;border-radius:2px;height:2.5px;transition:left .4s cubic-bezier(.34,1.8,.64,1),width .4s cubic-bezier(.34,1.8,.64,1),opacity .25s;position:absolute;bottom:-2px;box-shadow:0 0 12px #6366f1a6}.nav-indicator.show{opacity:1}.nav-links a.active{color:var(--text-primary);background:#6366f114}@keyframes tab-pop{0%{transform:scale(1)}35%{transform:scale(1.28)}to{transform:scale(1)}}.nav-links a.pop{animation:.45s tab-pop}@media (min-width:769px) and (max-width:790px){.nav-links{gap:6px}}footer{border-top:1px solid var(--border-soft);text-align:center;background:var(--footer-bg);margin-top:60px;padding:40px 24px 32px}.footer-content{max-width:1200px;margin:0 auto}.footer-links{flex-wrap:wrap;justify-content:center;gap:16px;margin-bottom:20px;display:flex}.footer-link{color:var(--text-secondary);border-radius:6px;padding:4px 12px;font-size:13px;text-decoration:none;transition:color .2s}.footer-link:hover{color:var(--accent-2)}.copyright{color:var(--text-muted);margin-bottom:16px;font-size:13px}footer.no-beian .copyright{margin-bottom:0}.beian{border-top:1px dashed var(--border-soft);flex-flow:wrap;justify-content:center;align-items:center;gap:8px;margin-top:16px;padding-top:16px;display:flex}.beian-item{color:var(--text-muted);border-radius:6px;align-items:center;gap:6px;padding:4px 8px;font-size:13px;text-decoration:none;transition:all .2s;display:inline-flex}.beian-item:hover{color:var(--text-secondary);background:#6366f114}.beian-icon{vertical-align:middle;flex:none;width:auto;height:17px;display:inline-block}