:root{--ocean-900: #001722;--ocean-800: #002637;--ocean-700: #01405a;--cyan-500: #14c8ed;--cyan-600: #079cc6;--reef-500: #21a982;--vent-500: #f28a32;--ink: #082033;--muted: #5a7182;--line: #d7e6ee;--paper: #f4fbfe;--surface: #ffffff;--shadow: 0 18px 44px rgba(0, 41, 62, .12);--radius: 8px;--content: min(1120px, calc(100vw - 40px) );--underwater-hero-image: url(/assets/underwater-hero.png);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}@supports (background-image: image-set(url(/assets/underwater-hero.avif) type("image/avif"))){:root{--underwater-hero-image: image-set(url(/assets/underwater-hero.avif) type("image/avif"), url(/assets/underwater-hero.png) type("image/png"))}}*{box-sizing:border-box}html{color:var(--ink);background:var(--paper);scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:radial-gradient(circle at 18% 8%,rgba(20,200,237,.18),transparent 32rem),linear-gradient(180deg,#f8fdff 0%,var(--paper) 42%,#eaf7fb 100%);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}img,svg{display:block}button,input,textarea,select{font:inherit}.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:64px;padding:0 max(24px,calc((100vw - 1200px)/2));color:#f2fbff;background:#001722f0;border-bottom:1px solid rgba(20,200,237,.34);backdrop-filter:blur(14px)}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:800;line-height:1;white-space:nowrap}.brand-mark{position:relative;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:radial-gradient(circle at 66% 38%,#e9fbff 0 14%,transparent 15%),conic-gradient(from 210deg,var(--cyan-500),#ffffff,#0a5f83,var(--cyan-500));box-shadow:inset 0 0 0 3px #fffc}.brand-mark:after{position:absolute;inset:9px 7px 7px 10px;content:"";border-radius:50% 50% 50% 8px;background:var(--ocean-800);transform:rotate(-26deg)}.primary-nav,.language-nav{display:flex;align-items:center;gap:24px;font-size:.93rem;font-weight:700}.primary-nav{justify-content:center}.primary-nav a,.language-nav a{color:#f2fbffe0}.primary-nav a:hover,.language-nav a:hover,.language-nav a[aria-current=page]{color:var(--cyan-500)}.language-nav span{color:#f2fbff70}.hero-section{position:relative;min-height:540px;overflow:hidden;color:#fff;background:var(--ocean-900)}.hero-image,.hero-overlay{position:absolute;inset:0}.hero-image{background-image:var(--underwater-hero-image);background-position:center;background-size:cover;transform:scale(1.01)}.hero-overlay{background:linear-gradient(90deg,#000f18db,#00182499 34%,#0018241a 72%),linear-gradient(180deg,#00172233,#00172214 64%,#f4fbfef0)}.hero-content{position:relative;z-index:1;width:var(--content);margin:0 auto;padding:108px 0 96px}.hero-content h1{max-width:940px;margin:0;font-size:4.6rem;line-height:1.02;letter-spacing:0}.hero-content p{max-width:580px;margin:24px 0 0;color:#f4fbfeeb;font-size:1.16rem}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:10px;padding:0 22px;border:1px solid transparent;border-radius:var(--radius);font-size:.95rem;font-weight:800;line-height:1;transition:transform .16s ease,background .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button.primary{color:#001722;background:var(--cyan-500);box-shadow:0 18px 40px #14c8ed47}.button.secondary{color:#fff;background:#00172247;border-color:#ffffffb8}.guide-index-section,.split-guides,.article-shell,.redirect-panel,.zh-panel{width:var(--content);margin:0 auto}.guide-index-section{margin-top:28px;position:relative;z-index:3}.section-heading,.panel-heading{display:flex;align-items:end;justify-content:space-between;gap:24px}.section-heading h2,.panel-heading h2{margin:0;font-size:1.24rem;line-height:1.2}.section-heading p{margin:6px 0 0;color:var(--muted);font-size:.92rem}.guide-index{margin-top:14px;overflow:hidden;background:#ffffffeb;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.guide-row{display:grid;grid-template-columns:78px minmax(220px,1fr) minmax(280px,.86fr) 56px;align-items:center;min-height:88px;border-bottom:1px solid var(--line);transition:background .16s ease}.guide-row:last-child{border-bottom:0}.guide-row:hover{background:#f6fcff}.guide-icon{display:grid;place-items:center;width:48px;height:48px;margin-left:22px;border-radius:50%}.icon-1{color:var(--cyan-600);background:#14c8ed1f}.icon-2{color:var(--reef-500);background:#21a9821f}.icon-3{color:#1773d1;background:#1773d11f}.icon-4{color:var(--vent-500);background:#f28a321f}.icon-5{color:#7657d6;background:#7657d61f}.guide-row-copy{display:grid;gap:3px;padding:14px 24px 14px 6px}.guide-row-copy strong{color:var(--cyan-600);font-size:1.12rem;line-height:1.2}.guide-row-copy span{color:var(--muted);font-size:.91rem;line-height:1.35}.guide-strip,.thumb{display:block;background-image:linear-gradient(90deg,#0017222e,#00172200),var(--underwater-hero-image);background-size:980px auto;border-radius:5px}.guide-strip{height:48px}.strip-1,.thumb-1{background-position:68% 42%}.strip-2,.thumb-2{background-position:90% 82%}.strip-3,.thumb-3{background-position:66% 56%}.strip-4,.thumb-4{background-position:100% 50%}.strip-5,.thumb-5{background-position:54% 30%}.row-arrow{display:grid;place-items:center;color:var(--ink)}.split-guides{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:36px;margin-bottom:72px}.guide-list-panel{padding:18px;background:#ffffffc7;border:1px solid var(--line);border-radius:var(--radius)}.panel-heading a{color:var(--cyan-600);font-size:.88rem;font-weight:800}.compact-list{display:grid;gap:10px;margin-top:14px}.compact-item,.ranked-list a{display:grid;align-items:center;gap:12px;min-width:0}.compact-item{grid-template-columns:116px minmax(0,1fr) auto}.thumb{width:116px;height:46px;background-size:760px auto}.thumb.small{width:92px;height:40px}.compact-item strong,.ranked-list strong{display:block;color:var(--ink);font-size:.92rem;line-height:1.2}.compact-item small,.ranked-list small{display:-webkit-box;overflow:hidden;color:var(--muted);font-size:.8rem;line-height:1.3;-webkit-box-orient:vertical;-webkit-line-clamp:2}.compact-item time{color:var(--muted);font-size:.78rem;white-space:nowrap}.ranked-list{display:grid;gap:11px;margin:14px 0 0;padding:0;list-style:none}.ranked-list a{grid-template-columns:28px 92px minmax(0,1fr)}.rank{color:var(--cyan-600);font-size:1rem;font-weight:900;text-align:center}.site-footer{color:#d8eef7;background:radial-gradient(circle at 20% 0%,rgba(20,200,237,.16),transparent 30rem),var(--ocean-900)}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,.8fr) 1.35fr;gap:34px;width:var(--content);margin:0 auto;padding:40px 0}.footer-brand{margin-bottom:12px}.site-footer h2{margin:0 0 12px;color:#fff;font-size:.92rem}.site-footer p,.site-footer a{display:block;margin:0;color:#d8eef7c7;font-size:.86rem;line-height:1.5}.site-footer a:hover{color:var(--cyan-500)}.article-shell{padding:34px 0 76px}.article-hero{display:grid;min-height:360px;align-items:end;padding:clamp(36px,6vw,64px);color:#fff;background:linear-gradient(90deg,#000f18e0,#001f306b),var(--underwater-hero-image) center / cover;border-radius:var(--radius);box-shadow:var(--shadow)}.breadcrumb{display:inline-flex;margin-bottom:18px;color:var(--cyan-500);font-size:.88rem;font-weight:900}.article-hero h1{max-width:800px;margin:0;font-size:4rem;line-height:1;letter-spacing:0}.article-hero p{max-width:680px;margin:18px 0 0;color:#f4fbfee6;font-size:1.06rem}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.article-meta span,.article-meta time{padding:7px 10px;color:#dff7ff;background:#0017226b;border:1px solid rgba(255,255,255,.18);border-radius:6px;font-size:.78rem;font-weight:800}.article-layout{display:grid;grid-template-columns:280px minmax(0,1fr);gap:42px;margin-top:34px}.article-aside{display:grid;align-content:start;gap:18px}.aside-panel{padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.aside-panel h2{margin:0 0 14px;font-size:.95rem}.aside-panel dl{display:grid;gap:14px;margin:0}.aside-panel dt{color:var(--muted);font-size:.74rem;font-weight:900;text-transform:uppercase}.aside-panel dd{margin:2px 0 0;color:var(--ink);font-size:.9rem}.related-links{display:grid;gap:8px}.related-links a{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--cyan-600);font-size:.9rem;font-weight:800}.article-content{min-width:0;padding:8px 0}.article-content h2{margin:36px 0 12px;font-size:1.6rem;line-height:1.18}.article-content h3{margin:26px 0 8px;font-size:1.15rem}.article-content p,.article-content li{color:#273d4d;font-size:1.02rem}.article-content a{color:var(--cyan-600);font-weight:800}.article-content img{width:100%;max-width:100%;height:auto;margin:24px 0 10px;border:1px solid rgba(11,75,101,.14);border-radius:8px;box-shadow:0 14px 34px #082f491f}.article-content ul,.article-content ol{padding-left:1.25rem}.article-content blockquote{margin:28px 0;padding:18px 20px;color:#13364b;background:#e8f8fd;border-left:4px solid var(--cyan-500);border-radius:0 var(--radius) var(--radius) 0}.redirect-panel,.zh-panel{min-height:58vh;padding:96px 0}.redirect-panel h1,.zh-panel h1{max-width:760px;margin:0;font-size:4.4rem;line-height:1}.redirect-panel p,.zh-panel p{max-width:680px;color:var(--muted);font-size:1.08rem}.directory-hero,.guide-directory{width:var(--content);margin:0 auto}.directory-hero{padding:58px 0 22px}.directory-hero .breadcrumb{color:var(--cyan-600)}.directory-hero h1{max-width:820px;margin:0;font-size:4.4rem;line-height:1;letter-spacing:0}.directory-hero p{max-width:760px;margin:18px 0 0;color:var(--muted);font-size:1.08rem}.guide-directory{display:grid;gap:28px;padding-bottom:76px}.directory-group{padding:18px;background:#ffffffd1;border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 42px #00293e12}.directory-heading{display:flex;align-items:baseline;justify-content:space-between;gap:18px;margin-bottom:12px}.directory-heading h2{margin:0;font-size:1.32rem}.directory-heading span{color:var(--cyan-600);font-size:.86rem;font-weight:900}.directory-list{display:grid;gap:1px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius)}.directory-item{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.36fr) 28px;align-items:center;gap:18px;padding:16px 18px;background:var(--surface)}.directory-item:hover{background:#f7fcff}.directory-item strong{display:block;color:var(--cyan-600);font-size:1rem;line-height:1.2}.directory-item small{display:block;margin-top:4px;color:var(--muted);font-size:.88rem;line-height:1.35}.directory-keyword{color:var(--muted);font-size:.82rem;font-weight:800}@media(max-width:920px){:root{--content: min(100vw - 28px, 720px)}.site-header{grid-template-columns:1fr auto;gap:16px;padding:12px 16px}.primary-nav{grid-column:1 / -1;justify-content:flex-start;gap:16px;overflow-x:auto;padding-bottom:2px}.hero-section{min-height:590px}.hero-image{background-position:60% center}.hero-content{padding-top:84px}.guide-index-section{margin-top:24px}.guide-row{grid-template-columns:70px minmax(0,1fr) 44px;min-height:92px}.guide-strip{display:none}.split-guides,.article-layout,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:26px}}@media(max-width:600px){.brand{font-size:.98rem}.language-nav{gap:10px;font-size:.86rem}.primary-nav{font-size:.86rem}.hero-section{min-height:560px}.hero-overlay{background:linear-gradient(90deg,#000f18e6,#0018248a),linear-gradient(180deg,#0017221a,#0017221f 62%,#f4fbfef5)}.hero-actions{display:grid}.hero-content h1{font-size:3.1rem}.hero-content p{font-size:1rem}.guide-icon{width:42px;height:42px;margin-left:14px}.guide-row-copy{padding-right:8px}.compact-item{grid-template-columns:88px minmax(0,1fr)}.compact-item time{grid-column:2}.thumb{width:88px;height:44px}.ranked-list a{grid-template-columns:24px minmax(0,1fr)}.ranked-list .thumb{display:none}.article-hero{padding:28px}.article-hero h1,.redirect-panel h1,.zh-panel h1,.directory-hero h1{font-size:2.7rem}.directory-item{grid-template-columns:minmax(0,1fr) 28px}.directory-keyword{display:none}}