:root{--bg:#041017;--bg-soft:#0a1820cc;--panel:#09151ceb;--panel-alt:#0b1c27b8;--line:#79e7ff2e;--line-strong:#79e7ff61;--text:#ecfeff;--text-soft:#ddf3f7b8;--accent:#57e3ff;--accent-strong:#9ef4ff;--accent-warm:#6bd0ff;--danger:#ff7a9f;--success:#62ffaa;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--shadow:0 18px 80px #00000059;--mono:"JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sans:"Noto Sans SC", "Microsoft YaHei", "PingFang SC", sans-serif;--display:"Orbitron", "Trebuchet MS", var(--sans)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);font-family:var(--sans);background:radial-gradient(circle at top,#57e3ff2e,#0000 30%),radial-gradient(circle at 100% 100%,#1f5dff2e,#0000 28%),linear-gradient(#031018 0%,#02080d 100%);margin:0}body:before{content:"";pointer-events:none;background-image:linear-gradient(#57e3ff0a 1px,#0000 1px),linear-gradient(90deg,#57e3ff0a 1px,#0000 1px);background-size:48px 48px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000eb,#00000059);mask-image:linear-gradient(#000000eb,#00000059)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{position:relative;overflow:hidden}.shell-gradient{pointer-events:none;background:radial-gradient(circle at 20% 20%,#35d7ff2e,#0000 24%),radial-gradient(circle at 75% 12%,#506fff2e,#0000 28%);position:absolute;inset:0}.container{width:min(1180px,100% - 40px);margin:0 auto}.site-header{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#02080db8;border-bottom:1px solid #ffffff0f;position:sticky;top:0}.site-header-inner,.admin-topbar{justify-content:space-between;align-items:center;gap:20px;padding:18px 0;display:flex}.brand-lockup{gap:4px;display:grid}.brand-eyebrow,.eyebrow{font-family:var(--mono);color:var(--accent);letter-spacing:.2em;text-transform:uppercase;font-size:12px}.brand-title,.hero-title,.section-title,.admin-page-title{font-family:var(--display);letter-spacing:.02em}.brand-title{font-size:18px}.nav-links,.admin-nav{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.nav-link,.admin-nav a,.ghost-button{color:var(--text-soft);background:#ffffff05;border:1px solid #ffffff0f;border-radius:999px;padding:10px 14px;transition:transform .18s,border-color .18s,color .18s;position:relative}.nav-link:hover,.admin-nav a:hover,.ghost-button:hover{color:var(--text);border-color:var(--line-strong);transform:translateY(-1px)}.hero-grid,.intro-grid,.article-layout,.admin-dashboard-grid,.settings-grid{gap:24px;display:grid}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);align-items:end;padding:84px 0 64px}.hero-panel,.glass-card,.article-card,.admin-card,.editor-shell,.markdown-shell,.toc-card{border-radius:var(--radius-lg);box-shadow:var(--shadow);background:linear-gradient(#0a1922d9,#060c12e6);border:1px solid #7cecff1f;position:relative}.hero-panel{padding:36px;overflow:hidden}.hero-panel:after,.article-card:after,.admin-card:after,.editor-shell:after,.markdown-shell:after{content:"";border-radius:inherit;pointer-events:none;background:linear-gradient(145deg,#57e3ff14,#0000 28% 72%,#57e3ff0a);position:absolute;inset:1px}.hero-badge{font-family:var(--mono);letter-spacing:.12em;color:var(--accent-strong);background:#57e3ff14;border:1px solid #57e3ff3d;border-radius:999px;align-items:center;gap:10px;padding:8px 14px;font-size:12px;display:inline-flex}.hero-title{margin:20px 0 14px;font-size:clamp(38px,5vw,74px);line-height:1.02}.hero-copy,.section-copy,.card-copy,.meta-copy,.empty-state,.settings-help,.form-hint{color:var(--text-soft);line-height:1.75}.hero-actions,.chip-row,.stats-grid,.admin-stats,.form-actions{flex-wrap:wrap;gap:14px;display:flex}.primary-button,.secondary-button{border:none;border-radius:999px;padding:13px 20px;transition:transform .18s,box-shadow .18s;position:relative;overflow:hidden}.primary-button{color:#021219;background:linear-gradient(135deg, var(--accent), var(--accent-warm));box-shadow:0 12px 28px #57e3ff40}.secondary-button{color:var(--text);background:#ffffff0f;border:1px solid #ffffff14}.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.chip{font-family:var(--mono);color:var(--text-soft);background:#ffffff08;border:1px solid #ffffff0f;border-radius:999px;padding:8px 12px;font-size:13px}.section-block{padding:40px 0}.section-head{justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px;display:flex}.section-title,.admin-page-title{margin:0;font-size:clamp(24px,3vw,40px)}.section-copy{max-width:680px}.hero-side-stack,.admin-sidebar{gap:18px;display:grid}.signal-lines{gap:14px;display:grid}.signal-line,.stat-tile,.status-badge,.toc-link,.meta-chip{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff0d;padding:16px}.signal-label,.meta-label{font-size:12px;font-family:var(--mono);letter-spacing:.16em;color:var(--accent);text-transform:uppercase;margin-bottom:8px;display:block}.signal-value,.stat-value{color:var(--text);font-size:24px;display:block}.intro-grid{grid-template-columns:minmax(0,1fr) minmax(260px,.7fr)}.glass-card,.admin-card,.editor-shell,.markdown-shell,.toc-card{padding:26px}.article-grid,.admin-cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.article-card{gap:18px;padding:24px;transition:transform .2s,border-color .2s,box-shadow .2s;display:grid}.article-card:hover{border-color:#57e3ff52;transform:translateY(-6px);box-shadow:0 26px 70px #00000052}.article-card:hover .sweep-line{transform:translate(220%)}.sweep-line{background:linear-gradient(#0000,#ffffff1f,#0000);width:120px;height:220%;transition:transform .45s;position:absolute;inset:-60% auto auto -20%;transform:rotate(16deg)translate(-140%)}.article-meta,.detail-meta,.toc-list,.footer-links,.admin-list{flex-wrap:wrap;gap:10px;display:flex}.meta-chip,.status-badge{font-family:var(--mono);border-radius:999px;padding:8px 12px;font-size:12px}.status-badge.is-published{color:var(--success)}.status-badge.is-draft{color:#ffd46c}.status-badge.is-archived{color:var(--danger)}.article-card-title,.editor-title,.input-label,.toc-title{margin:0}.article-card-title{font-size:24px;line-height:1.3}.article-layout{grid-template-columns:minmax(0,1.2fr) minmax(260px,.55fr);align-items:start;padding:50px 0 80px}.article-shell{gap:22px;display:grid}.article-hero{padding:34px}.markdown-body{color:#e9f8fb;line-height:1.82}.markdown-body p,.markdown-body ul,.markdown-body ol,.markdown-body blockquote,.markdown-body table,.markdown-body pre{margin:0 0 20px}.markdown-body h1,.markdown-body h2,.markdown-body h3,.markdown-body h4{font-family:var(--display);margin:38px 0 14px;line-height:1.24}.markdown-body h2,.markdown-body h3{scroll-margin-top:96px}.markdown-body ul,.markdown-body ol{padding-left:20px}.markdown-body blockquote{color:var(--text-soft);background:#57e3ff0f;border-left:3px solid #57e3ff66;margin-left:0;padding:16px 18px}.markdown-body pre{border-radius:var(--radius-md);background:#020b11db;border:1px solid #57e3ff1f;padding:18px;overflow-x:auto}.markdown-body code{font-family:var(--mono)}.markdown-body :not(pre)>code{color:var(--accent-strong);background:#57e3ff14;border-radius:999px;padding:3px 8px}.markdown-body table{border-collapse:collapse;width:100%}.markdown-body th,.markdown-body td{text-align:left;border:1px solid #ffffff14;padding:12px 14px}.markdown-body img{border-radius:var(--radius-md);border:1px solid #ffffff0f;max-width:100%}.heading-anchor{opacity:.4;margin-left:8px;font-size:.8em}.toc-card{position:sticky;top:110px}.toc-stack{gap:8px;display:grid}.toc-link{color:var(--text-soft);display:block}.toc-link.depth-3{margin-left:14px}.toc-link:hover{color:var(--accent-strong);border-color:#57e3ff4d}.admin-shell{min-height:100vh;padding-bottom:40px}.admin-topbar{padding-top:24px}.admin-grid{grid-template-columns:240px minmax(0,1fr);gap:24px;display:grid}.admin-sidebar{align-self:start;position:sticky;top:96px}.admin-main{gap:24px;display:grid}.admin-card h3,.editor-title{font-size:22px}.admin-stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.form-grid{gap:18px;display:grid}.input-label{color:var(--text-soft);margin-bottom:8px;font-size:13px}.input-field,.input-area,.input-select{border-radius:var(--radius-sm);width:100%;color:var(--text);background:#020a0fc7;border:1px solid #ffffff14;outline:none;padding:14px 16px}.input-field:focus,.input-area:focus,.input-select:focus{border-color:#57e3ff5c;box-shadow:0 0 0 3px #57e3ff1f}.input-area{resize:vertical;min-height:140px}.editor-shell textarea[name=markdown]{min-height:360px;font-family:var(--mono)}.two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.message-banner{border-radius:var(--radius-md);background:#ffffff08;border:1px solid #ffffff14;padding:14px 18px}.message-banner.success{color:var(--success);border-color:#62ffaa38}.message-banner.error{color:#ffb0c6;border-color:#ff7a9f38}.login-shell{place-items:center;min-height:100vh;padding:32px 20px;display:grid}.login-card{width:min(520px,100%);padding:30px}.admin-list{flex-direction:column}.article-list-row{border-bottom:1px solid #ffffff0d;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:18px;padding:18px 0;display:grid}.article-list-row:last-child{border-bottom:none}.ripple-host{position:relative;overflow:hidden}.ripple-dot{pointer-events:none;background:#ffffff6b;border-radius:999px;width:14px;height:14px;animation:.56s ease-out forwards ripple-expand;position:absolute;transform:translate(-50%,-50%)scale(0)}@keyframes ripple-expand{to{opacity:0;transform:translate(-50%,-50%)scale(12)}}[data-reveal]{opacity:0;transition:opacity .32s,transform .32s;transform:translateY(18px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.article-shield{position:relative}.article-shield.is-protected .markdown-body{-webkit-user-select:none;user-select:none}.article-shield.is-protected.allow-code .markdown-body pre,.article-shield.is-protected.allow-code .markdown-body pre *,.article-shield.is-protected.allow-code .markdown-body code{-webkit-user-select:text;user-select:text}.article-watermark{pointer-events:none;opacity:.6;background-image:repeating-linear-gradient(-24deg,#0000 0 120px,#57e3ff0b 120px 180px);position:absolute;inset:0}.site-footer{color:var(--text-soft);padding:32px 0 64px}@media (max-width:980px){.hero-grid,.intro-grid,.article-layout,.admin-grid,.article-grid,.admin-stats{grid-template-columns:1fr}.admin-sidebar{position:static}}@media (max-width:720px){.container{width:min(100% - 24px,100%)}.hero-panel,.glass-card,.admin-card,.editor-shell,.markdown-shell,.toc-card,.article-hero{padding:22px}.hero-grid{padding-top:56px}.two-column,.article-list-row{grid-template-columns:1fr}}