:root{--bg:#f2f6f5;--paper:#fff;--ink:#0f2429;--ink2:#36505a;--mute:#6b8089;--line:#dfe9e7;--t:#0d9488;--td:#0b5f5a;--tl:#ccfbf1;--c:#ff6a3d;--cd:#e5532a;--lime:#d9f99d;--deep:#0b1f24;--r:20px;--r2:14px;--sh:0 1px 2px rgba(15,36,41,.06),0 8px 28px rgba(15,36,41,.07);--sh2:0 18px 44px rgba(11,95,90,.18)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC","Noto Sans CJK SC","Segoe UI",Roboto,Arial,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}.wrap{max-width:1200px;margin:0 auto;padding:0 20px}.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:#fff;padding:6px 10px;z-index:99}h1,h2,h3{line-height:1.35;letter-spacing:.2px}.tb{background:var(--deep);color:#b9d3d0;font-size:.8rem}.tb .wrap{display:flex;gap:16px;justify-content:space-between;min-height:34px;align-items:center}.tb a{color:var(--lime);font-weight:600}.tb span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hd{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.94);backdrop-filter:blur(12px) saturate(1.5);border-bottom:1px solid var(--line)}.hd .wrap{display:flex;align-items:center;gap:18px;min-height:66px}.logo{display:flex;align-items:center;gap:11px;font-weight:800;font-size:1.15rem;flex-shrink:0}.logo i{font-style:normal;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(140deg,#14b8a6,#0b5f5a);color:#fff;font-size:.92rem;letter-spacing:.5px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}.logo i::after{content:"";position:relative}.logo small{display:block;font-weight:500;font-size:.7rem;color:var(--mute);line-height:1.2}.nav{display:flex;gap:2px;margin-left:auto}.nav a{padding:8px 14px;border-radius:10px;font-size:.95rem;color:var(--ink2);font-weight:500}.nav a:hover,.nav a[aria-current]{background:var(--tl);color:var(--td)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;background:var(--c);color:#fff;font-weight:700;padding:11px 22px;box-shadow:0 8px 20px rgba(255,106,61,.32);transition:transform .15s,background .15s;white-space:nowrap}.btn:hover{background:var(--cd);transform:translateY(-1px)}.btn.sm{padding:8px 16px;font-size:.9rem}.btn.lg{padding:14px 28px;font-size:1.05rem}.btn.ghost{background:transparent;color:var(--td);box-shadow:inset 0 0 0 2px var(--t)}.btn.ghost:hover{background:var(--tl)}.btn.teal{background:var(--t);box-shadow:0 8px 20px rgba(13,148,136,.3)}.btn.teal:hover{background:var(--td)}.btn.block{display:flex;width:100%}.hero{position:relative;overflow:hidden;background:radial-gradient(900px 420px at 85% 10%,#c7f9e9 0,transparent 60%),radial-gradient(700px 380px at 0 100%,#ffe3d6 0,transparent 60%),linear-gradient(#f7fbfa,#eef6f4)}.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(13,148,136,.16) 1.2px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(90deg,transparent,#000 40%,transparent)}.hero .wrap{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:40px;align-items:center;padding-top:56px;padding-bottom:64px}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px 14px 5px 6px;font-size:.84rem;color:var(--td);font-weight:600}.eyebrow b{background:var(--c);color:#fff;border-radius:999px;padding:1px 9px;font-size:.75rem}.hero h1{font-size:clamp(1.9rem,3.6vw,2.9rem);margin:18px 0 14px;font-weight:900}.hero h1 em{font-style:normal;background:linear-gradient(transparent 62%,var(--lime) 62%);padding:0 2px}.hero p.lead{color:var(--ink2);font-size:1.05rem;margin:0 0 24px;max-width:600px}.cta-row{display:flex;gap:12px;flex-wrap:wrap}.stats{display:flex;gap:28px;margin-top:30px;flex-wrap:wrap}.stats div{font-size:.85rem;color:var(--mute)}.stats strong{display:block;font-size:1.5rem;color:var(--ink);font-weight:900;line-height:1.2}.stack{position:relative;height:400px}.stack a{position:absolute;width:74%;border-radius:18px;overflow:hidden;box-shadow:var(--sh2);border:5px solid #fff;background:#fff;transition:transform .25s}.stack a:nth-child(1){right:0;top:0;transform:rotate(4deg);z-index:1}.stack a:nth-child(2){left:0;top:90px;transform:rotate(-5deg);z-index:2}.stack a:nth-child(3){right:6%;bottom:0;transform:rotate(1.5deg);z-index:3}.stack a:hover{transform:rotate(0) scale(1.03);z-index:5}.stack span{position:absolute;left:10px;bottom:10px;background:rgba(11,31,36,.82);color:#fff;font-size:.78rem;padding:3px 10px;border-radius:999px;font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.chip{display:inline-block;font-size:.82rem;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--ink2)}a.chip:hover{border-color:var(--t);color:var(--td)}.sec{padding:56px 0}.sec.tight{padding-top:0}.sh{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:24px}.sh h2{font-size:clamp(1.4rem,2.4vw,1.85rem);margin:0;font-weight:900}.sh h2::before{content:"";display:inline-block;width:10px;height:26px;border-radius:4px;background:linear-gradient(var(--t),var(--c));margin-right:12px;vertical-align:-4px}.sh p{margin:4px 0 0;color:var(--mute);font-size:.95rem}.sh a{color:var(--td);font-weight:600;white-space:nowrap}.tl{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,1fr);gap:0;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 0 12px}.tl a{scroll-snap-align:start;position:relative;padding:34px 16px 0 0;display:block}.tl a::before{content:"";position:absolute;left:0;right:0;top:12px;height:3px;background:linear-gradient(90deg,var(--t),#7dd3c8)}.tl a::after{content:"";position:absolute;left:0;top:5px;width:17px;height:17px;border-radius:50%;background:#fff;border:4px solid var(--c)}.tl time{font-weight:800;color:var(--td);font-size:.92rem}.tl b{display:block;font-size:.92rem;line-height:1.5;margin-top:4px;color:var(--ink)}.tl a:hover b{color:var(--cd)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;border:1px solid #e9f0ee}.card:hover{transform:translateY(-4px);box-shadow:var(--sh2)}.card .th{position:relative;aspect-ratio:16/9;overflow:hidden;background:#dfe9e7}.card .th img{width:100%;height:100%;object-fit:cover}.badge{position:absolute;top:12px;left:12px;font-size:.75rem;font-weight:700;padding:3px 10px;border-radius:8px;background:var(--lime);color:#1a3a10}.badge.mod{background:#ffe1d6;color:#8a2b0c}.card .bd{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1}.card h3{font-size:1.02rem;margin:0 0 8px;font-weight:700}.card h3 a:hover{color:var(--td)}.card .ex{color:var(--mute);font-size:.88rem;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card .mt{margin-top:auto;display:flex;justify-content:space-between;align-items:center;font-size:.82rem;color:var(--mute);border-top:1px dashed var(--line);padding-top:12px}.card .mt span{color:var(--td);font-weight:700}.card.big{grid-column:span 2;flex-direction:row}.card.big .th{aspect-ratio:auto;flex:1.3}.card.big .bd{flex:1;padding:26px}.card.big h3{font-size:1.3rem}.card.big .ex{-webkit-line-clamp:5}.tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tile{border-radius:var(--r);padding:24px;background:var(--paper);box-shadow:var(--sh);border:1px solid #e9f0ee;position:relative;overflow:hidden}.tile h3{margin:0 0 6px;font-size:1.15rem}.tile p{margin:0;color:var(--mute);font-size:.92rem}.tile .n{position:absolute;right:16px;top:8px;font-size:3rem;font-weight:900;color:var(--tl);line-height:1}.tile:hover{border-color:var(--t)}.band{border-radius:26px;padding:34px 38px;background:linear-gradient(120deg,var(--deep) 0,#0b5f5a 70%,#0d9488 100%);color:#e6fffb;display:flex;gap:24px;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.band::after{content:"";position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:radial-gradient(var(--c),transparent 70%);opacity:.35}.band h2{margin:0 0 6px;font-size:1.45rem;color:#fff}.band p{margin:0;opacity:.85}.band .btn{position:relative;z-index:1}.steps{counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;list-style:none;padding:0;margin:0}.steps li{background:var(--paper);border-radius:var(--r2);padding:20px;box-shadow:var(--sh);position:relative}.steps li::before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--t);color:#fff;font-weight:800;margin-bottom:10px}.steps h3{margin:0 0 6px;font-size:1rem}.steps p{margin:0;font-size:.88rem;color:var(--mute)}.qa{background:var(--paper);border-radius:var(--r2);margin-bottom:10px;box-shadow:var(--sh);border:1px solid #e9f0ee}.qa summary{cursor:pointer;padding:16px 20px;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:12px}.qa summary::after{content:"+";color:var(--c);font-size:1.3rem;line-height:1}.qa[open] summary::after{content:"–"}.qa summary::-webkit-details-marker{display:none}.qa p{margin:0;padding:0 20px 18px;color:var(--ink2)}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:30px}.prose-box{background:var(--paper);border-radius:var(--r);padding:28px 30px;box-shadow:var(--sh)}.prose-box h2{margin-top:0}.prose-box p{color:var(--ink2)}.ah{background:linear-gradient(180deg,#e6f4f1,var(--bg));padding:26px 0 8px}.crumb{font-size:.85rem;color:var(--mute);display:flex;flex-wrap:wrap;gap:6px}.crumb a{color:var(--td)}.crumb a::after{content:"›";margin-left:6px;color:var(--mute)}.ah h1{font-size:clamp(1.45rem,2.8vw,2.15rem);margin:14px 0 12px;font-weight:900}.meta{display:flex;flex-wrap:wrap;gap:8px 18px;color:var(--mute);font-size:.88rem;align-items:center}.meta .badge{position:static}.layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:30px;align-items:start;padding-top:20px;padding-bottom:60px}.post{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);padding:30px 34px;border:1px solid #e9f0ee}.post .cover{margin:-30px -34px 24px;border-radius:var(--r) var(--r) 0 0;overflow:hidden}.post .cover img{width:100%}.intro{background:#f0fbf8;border-left:4px solid var(--t);border-radius:0 12px 12px 0;padding:14px 18px;color:var(--ink2);font-size:.95rem;margin-bottom:24px}.spec{width:100%;border-collapse:collapse;margin:0 0 26px;font-size:.92rem;border-radius:12px;overflow:hidden}.spec th,.spec td{padding:10px 14px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.spec th{width:110px;background:#f6faf9;color:var(--td);font-weight:700;white-space:nowrap}.content{font-size:1.02rem;color:#1f3a41;word-break:break-word}.content h2{font-size:1.3rem;margin:28px 0 12px}.content p{margin:0 0 14px}.content img{border-radius:12px;margin:16px auto;box-shadow:0 4px 16px rgba(15,36,41,.1)}.content figure{margin:0}.dlbox{margin:30px 0 8px;border-radius:18px;padding:24px;background:linear-gradient(135deg,#fff4ef,#fff 60%);border:2px dashed #ffb59c;text-align:center}.dlbox h2{margin:0 0 6px;font-size:1.25rem}.dlbox p{margin:0 0 16px;color:var(--ink2);font-size:.93rem}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.pn{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}.pn a{background:#f6faf9;border-radius:12px;padding:12px 16px;font-size:.9rem;border:1px solid var(--line)}.pn a:hover{border-color:var(--t)}.pn small{display:block;color:var(--mute)}.pn a.r{text-align:right}.side{position:sticky;top:86px;display:flex;flex-direction:column;gap:18px}.wid{background:var(--paper);border-radius:var(--r);box-shadow:var(--sh);padding:20px;border:1px solid #e9f0ee}.wid h2{font-size:1.02rem;margin:0 0 12px}.wid.go{background:linear-gradient(160deg,var(--deep),#0b5f5a);color:#dff;border:0}.wid.go h2{color:#fff;font-size:1.15rem}.wid.go p{font-size:.88rem;opacity:.85;margin:0 0 14px}.wid.go ul{margin:0 0 16px;padding-left:18px;font-size:.88rem}.mini{display:grid;grid-template-columns:96px 1fr;gap:12px;align-items:center;padding:8px 0;border-bottom:1px dashed var(--line);font-size:.88rem;line-height:1.5}.mini:last-child{border-bottom:0}.mini img{border-radius:8px;aspect-ratio:16/9;object-fit:cover;width:96px}.mini:hover span{color:var(--td)}.ft{background:var(--deep);color:#a8c4c1;margin-top:20px;padding:48px 0 90px;font-size:.9rem}.ft .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}.ft h2{color:#fff;font-size:1.02rem;margin:0 0 12px}.ft ul{list-style:none;padding:0;margin:0}.ft li{margin:6px 0}.ft a:hover{color:var(--lime)}.ft .cp{border-top:1px solid rgba(255,255,255,.1);margin-top:30px;padding-top:18px;font-size:.8rem}.fab{position:fixed;right:18px;bottom:18px;z-index:40;padding:13px 20px}.e404{text-align:center;padding:90px 0}.e404 b{font-size:6rem;font-weight:900;color:var(--t);line-height:1}@media (max-width:980px){.hero .wrap{grid-template-columns:1fr;padding-top:36px}.stack{height:300px;max-width:520px}.grid{grid-template-columns:1fr 1fr}.layout{grid-template-columns:1fr}.side{position:static}.steps{grid-template-columns:1fr 1fr}.tiles{grid-template-columns:1fr}.cols2{grid-template-columns:1fr}}@media (max-width:720px){.nav{display:none}.hd .wrap{min-height:58px}.hd .btn{margin-left:auto}.tb .wrap span:last-child{display:none} .grid{grid-template-columns:1fr}.card.big{grid-column:auto;flex-direction:column}.card.big .th{aspect-ratio:16/9}.card.big .bd{padding:16px 18px} .band{flex-direction:column;align-items:flex-start;padding:26px}.steps{grid-template-columns:1fr}.ft .cols{grid-template-columns:1fr} .post{padding:20px 18px}.post .cover{margin:-20px -18px 18px}.pn{grid-template-columns:1fr}.stack{height:240px}.sec{padding:40px 0} .mnav{display:flex!important}}.mnav{display:none;gap:8px;overflow-x:auto;padding:0 20px 10px;scrollbar-width:none}.mnav a{flex-shrink:0;font-size:.85rem;padding:5px 12px;border-radius:999px;background:#f0f6f5;color:var(--ink2)}.mnav a[aria-current]{background:var(--t);color:#fff}