@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-vietnamese-wght-normal.CnvboYUG.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-ext-wght-normal.Ca2vKHc0.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/fraunces-latin-wght-normal.ukD16Tqj.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-ext-wght-normal.BOeWTOD4.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-cyrillic-wght-normal.DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-ext-wght-normal.DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-greek-wght-normal.CkhJZR-_.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-vietnamese-wght-normal.CBcvBZtf.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-ext-wght-normal.DO1Apj_S.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/_astro/inter-latin-wght-normal.Dx4kXJAl.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--ink:#1a2430;--ink-2:#3a4553;--muted:#5b6875;--line:#d9e2ec;--bg:#f4f7fb;--card:#fff;--accent:#2f6fb3;--accent-strong:#245d98;--accent-soft:#e8f1fa;--accent-ink:#fff;--radius:12px;--radius-lg:18px;--shadow:0 1px 2px #1a24300a, 0 8px 24px #1a24300d;--shadow-hover:0 10px 28px #1a24301a;--wrap:1180px;--font-display:"Fraunces Variable", "Iowan Old Style", Georgia, serif;--font-body:"Inter Variable", "Segoe UI", system-ui, -apple-system, sans-serif;font-family:var(--font-body);color:var(--ink);background:radial-gradient(1200px 520px at 8% -8%, #2f6fb312, transparent 55%), radial-gradient(900px 420px at 100% 12%, #2f6fb30d, transparent 50%), var(--bg);font-size:17px;line-height:1.65}@media (width>=861px){:root{background-attachment:fixed}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}@media (width<=640px){html{scroll-padding-top:72px}}body{text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;color:var(--ink);font-weight:650;line-height:1.15}a{color:var(--accent);text-underline-offset:3px}img,svg{max-width:100%;height:auto}.wrap{max-width:var(--wrap);min-width:0;margin:0 auto;padding:0 22px}.skip{position:absolute;left:-9999px}.skip:focus{z-index:10;background:#fff;padding:6px 10px;top:12px;left:12px}.site-header{z-index:40;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);background:#ffffffeb;position:sticky;top:0}.site-header .wrap{align-items:center;gap:18px;min-height:64px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);align-items:center;gap:10px;font-size:1.15rem;font-weight:700;text-decoration:none;display:flex}.brand em{color:var(--accent);font-style:normal}.nav{flex-wrap:wrap;gap:18px;margin-left:auto;display:flex}.nav a{color:var(--ink);font-size:.95rem;text-decoration:none}.nav a[aria-current=page]{color:var(--accent);font-weight:600}.nav>a,.dd-btn{white-space:nowrap;color:var(--ink);border-radius:999px;padding:8px 12px;font-size:.95rem;font-weight:550;text-decoration:none}.nav>a:hover,.nav>a[aria-current=page],.dd:hover .dd-btn,.dd:focus-within .dd-btn,.dd-btn[aria-current=page]{background:var(--bg);color:var(--accent)}.dd{position:relative}.dd-btn{font:inherit;cursor:pointer;background:0 0;border:0;font-size:.95rem;font-weight:550}.dd-btn:after{content:"";border-bottom:1.6px solid;border-right:1.6px solid;width:6px;height:6px;margin-left:7px;display:inline-block;transform:translateY(-3px)rotate(45deg)}.dd-panel{z-index:60;border:1px solid var(--line);background:#fff;border-radius:16px;width:340px;padding:14px;display:none;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);box-shadow:0 18px 40px #1f293329}.dd-panel:before{content:"";height:10px;position:absolute;top:-10px;left:0;right:0}.dd:hover .dd-panel,.dd:focus-within .dd-panel{gap:2px;display:grid}.dd-wide{grid-template-columns:repeat(3,1fr);width:720px;gap:6px 16px!important}.dd-hand{grid-template-columns:repeat(4,1fr);width:760px;max-width:calc(100vw - 40px);left:auto;right:0;transform:none}.dd-panel h3{font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:4px 10px 6px;font-size:.72rem;font-weight:700}.dd-col{align-content:start;gap:2px;display:grid}.nav .dd-panel a{white-space:normal;color:var(--ink);border-radius:10px;padding:8px 10px;font-size:.9rem;text-decoration:none}.nav .dd-panel a:hover,.nav .dd-panel a[aria-current=page]{background:var(--bg);color:var(--accent)}.menu{margin-left:auto;display:none}.menu summary{cursor:pointer;border:1px solid var(--line);color:var(--ink);white-space:nowrap;border-radius:8px;align-items:center;gap:8px;padding:6px 10px;font-size:.9rem;list-style:none;display:inline-flex}.menu summary::-webkit-details-marker{display:none}.menu-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;width:18px;height:18px;display:none}.lang-switch{flex:none;position:relative}.lang-switch summary{cursor:pointer;border:1px solid var(--line);height:36px;color:var(--ink);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:.88rem;font-weight:700;list-style:none;transition:border-color .15s,box-shadow .15s;display:flex}.lang-switch summary::-webkit-details-marker{display:none}.lang-switch summary:hover,.lang-switch[open] summary{border-color:var(--accent);box-shadow:0 2px 8px #2f6fb324}.lang-code{letter-spacing:.04em;color:var(--muted);font-size:.68rem;font-weight:700}.lang-flag{border-radius:2px;flex:none;width:20px;height:14px;display:none;box-shadow:0 0 0 1px #1f24301f}.lang-menu{border:1px solid var(--line);z-index:50;background:#fff;border-radius:14px;gap:4px;min-width:160px;padding:6px;animation:.14s ease-out lang-in;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 8px 24px #00000014}@keyframes lang-in{0%{opacity:0;transform:translateY(-4px)}}.lang-menu a{color:var(--ink);border-radius:10px;align-items:center;gap:8px;padding:9px 12px;font-size:.82rem;font-weight:650;line-height:1.2;text-decoration:none;display:flex}.lang-menu a .lang-code{min-width:18px}.lang-menu a:hover{background:var(--bg)}.lang-menu a[aria-current=true]{background:var(--accent);color:#fff}.lang-menu a[aria-current=true] .lang-code{color:#fffc}.menu nav{border:1px solid var(--line);z-index:20;min-width:min(280px,100vw - 24px);max-height:calc(100vh - 90px);box-shadow:var(--shadow-hover);background:#fff;border-radius:16px;gap:2px;padding:12px;display:grid;position:absolute;top:58px;right:12px;overflow-y:auto}.menu nav h3{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:12px 10px 4px;font-size:.7rem;font-weight:700}.menu nav h3:first-child{margin-top:4px}.menu nav a{color:var(--ink);border-radius:10px;padding:11px 12px;font-weight:550;line-height:1.3;text-decoration:none}.menu nav a:hover{background:var(--accent-soft);color:var(--accent-strong)}@media (width<=820px){.nav{display:none}.menu{margin-left:0;display:block}.lang-switch{margin-left:auto}.lang-switch summary .lang-flag,.lang-menu .lang-flag{display:inline-block}.lang-switch summary .lang-code,.lang-menu .lang-code{display:none}}@media (width<=420px){.site-header .wrap{gap:10px;padding:0 12px}.brand{gap:8px;font-size:1rem}.brand img{width:26px;height:26px}.menu summary{padding:5px 8px;font-size:.85rem}.lang-switch summary{gap:6px;height:34px;padding:0 10px;font-size:.84rem}}@media (width<=640px){.menu-icon{display:block}.menu-label{display:none}.menu summary{justify-content:center;width:36px;height:34px;padding:0}}html:lang(zh){--font-display:"Fraunces Variable", "Noto Serif SC", "Songti SC", "SimSun", Georgia, serif;--font-body:"Inter Variable", "PingFang SC", "Microsoft YaHei", "Noto Sans SC", system-ui, sans-serif;font-family:var(--font-body)}html:lang(zh-Hant){--font-display:"Fraunces Variable", "Noto Serif TC", "Songti TC", "PMingLiU", Georgia, serif;--font-body:"Inter Variable", "PingFang TC", "Microsoft JhengHei", "Noto Sans TC", system-ui, sans-serif}html:lang(zh) body{line-height:1.75}.breadcrumbs ol{color:var(--muted);flex-wrap:wrap;gap:6px;margin:10px 0 0;padding:0;font-size:.85rem;list-style:none;display:flex}.breadcrumbs a{color:var(--muted);text-decoration:none}.breadcrumbs a:hover{color:var(--accent)}.breadcrumbs li+li:before{content:"›";color:#a8b4c0;margin-right:6px}.hero{margin-bottom:4px}.hero h1{margin:6px 0;font-size:clamp(1.7rem,3.2vw,2.3rem);line-height:1.2}.hero .lead{color:var(--muted);max-width:70ch;margin:0 0 12px}@media (width<=640px){.hero h1{font-size:clamp(1.45rem,7vw,1.85rem)}.wrap{padding:0 16px}.hero{margin-bottom:2px}.hero .lead{margin-bottom:10px;font-size:.98rem}}.home-hero{border-bottom:1px solid var(--line);background:radial-gradient(900px 420px at 85% -10%, #2f6fb329, transparent 65%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);position:relative;overflow:hidden}.home-hero:after{content:"";pointer-events:none;background-image:linear-gradient(#2f6fb30b 1px,#0000 1px),linear-gradient(90deg,#2f6fb30b 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0;mask-image:linear-gradient(#000000a6,#0000 85%)}.hero-grid{z-index:1;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:40px;padding-block:56px 50px;display:grid;position:relative}.home-hero h1{letter-spacing:-.025em;max-width:20ch;margin:12px 0 16px;font-size:clamp(2rem,3.8vw,3rem);line-height:1.08}html:lang(zh) .home-hero h1{letter-spacing:-.02em;max-width:100%;font-size:clamp(1.4rem,6.2vw,2.55rem)}.home-hero .lead{max-width:56ch;color:var(--muted);margin:0;font-size:1.03rem;line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero-promises{color:var(--muted);flex-wrap:wrap;gap:8px 18px;margin:20px 0 0;padding:0;font-size:.83rem;list-style:none;display:flex}.hero-promises li{align-items:center;gap:7px;display:flex}.promise-check{color:#2b8a57;background:#e7f4ec;border-radius:50%;flex:none;place-items:center;width:16px;height:16px;font-size:.68rem;font-weight:800;display:grid}.hero-stats{color:var(--muted);flex-wrap:wrap;gap:30px;margin:26px 0 0;padding:0;font-size:.82rem;list-style:none;display:flex}.hero-quick{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:18px;font-size:.8rem;display:flex}.hero-quick>span{margin-right:2px}.hero-quick a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:5px 10px;font-size:.8rem;text-decoration:none}.hero-quick a:hover{border-color:var(--accent);color:var(--accent)}.hero-stats strong{color:var(--ink);margin-bottom:2px;font-size:1.45rem;line-height:1.2;display:block}.hero-art{isolation:isolate;grid-template-columns:repeat(2,1fr);gap:18px;width:100%;max-width:480px;margin-left:auto;padding:18px;display:grid;position:relative}.hero-art:before{content:"";z-index:0;filter:blur(14px);background:radial-gradient(circle at 30% 30%,#2f6fb333,#0000 62%),radial-gradient(circle at 75% 72%,#2b9a5729,#0000 62%);border-radius:40px;position:absolute;inset:8% 4%}.ha-tile{z-index:1;aspect-ratio:1;border:1px solid var(--line);background:#fff;border-radius:22px;padding:16px;transition:transform .25s;position:relative;overflow:hidden;box-shadow:0 22px 45px #1f293326}.ha-tile img{object-fit:contain;width:100%;height:100%;display:block}.ha-1{transform:rotate(-4deg)translateY(10px)}.ha-2{transform:rotate(3deg)translateY(-14px)}.ha-3{transform:rotate(2deg)translateY(4px)}.ha-4{transform:rotate(-3deg)translateY(-8px)}.hero-art:hover .ha-tile{transform:none}@media (prefers-reduced-motion:reduce){.ha-tile{transition:none}}@media (width<=960px){.hero-grid{grid-template-columns:1fr;gap:0;padding-block:36px 32px}.hero-art{display:none}.home-hero h1{max-width:20ch}.hero-stats{gap:18px 24px}.hero-stats strong{font-size:1.25rem}}@media (width<=520px){.hero-promises{flex-direction:column;gap:8px}.hero-quick{gap:6px}.hero-quick a{align-items:center;min-height:36px;padding:7px 12px;display:inline-flex}}.home-section{padding-top:8px}.home-section+.home-section{border-top:1px solid var(--line);margin-top:44px;padding-top:40px}.section-head{max-width:760px;margin-bottom:26px}.eyebrow{color:var(--accent);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:22px;height:2px}.section-head h2{letter-spacing:-.015em;margin:0 0 8px;font-size:clamp(1.6rem,2.8vw,2.05rem)}.section-head .lead{max-width:72ch;color:var(--muted);margin:0}.chips{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chips span{border:1px solid var(--line);color:var(--muted);background:#fff;border-radius:999px;padding:5px 11px;font-size:.77rem}.tool-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.tool-group{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:20px 22px;transition:transform .15s,border-color .15s,box-shadow .15s}.tool-group:hover{box-shadow:var(--shadow-hover);border-color:#c7d8ea;transform:translateY(-2px)}.tool-group-head{align-items:center;gap:10px;margin-bottom:4px;display:flex}.group-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:10px;flex:none;place-items:center;display:grid}.group-icon svg{width:18px;height:18px}.tool-group h3{flex:1;margin:0;font-size:1.02rem}.group-count{background:var(--bg);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:.72rem}.tool-group ul{margin:4px 0 0;padding:0;list-style:none}.tool-group li+li{border-top:1px solid var(--line)}.tool-group a{color:var(--ink);gap:2px;padding:10px 24px 10px 0;text-decoration:none;display:grid;position:relative}.tool-group a:after{content:"›";color:var(--muted);font-size:1.2rem;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.tool-group a strong{font-size:.94rem}.tool-group a span{color:var(--muted);font-size:.82rem}.tool-group a:hover strong,.tool-group a:hover:after{color:var(--accent)}@media (width<=820px){.tool-groups{grid-template-columns:1fr}}.home-tips{grid-template-columns:1fr 1fr;gap:20px;margin-top:44px;display:grid}.tip-card{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:24px}.tip-card h2{margin:0 0 10px;font-size:1.1rem}.tip-card ul{color:var(--muted);gap:8px;margin:0;padding-left:20px;display:grid}@media (width<=760px){.home-tips{grid-template-columns:1fr}}.tool{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);grid-template-columns:minmax(300px,328px) minmax(0,1fr);display:grid;overflow:hidden}.controls{border-right:1px solid var(--line);background:linear-gradient(#fff 0%,#f7fafc 100%);align-content:start;gap:16px;padding:16px;display:grid}.controls .actions{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:8px;margin:0;padding:0 0 14px;display:grid}.controls .actions .btn{white-space:nowrap;justify-content:center;width:100%;min-width:0}.controls .actions .btn:not(.ghost){grid-column:1/-1}.controls .actions.actions-quad .btn:not(.ghost){grid-column:auto}.controls fieldset{border:0;gap:10px;margin:0;padding:0;display:grid}.controls legend{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin-bottom:2px;font-size:.72rem;font-weight:700}.field{color:var(--ink-2);gap:5px;font-size:.9rem;display:grid}.field[hidden]{display:none}.field.check{grid-template-columns:auto 1fr;align-items:center;gap:10px;min-height:28px}.field select,.field input[type=number],.field input[type=text],.field textarea{appearance:none;font:inherit;border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:10px;width:100%;padding:10px 12px;line-height:1.35;transition:border-color .15s,box-shadow .15s}.field select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1.5 1.5 6 6l4.5-4.5' fill='none' stroke='%235b6875' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;background-size:11px 7px;padding-right:36px}.field select:hover,.field input[type=number]:hover,.field input[type=text]:hover,.field textarea:hover{border-color:#c7d0da}.field select:focus-visible,.field input[type=number]:focus-visible,.field input[type=text]:focus-visible,.field textarea:focus-visible{border-color:var(--accent);outline:none;box-shadow:0 0 0 3px #2f6fb329}.field input[type=color]{border:1px solid var(--line);background:#fff;border-radius:10px;width:56px;height:38px;padding:3px}.field input[type=checkbox]{width:18px;height:18px;accent-color:var(--accent)}.swatches{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.swatches button{cursor:pointer;border:2px solid #fff;border-radius:50%;width:26px;height:26px;transition:transform .12s;box-shadow:0 0 0 1px #c9d2dc}.swatches button:hover{transform:scale(1.08)}.preview-col{align-content:start;gap:14px;min-width:0;padding:16px 18px 18px;display:grid}.preview{background:radial-gradient(circle at 20% 15%,#2f6fb314,#0000 45%),#e8eef4;border-radius:14px;justify-content:center;padding:18px;display:flex}.preview svg{background:#fff;border-radius:4px;width:100%;max-width:560px;height:auto;box-shadow:0 8px 28px #1a24301f}.actions{flex-wrap:wrap;gap:10px;display:flex}@media (width<=860px){.tool{border-radius:14px;grid-template-columns:minmax(0,1fr)}.controls{border-right:0;border-bottom:1px solid var(--line);gap:16px;min-width:0;padding:14px}.preview-col{min-width:0;padding:14px}.preview{padding:12px}.controls .actions .btn{min-height:44px;padding-inline:10px;font-size:.88rem}}.btn{font:inherit;border:1.5px solid var(--accent);background:var(--accent);color:var(--accent-ink);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:6px;padding:11px 20px;font-weight:650;text-decoration:none;transition:background .15s,border-color .15s,color .15s,box-shadow .15s,transform .1s;display:inline-flex;box-shadow:0 6px 18px #2f6fb32e}.btn:hover{background:var(--accent-strong);border-color:var(--accent-strong);color:var(--accent-ink)}.btn:active{transform:translateY(1px)}.btn.ghost{color:var(--accent);border-color:var(--line);box-shadow:none;background:#fff}.btn.ghost:hover{border-color:var(--accent);color:var(--accent);background:#fff}.btn[disabled]{opacity:.6;cursor:progress;box-shadow:none}.btn-sm{padding:9px 16px;font-size:.92rem}@media (width<=520px){.hero-actions{flex-direction:column}.hero-actions .btn{width:100%}}.hint{color:var(--muted);margin:0;font-size:.82rem}section.block{margin:40px 0}section.block h2{margin:0 0 12px;font-size:1.4rem}@media (width<=640px){section.block{margin:28px 0}}.prose{min-width:0;max-width:min(760px,100%)}.prose>:first-child{margin-top:0}.prose h2{margin:1.8em 0 .55em;scroll-margin-top:88px;font-size:clamp(1.35rem,2.4vw,1.7rem)}.prose h3{margin:1.5em 0 .45em;scroll-margin-top:88px;font-size:1.15rem}.prose p{color:#334155;margin:0 0 1.1em}.prose a{text-underline-offset:3px;text-decoration-thickness:1px}.prose strong{color:var(--ink)}.prose ul,.prose ol{margin:0 0 1.1em;padding-left:1.3em}.prose li{color:#334155;margin-bottom:.4em}.prose li::marker{color:var(--accent)}.prose blockquote,.prose .callout{border:1px solid #d5e3f2;border-left:4px solid var(--accent);color:var(--ink);background:#eef4fb;border-radius:0 12px 12px 0;margin:1.4em 0;padding:16px 22px}.prose .callout p{color:var(--ink);margin:0}.prose .table-scroll,.table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--line);max-width:100%;box-shadow:var(--shadow);background:#fff;border-radius:14px;margin:1.2em 0 1.6em;overflow-x:auto}.prose table{border-collapse:separate;border-spacing:0;background:#fff;width:100%;min-width:max-content;margin:0;font-size:.94rem}.prose th,.prose td{border:0;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;border-right:1px solid #eef2f6;padding:12px 16px;line-height:1.45}.prose th:last-child,.prose td:last-child{border-right:0}.prose th{color:var(--ink);white-space:nowrap;background:#e8f0f8;font-weight:650}.prose td{color:#334155;min-width:7.5em}.prose th:not(:first-child){min-width:9em}.prose th:first-child,.prose td:first-child{z-index:1;white-space:nowrap;box-shadow:1px 0 0 var(--line);position:sticky;left:0}.prose th:first-child{z-index:2;background:#e8f0f8}.prose td:first-child{color:var(--ink);background:#f7fafc;font-weight:650}.prose tbody tr:hover td{background:#f3f8fd}.prose tbody tr:hover td:first-child{background:#eef5fb}.prose tr:last-child td{border-bottom:0}.steps{counter-reset:s;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;padding:0;list-style:none;display:grid}.steps li{border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);background:#fff;padding:16px 18px}.steps li:before{counter-increment:s;content:counter(s);background:var(--accent);color:#fff;border-radius:50%;place-items:center;width:26px;height:26px;margin-bottom:6px;font-size:.85rem;font-weight:700;display:inline-grid}.steps strong{display:block}.cards{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:14px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius-lg);color:var(--ink);box-shadow:var(--shadow);background:#fff;gap:6px;padding:14px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.card img{border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;height:auto}.card strong{font-size:.95rem}.card span{color:var(--muted);font-size:.82rem}.card .dl{gap:8px;font-size:.85rem;display:flex}a.card:hover{box-shadow:var(--shadow-hover);border-color:#c7d8ea;transform:translateY(-2px)}.lead{color:#3a4553;max-width:62ch;font-size:1.12rem}.page-hero{padding:18px 0 10px}.page-hero h1{max-width:22ch;margin:0 0 14px}.page-hero .lead{color:#3a4553;max-width:62ch;margin:0;font-size:1.12rem}.page-hero .byline{color:var(--muted);margin:14px 0 0;font-size:.88rem}html:lang(zh) .page-hero h1{max-width:100%;font-size:clamp(1.75rem,3.2vw,2.4rem)}.article-layout{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:54px;padding-top:34px;padding-bottom:10px;display:grid}.article-aside{align-content:start;gap:18px;display:grid;position:sticky;top:90px}.article-aside>.card{gap:unset;border-radius:16px;padding:20px 22px;display:block;transform:none}.article-aside>.card:hover{border-color:var(--line);box-shadow:var(--shadow);transform:none}.article-aside>.cta-card{padding:22px}.toc{font-size:.93rem}.toc h2{color:var(--muted);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin:0 0 10px;font-size:.8rem;font-weight:700}.toc ol{gap:8px;margin:0;padding-left:1.25em;list-style:decimal;display:grid}.toc ol li{margin:0;padding:0;line-height:1.45}.toc ol li::marker{color:var(--muted);font-weight:600}.toc a{color:var(--ink-2);line-height:1.45;text-decoration:none}.toc a:hover{color:var(--accent)}.cta-card{background:var(--accent);color:#eaf2fb;border:0;padding:22px}.cta-card h2{color:#fff;font-size:1.25rem;font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 8px;font-weight:650;line-height:1.25}.cta-card p{margin:0 0 14px;font-size:.95rem;line-height:1.55}.cta-card .btn{color:var(--accent);box-shadow:none;background:#fff;border-color:#fff}.cta-card .btn:hover{color:var(--accent-strong);background:#eaf2fb;border-color:#eaf2fb}.guide-more-card h2{color:var(--muted);font-family:var(--font-body);letter-spacing:.1em;text-transform:uppercase;margin:0 0 12px;font-size:.8rem;font-weight:700}.guide-more{gap:0;margin:0;padding:0;font-size:.93rem;list-style:none;display:grid}.guide-more a{border-bottom:1px solid var(--line);color:var(--ink-2);justify-content:space-between;align-items:flex-start;gap:12px;padding:12px 0;font-weight:600;line-height:1.4;text-decoration:none;display:flex}.guide-more li:first-child a{padding-top:2px}.guide-more li:last-child a{border-bottom:0;padding-bottom:0}.guide-more a span{flex:1;min-width:0}.guide-more a em{color:var(--muted);flex:none;margin-top:1px;font-style:normal;font-weight:500;transition:transform .15s,color .15s}.guide-more a:hover{color:var(--accent)}.guide-more a:hover em{color:var(--accent);transform:translate(3px)}.guide-links{gap:8px;margin:0;padding:0;list-style:none;display:grid}.guide-links a{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:8px 12px;font-size:.88rem;text-decoration:none;display:inline-block}.guide-links a:hover{border-color:var(--accent);color:var(--accent)}@media (width<=980px){.article-layout{flex-direction:column;align-items:stretch;gap:22px;padding-top:20px;display:flex}.article-aside{display:contents;position:static}.article-aside>nav.toc{display:none}.article-layout>.prose{order:0;width:100%}.article-aside>.cta-card,.article-aside>.guide-more-card{order:1;width:100%}.article-aside>.cta-card{padding:26px 22px 28px}.article-aside>.guide-more-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:4px 0 8px}.article-aside>.guide-more-card:hover{box-shadow:none;border-color:#0000}.guide-more a{align-items:center;min-height:52px;padding:14px 0;font-size:.98rem}}@media (width<=640px){.page-hero{padding:8px 0 2px}html:lang(zh) .page-hero h1{font-size:clamp(1.45rem,7vw,1.85rem)}.page-hero .lead{font-size:1rem}.article-aside>.cta-card{padding:24px 18px 26px}.cta-card h2{font-size:1.15rem}.cta-card .btn{width:100%}.prose .table-scroll,.table-scroll{border-left:0;border-right:0;border-radius:0;width:calc(100% + 32px);max-width:none;margin-inline:-16px}.prose th,.prose td{padding:10px 12px;font-size:.88rem}.prose th:not(:first-child){min-width:7.5em}.faq details{padding:2px 14px}.faq summary{gap:12px;padding:14px 0;font-size:.98rem}.breadcrumbs ol{margin-top:12px;font-size:.8rem}}.faq{gap:12px;display:grid}.faq-head{margin-bottom:6px}.faq details{border:1px solid var(--line);background:#fff;border-radius:14px;margin:0;padding:4px 22px}.faq summary{cursor:pointer;justify-content:space-between;gap:16px;padding:16px 0;font-size:1.03rem;font-weight:650;line-height:1.4;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--accent);flex:none;font-size:1.4rem;line-height:1;transition:transform .2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq details p{color:#3a4553;margin:0 0 16px;line-height:1.7}.faq-bare{max-width:none;margin:.2em 0 0}.faq-bare.block{margin:0}.guides-hero{border-bottom:1px solid var(--line);background:radial-gradient(700px 320px at 90% 0%, #2f6fb324, transparent 60%), linear-gradient(180deg, #f8fbff 0%, var(--bg) 100%);padding:36px 0 40px;position:relative;overflow:hidden}.guides-hero h1{max-width:18ch;margin:8px 0 12px;font-size:clamp(2rem,4vw,2.8rem)}html:lang(zh) .guides-hero h1{max-width:100%;font-size:clamp(1.7rem,5vw,2.4rem)}.guides-hero .lead{max-width:58ch;color:var(--muted);margin:0;font-size:1.05rem}.guide-cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}.guide-card{border:1px solid var(--line);border-radius:var(--radius-lg);min-height:168px;color:var(--ink);box-shadow:var(--shadow);background:#fff;align-content:start;gap:8px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.guide-card strong{font-family:var(--font-display);letter-spacing:-.015em;font-size:1.12rem;font-weight:650;line-height:1.25}.guide-card span{color:var(--muted);font-size:.9rem;line-height:1.55}.guide-card em{color:var(--accent);margin-top:auto;padding-top:8px;font-size:.84rem;font-style:normal;font-weight:650}.guide-card em:after{content:" ›"}.guide-card:hover{box-shadow:var(--shadow-hover);border-color:#c7d8ea;transform:translateY(-3px)}.guide-card:hover em{color:var(--accent-strong)}@media (width<=620px){.guides-hero{padding:24px 0 28px}.guide-card{min-height:0;padding:18px}}.site-footer{color:#c9d2dc;background:radial-gradient(700px 280px at 10% 0,#2f6fb32e,#0000 55%),#1a2430;margin-top:72px;padding:48px 0 32px;font-size:.9rem}.site-footer a{color:#e6ebf0;text-decoration:none}.site-footer a:hover{color:#fff}.footer-grid{grid-template-columns:1.2fr 1.3fr 1.3fr .8fr;gap:28px;display:grid}.footer-flat{grid-template-columns:1fr 1fr;align-content:start;gap:6px 24px;display:grid}.footer-groups{grid-template-columns:1fr 1fr;align-content:start;align-items:start;gap:2px 20px;display:none}.footer-group h4{margin-top:12px}.footer-group:first-child h4,.footer-group:nth-child(2) h4{margin-top:0}@media (width<=820px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px 20px}.footer-grid>:first-child{grid-column:1/-1}.footer-flat{display:none}.footer-groups{display:grid}}@media (width<=520px){.site-footer{margin-top:48px;padding:36px 0 24px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-grid>:first-child{grid-column:auto}.footer-groups{gap:4px 16px}}.site-footer h3{font-family:var(--font-body);color:#fff;margin:0 0 10px;font-size:.95rem}.site-footer h4{font-family:var(--font-body);color:#8d99a6;letter-spacing:.08em;text-transform:uppercase;margin:14px 0 6px;font-size:.72rem;font-weight:700}.site-footer ul{gap:6px;margin:0;padding:0;list-style:none;display:grid}.footer-note{color:#8d99a6;margin-top:28px;font-size:.8rem}.drop{border-radius:var(--radius);text-align:center;cursor:pointer;background:#fbfcfd;border:2px dashed #b9c4cf;padding:18px}.drop.over{border-color:var(--accent);background:#eef5fc}.poster-preview{background:radial-gradient(circle at 20% 15%,#2f6fb314,#0000 45%),#e8eef4;border-radius:14px;justify-content:center;padding:18px;display:flex;position:relative}.poster-preview canvas{background:#fff;max-width:100%;height:auto;box-shadow:0 2px 10px #00000026}.ad-slot{min-height:90px;margin:28px 0}.hero-anim{grid-template-columns:1fr minmax(260px,380px);align-items:center;gap:24px;margin-bottom:10px;display:grid}@media (width<=760px){.hero-anim{grid-template-columns:1fr}}.letter-strip{flex-wrap:wrap;gap:4px;margin-top:6px;display:flex}.letter-strip a,.letter-grid a{border:1px solid var(--line);min-width:34px;height:34px;color:var(--ink);background:#fff;border-radius:6px;place-items:center;padding:0 6px;font-weight:600;text-decoration:none;display:inline-grid}.letter-strip a[aria-current=page]{background:var(--accent);border-color:var(--accent);color:#fff}.letter-grid{grid-template-columns:repeat(auto-fill,minmax(52px,1fr));gap:8px;display:grid}.letter-grid a{height:48px;font-size:1.2rem}.letter-grid a:hover,.letter-strip a:hover{border-color:var(--accent)}.word-list{flex-wrap:wrap;gap:6px;margin:8px 0 14px;display:flex}.word-list span{border:1px solid var(--line);background:#fff;border-radius:6px;padding:3px 10px}.field textarea{resize:vertical;min-height:90px}@media print{.site-header,.menu,.lang-switch,.actions{display:none!important}.tool,.preview-col{box-shadow:none;background:0 0;border:0;padding:0}}
