:root{--bg:#0a0a0a;--panel:#141414;--panel-2:#1a1a1a;--border:#262626;--accent:#008c69;--accent-bright:#00b386;--accent-soft:rgba(0,140,105,.12);--text:#f2f2f2;--muted:#9ca3af;--warn:#f59e0b;--radius:14px}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:PingFang SC,Microsoft YaHei,Segoe UI,system-ui,sans-serif;line-height:1.6;min-height:100dvh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;justify-content:space-between;padding:14px 5vw;background:hsla(0,0%,4%,.88);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.logo,.nav{display:flex;align-items:center}.logo{gap:10px;font-weight:700;font-size:17px}.logo-mark{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),#01553f);display:grid;place-items:center;color:#fff;font-size:15px;font-weight:800}.logo small{display:block;font-size:11px;color:var(--muted);font-weight:400;letter-spacing:.08em}.nav-links{display:flex;align-items:center;gap:26px;font-size:14.5px}.nav-links a{color:var(--muted);padding:6px 2px;border-bottom:2px solid transparent;transition:.2s}.nav-links a:hover{color:var(--text)}.nav-links a.active{color:var(--accent-bright);border-bottom-color:var(--accent)}.btn{display:inline-block;cursor:pointer;padding:10px 22px;border-radius:10px;border:1px solid var(--border);font-size:14.5px;font-weight:600;transition:.2s;text-align:center;background:transparent;color:var(--text);font-family:inherit}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-bright)}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent-bright)}.btn-sm{padding:7px 16px;font-size:13.5px}.btn-danger{border-color:rgba(239,68,68,.5);color:#ef4444}.btn-danger:hover{border-color:#ef4444}.section{padding:72px 5vw;max-width:1200px;margin:0 auto}.eyebrow{display:inline-block;font-size:13px;color:var(--accent-bright);border:1px solid rgba(0,140,105,.4);background:var(--accent-soft);padding:4px 14px;border-radius:999px;margin-bottom:16px;letter-spacing:.06em}.h1{font-size:44px;line-height:1.22;font-weight:800;letter-spacing:.01em}.h2{font-size:30px;font-weight:750;margin-bottom:10px}.sub{color:var(--muted);font-size:16.5px;max-width:720px}.center{text-align:center}.center .sub{margin:0 auto}.grid{display:grid;grid-gap:20px;gap:20px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:26px;transition:.25s;position:relative;overflow:hidden}.card:hover{border-color:rgba(0,140,105,.55);transform:translateY(-3px)}.card h3{font-size:18px;margin-bottom:8px}.card p{color:var(--muted);font-size:14.5px}.card .icon{width:46px;height:46px;border-radius:12px;margin-bottom:16px;background:var(--accent-soft);border:1px solid rgba(0,140,105,.35);display:grid;place-items:center;font-size:22px}.card .tag{font-size:12px;background:var(--accent-soft);border-radius:6px;padding:2px 10px;margin-bottom:12px}.card .more,.card .tag{display:inline-block;color:var(--accent-bright)}.card .more{font-size:13.5px;margin-top:14px}.hero{padding:96px 5vw 80px;max-width:1200px;margin:0 auto;position:relative}.hero .h1 em{font-style:normal;color:var(--accent-bright)}.hero-btns{gap:14px;margin-top:32px}.hero-btns,.hero-stats{display:flex;flex-wrap:wrap}.hero-stats{gap:48px;margin-top:56px}.hero-stats .num{font-size:32px;font-weight:800;color:var(--accent-bright)}.hero-stats .lbl{color:var(--muted);font-size:13.5px}.hero-glow{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:-1}.hero-glow:before{content:"";position:absolute;width:640px;height:640px;border-radius:50%;background:radial-gradient(circle,rgba(0,140,105,.16),transparent 65%);top:-220px;right:-140px}.cta-band{margin:0 5vw;border-radius:20px;padding:48px 5vw;background:linear-gradient(120deg,rgba(0,140,105,.22),rgba(0,140,105,.05) 60%),var(--panel);border:1px solid rgba(0,140,105,.4);display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.post{display:flex;gap:18px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:20px;transition:.2s}.post:hover{border-color:rgba(0,140,105,.5)}.post-thumb{width:150px;height:100px;flex:none;border-radius:10px;background:linear-gradient(135deg,rgba(0,140,105,.35),rgba(0,140,105,.08));display:grid;place-items:center;font-size:30px}.post h3{font-size:17px;margin-bottom:6px}.post p{color:var(--muted);font-size:13.5px}.post .meta{color:#6b7280;font-size:12.5px;margin-top:10px}.chips{display:flex;gap:10px;flex-wrap:wrap;margin:26px 0}.chip{font-size:13px;padding:6px 16px;border-radius:999px;border:1px solid var(--border);color:var(--muted);cursor:pointer;background:transparent;font-family:inherit}.chip.on{background:var(--accent);border-color:var(--accent);color:#fff}.article-body{color:#d1d5db;font-size:16px}.article-body h2{color:var(--text);font-size:22px;margin:30px 0 12px;border-left:4px solid var(--accent);padding-left:12px}.article-body h3{color:var(--text);font-size:18px;margin:24px 0 10px}.article-body p{margin-bottom:14px}.article-body ol,.article-body ul{margin:0 0 14px 22px}.article-body blockquote{border-left:3px solid var(--accent);background:var(--accent-soft);padding:12px 18px;border-radius:0 10px 10px 0;color:#c9d9d3;margin:16px 0}.article-body a{color:var(--accent-bright)}.article-body code{background:var(--panel-2);padding:2px 6px;border-radius:6px;font-size:14px}.video-box{margin:24px 0;border-radius:12px;overflow:hidden;border:1px solid var(--border);background:var(--panel)}.video-box video{width:100%;display:block;background:#000}.video-item{display:flex;gap:14px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-top:10px}.form{display:grid;grid-gap:16px;gap:16px}.field label{display:block;font-size:13.5px;color:var(--muted);margin-bottom:6px}.field input,.field select,.field textarea{width:100%;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;color:var(--text);padding:11px 14px;font-size:14.5px;font-family:inherit}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(0,140,105,.18)}.quiz-opt{display:block;border:1px solid var(--border);border-radius:10px;padding:12px 16px;margin-top:10px;cursor:pointer;font-size:14.5px;color:#d1d5db;transition:.15s}.quiz-opt.on,.quiz-opt:hover{border-color:var(--accent)}.quiz-opt.on{background:var(--accent-soft)}.quiz-opt input{margin-right:10px;accent-color:var(--accent)}.admin-wrap{display:grid;grid-template-columns:220px 1fr;min-height:calc(100dvh - 110px)}.admin-side{background:var(--panel);border-right:1px solid var(--border);padding:24px 14px}.admin-side a{display:block;padding:11px 16px;border-radius:10px;cursor:pointer;color:var(--muted);font-size:14.5px;margin-bottom:4px}.admin-side a.on,.admin-side a:hover{background:var(--accent-soft);color:var(--accent-bright)}.admin-main{padding:32px 4vw}.table{width:100%;border-collapse:collapse;font-size:14px}.table th{text-align:left;color:var(--muted);font-weight:500;padding:10px 12px;font-size:13px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:13px 12px}.badge{font-size:12px;padding:3px 10px;border-radius:6px}.badge.ok{background:var(--accent-soft);color:var(--accent-bright)}.badge.draft{background:rgba(245,158,11,.14);color:var(--warn)}.link-danger{color:#ef4444;cursor:pointer}.link-muted{color:var(--muted)}.footer{border-top:1px solid var(--border);margin-top:80px;padding:48px 5vw 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;grid-gap:32px;gap:32px;max-width:1200px;margin:0 auto}.footer h4{font-size:14px;margin-bottom:14px;color:var(--text)}.footer a{display:block;color:var(--muted);font-size:13.5px;margin-bottom:9px}.footer a:hover{color:var(--accent-bright)}.copyright{text-align:center;color:#4b5563;font-size:12.5px;margin-top:40px}@media (max-width:900px){.g2,.g3,.g4{grid-template-columns:1fr}.h1{font-size:32px}.nav-links{display:none}.footer-grid{grid-template-columns:1fr 1fr}.admin-wrap{grid-template-columns:1fr}.admin-side{display:flex;overflow-x:auto}}