:root{--bg: #05080f;--bg-2: #0a101c;--bg-3: #0b111d;--card: rgba(15, 22, 35, .72);--card-solid: #0e1624;--border: rgba(148, 175, 210, .14);--border-strong: rgba(51, 224, 200, .4);--text: #eaf2fb;--muted: #93a6bf;--accent: #34e5cd;--accent-2: #4b8bff;--accent-3: #9b6bff;--danger: #f85149;--ok: #3fb950;--radius: 16px;--radius-sm: 10px;--font-mono: "SFMono-Regular", "JetBrains Mono", Consolas, "Courier New", monospace;--grad: linear-gradient(135deg, #34e5cd 0%, #4b8bff 55%, #9b6bff 100%);--shadow: 0 18px 50px -22px rgba(0, 0, 0, .85);--shadow-glow: 0 0 0 1px rgba(52, 229, 205, .18), 0 18px 48px -20px rgba(52, 229, 205, .4)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1100px 620px at 78% -8%,rgba(52,229,205,.13),transparent 60%),radial-gradient(1000px 560px at -5% 0%,rgba(75,139,255,.14),transparent 55%),radial-gradient(900px 700px at 105% 55%,rgba(155,107,255,.08),transparent 60%),var(--bg);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(148,175,210,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(148,175,210,.045) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%)}a{color:var(--accent);text-decoration:none;transition:color .18s}a:hover{color:#8df7e7}img{max-width:100%;display:block}::selection{background:#34e5cd4d;color:#fff}.wrap{max-width:1120px;margin:0 auto;padding:0 22px}.grad-text{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.site-header{position:sticky;top:0;z-index:30;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#060a12b8;border-bottom:1px solid var(--border)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:68px}.brand{display:flex;flex-direction:column;line-height:1.15;gap:2px}.brand-mark{font-family:var(--font-mono);font-weight:800;font-size:1.2rem;color:var(--text);letter-spacing:1px}.brand-mark em{color:var(--accent);font-style:normal}.brand-sub{font-size:.7rem;color:var(--muted);letter-spacing:.2px}.nav{display:flex;align-items:center;gap:4px}.nav-link{padding:8px 14px;color:var(--muted);font-size:.93rem;border-radius:999px;transition:.18s;border:1px solid transparent}.nav-link:hover{color:var(--text);background:#94afd214}.nav-link.active{color:var(--accent);background:#34e5cd1a;border-color:#34e5cd40}.nav-toggle{display:none;background:none;border:1px solid var(--border);border-radius:10px;color:var(--text);font-size:1.4rem;line-height:1;padding:8px 12px;cursor:pointer}.site-footer{border-top:1px solid var(--border);background:linear-gradient(180deg,transparent,rgba(10,16,28,.7));margin-top:72px;padding:52px 0 26px;position:relative}.footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:32px}.footer-brand{font-family:var(--font-mono);font-weight:800;font-size:1.25rem;color:var(--text)}.footer-slogan{color:var(--muted);font-size:.88rem;margin-top:10px;max-width:40ch}.footer-col h4{color:var(--text);font-size:.92rem;margin:0 0 14px;letter-spacing:.4px}.footer-col ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:9px;color:var(--muted);font-size:.87rem}.footer-col a{color:var(--muted)}.footer-col a:hover{color:var(--accent)}.footer-bottom{margin-top:38px;padding-top:20px;border-top:1px solid var(--border);color:var(--muted);font-size:.8rem;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between}.hero{padding:84px 0 56px;position:relative}.hero-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--border-strong);color:var(--accent);border-radius:999px;font-size:.78rem;letter-spacing:1px;font-family:var(--font-mono);margin-bottom:26px;background:#34e5cd0f}.hero-tag:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px 2px #34e5cdb3;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.hero h1{font-size:clamp(2.1rem,6vw,3.6rem);line-height:1.12;margin:0 0 20px;letter-spacing:-.5px}.hero h1 .accent{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-slogan{font-size:clamp(1rem,2vw,1.22rem);color:var(--muted);max-width:66ch;margin:0 0 34px;line-height:1.7}.section{padding:46px 0}.section-title{font-size:1.5rem;margin:0 0 24px;display:flex;align-items:center;gap:12px;font-weight:700}.section-title:before{content:"";width:5px;height:26px;border-radius:3px;background:var(--grad);box-shadow:0 0 14px #34e5cd80}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease;display:flex;flex-direction:column;backdrop-filter:blur(8px)}.card:hover{transform:translateY(-5px);border-color:var(--border-strong);box-shadow:var(--shadow-glow)}.card-tag{font-family:var(--font-mono);font-size:.7rem;padding:3px 10px;border-radius:999px;background:#34e5cd1f;color:var(--accent);align-self:flex-start;border:1px solid rgba(52,229,205,.2)}.card-body{padding:18px 20px 22px;display:flex;flex-direction:column;gap:10px;flex:1}.card h3{font-size:1.12rem;margin:0;line-height:1.4}.card p{color:var(--muted);font-size:.9rem;margin:0;flex:1}.card-meta{color:var(--muted);font-size:.78rem;display:flex;gap:12px;align-items:center}.cover{aspect-ratio:16 / 9;object-fit:cover;width:100%;background:linear-gradient(135deg,#101b2e,#0c1220)}.principles{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.principle{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px;backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:.22s}.principle:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:var(--grad);opacity:0;transition:.22s}.principle:hover{transform:translateY(-4px);border-color:var(--border-strong)}.principle:hover:before{opacity:1}.principle h3{margin:0 0 10px;color:var(--accent);font-size:1.06rem}.principle p{margin:0;color:var(--muted);font-size:.92rem}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:.95rem;border:1px solid var(--border-strong);color:var(--accent);transition:.18s;cursor:pointer}.btn.primary{background:var(--grad);color:#03211c;border:none;box-shadow:0 10px 26px -10px #34e5cd99}.btn.primary:hover{box-shadow:0 14px 30px -8px #34e5cdbf;transform:translateY(-2px)}.btn:hover{border-color:var(--border-strong);background:#34e5cd14}.btn.primary:hover{background:var(--grad);color:#03211c}.actions{display:flex;gap:14px;flex-wrap:wrap}.prose{max-width:760px;margin:0 auto}.prose h1,.prose h2,.prose h3{line-height:1.35}.prose p,.prose li{color:#c6d4e6}.prose a{text-decoration:underline}.prose code{background:var(--bg-2);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.88em}.prose pre{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;overflow-x:auto}.prose img{border-radius:var(--radius-sm);margin:16px 0}.article-hero{text-align:center;margin-bottom:30px}.article-hero h1{max-width:24ch;margin:0 auto 14px}.article-meta{display:flex;justify-content:center;gap:16px;color:var(--muted);font-size:.85rem}.article-cover{margin:24px 0;border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.media-player{background:#000;border-radius:var(--radius-sm);overflow:hidden;margin:18px 0;border:1px solid var(--border)}.media-player video,.media-player audio{width:100%;display:block}.download-box{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);padding:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0}.download-box .fname{word-break:break-all}.page-head{padding:56px 0 12px}.page-head h1{margin:0 0 10px;font-size:clamp(1.8rem,4vw,2.5rem)}.page-head p{color:var(--muted);margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.chip{padding:7px 16px;border-radius:999px;border:1px solid var(--border);color:var(--muted);font-size:.86rem;cursor:pointer;transition:.18s}.chip:hover{color:var(--text);border-color:var(--border-strong)}.chip.active{background:var(--grad);color:#03211c;border-color:transparent;font-weight:600}.channel-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:18px;margin-top:6px}.channel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;flex-direction:column;gap:12px;backdrop-filter:blur(8px);transition:.22s;position:relative;overflow:hidden}.channel:hover{transform:translateY(-4px);border-color:var(--border-strong);box-shadow:var(--shadow-glow)}.channel-icon{width:46px;height:46px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;background:#34e5cd1a;border:1px solid rgba(52,229,205,.2)}.channel-icon.violet{background:#9b6bff1f;border-color:#9b6bff40}.channel-icon.blue{background:#4b8bff1f;border-color:#4b8bff40}.channel-icon.green{background:#3fb9501f;border-color:#3fb95040}.channel-icon.amber{background:#ffb43c1f;border-color:#ffb43c40}.channel h3{margin:0;font-size:1.06rem}.channel p{margin:0;color:var(--muted);font-size:.86rem;flex:1}.channel .channel-link{display:inline-flex;align-items:center;gap:6px;font-size:.85rem;color:var(--accent);font-weight:600}.channel .channel-link:hover{color:#8df7e7}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps li{position:relative;padding-left:54px;margin-bottom:20px;color:#c6d4e6}.steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#34e5cd1f;color:var(--accent);font-weight:700;border:1px solid rgba(52,229,205,.25)}.warn{border:1px solid rgba(248,81,73,.35);background:#f8514912;border-radius:var(--radius);padding:18px 20px;color:#f2b6b1;font-size:.92rem;margin:24px 0}.admin-wrap{max-width:860px;margin:44px auto;padding:0 22px}.panel{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:26px;margin-bottom:22px;backdrop-filter:blur(8px)}.panel h2{margin:0 0 18px;font-size:1.12rem}.field{margin-bottom:16px}.field label{display:block;font-size:.88rem;color:var(--muted);margin-bottom:7px}.field input,.field select,.field textarea{width:100%;padding:11px 13px;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);font-size:.95rem;font-family:inherit;transition:border-color .18s}.field textarea{min-height:300px;resize:vertical;font-family:var(--font-mono)}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--border-strong)}.row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.row3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.admin-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:8px}.log{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:13px;font-size:.82rem;white-space:pre-wrap;min-height:60px;color:var(--muted)}.log .ok{color:var(--ok)}.log .err{color:var(--danger)}.hint{color:var(--muted);font-size:.8rem}.tag-line{display:flex;flex-wrap:wrap;gap:8px}.empty{color:var(--muted);text-align:center;padding:60px 20px}.divider{height:1px;background:var(--border);margin:16px 0}.center{text-align:center}.code-404{font-family:var(--font-mono);font-size:clamp(4rem,14vw,7rem);line-height:1;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800}@media(max-width:900px){.footer-grid{grid-template-columns:1.4fr 1fr 1fr}}@media(max-width:720px){.wrap{padding:0 18px}.nav-toggle{display:inline-flex}.header-inner{flex-direction:row;gap:10px;padding:0;height:60px}.nav{position:absolute;top:60px;left:0;right:0;flex-direction:column;align-items:stretch;gap:2px;padding:10px 16px 16px;background:#060a12f5;backdrop-filter:blur(14px);border-bottom:1px solid var(--border);display:none}.nav.open{display:flex}.nav-link{text-align:center}.footer-grid{grid-template-columns:1fr;gap:24px}.row,.row3{grid-template-columns:1fr}.hero{padding:52px 0 36px}.section{padding:38px 0}}