:root{--bg:#f7fbfa;--paper:#ffffff;--ink:#102c2c;--muted:#5c7270;--line:#cfe0de;--accent:#1aa39b;--accent2:#4f73ff;--soft:#eaf8f6;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);line-height:1.72}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}p,h1,h2,h3{margin-top:0}h1{font-size:clamp(2rem,4.8vw,4.7rem);line-height:1.06;letter-spacing:0;margin-bottom:1rem}h2{font-size:clamp(1.45rem,2.4vw,2.35rem);line-height:1.16;letter-spacing:0}h3{line-height:1.25;letter-spacing:0}.sec-mast{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:16px clamp(18px,4vw,54px);background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(18px);border-bottom:1px solid color-mix(in srgb,var(--line) 78%,transparent)}.sec-brand{display:flex;align-items:center;gap:.75rem;font-weight:800;white-space:nowrap;min-width:0}.sec-brand span:last-child{overflow:hidden;text-overflow:ellipsis}.sec-brand-mark{width:28px;height:28px;border-radius:999px;background:linear-gradient(135deg,var(--accent),var(--accent2));box-shadow:0 8px 26px color-mix(in srgb,var(--accent) 28%,transparent)}.sec-nav{display:flex;align-items:center;gap:18px;color:var(--muted);font-size:.95rem}.sec-nav a{padding:8px 0;border-bottom:2px solid transparent}.sec-nav a:hover{color:var(--ink);border-color:var(--accent)}.sec-menu{display:none;border:1px solid var(--line);background:var(--paper);color:var(--ink);border-radius:999px;padding:8px 14px;font:inherit}.sec-rail{max-width:1260px;margin:10px auto 0;padding:0 clamp(18px,4vw,54px);min-height:12px;display:flex;gap:8px;align-items:center;overflow:hidden;opacity:.72}.sec-rail :where(span,i,b,em,li,dt,dd,td,hr,small){display:block;min-width:18px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));border:0;margin:0}.sec-rail figure,.sec-rail menu,.sec-rail ol,.sec-rail dl,.sec-rail p,.sec-rail blockquote,.sec-rail table{display:flex;gap:8px;align-items:center;margin:0;padding:0;border:0}.sec-rail li{list-style:none}.sec-rail table{width:100%;border-collapse:separate;border-spacing:7px 2px}.sec-rail td{width:12%;height:5px}.sec-main{max-width:1240px;margin:0 auto;padding:clamp(18px,4vw,54px)}.sec-cover{position:relative;display:grid;gap:clamp(20px,4vw,46px);align-items:center;margin-bottom:clamp(42px,7vw,82px)}.sec-copy{position:relative;z-index:2}.sec-kicker,.sec-section-head p,.sec-inner-hero>p,.sec-tag{color:var(--accent);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.12em}.sec-copy>p:not(.sec-kicker),.sec-inner-hero>p:not(:first-child){font-size:1.07rem;color:var(--muted);max-width:680px}.sec-chips{display:flex;flex-wrap:wrap;gap:10px;margin:22px 0}.sec-chips span{border:1px solid var(--line);background:var(--paper);border-radius:999px;padding:8px 12px;color:var(--muted);font-size:.9rem}.sec-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.sec-actions a,.sec-section-head a,.sec-device-copy a,.sec-support a,.sec-inner-hero a,.sec-route-table a,.sec-matrix a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:10px 16px;border-radius:999px;background:var(--ink);color:var(--bg);font-weight:800}.sec-actions a:nth-child(2),.sec-section-head a,.sec-device-copy a,.sec-support a{background:var(--paper);color:var(--ink);border:1px solid var(--line)}.sec-visual{margin:0;overflow:hidden;border-radius:22px;box-shadow:0 26px 70px color-mix(in srgb,var(--ink) 16%,transparent);background:var(--soft)}.sec-visual img{width:100%;height:100%;object-fit:cover}.sec-cover{grid-template-columns:minmax(360px,1.1fr) minmax(320px,.9fr)}.sec-side,.sec-chapters{align-self:stretch;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:12px;box-shadow:0 16px 44px color-mix(in srgb,var(--ink) 8%,transparent)}.sec-side{position:absolute;right:2%;bottom:-26px}.sec-side strong{font-size:1.1rem}.sec-notice,.sec-download,.sec-routes,.sec-devices,.sec-articles,.sec-faq,.sec-matrix,.sec-steps,.sec-route-table,.sec-context,.sec-device-lanes,.sec-help-groups,.sec-faq-list,.sec-article-list,.sec-essay,.sec-contact-box,.sec-support{margin:clamp(34px,6vw,76px) 0}.sec-notice{display:grid;grid-template-columns:.8fr 1.2fr;gap:24px;border-block:1px solid var(--line);padding:26px 0}.sec-notice span{display:inline-flex;width:42px;height:42px;border-radius:999px;background:var(--accent);color:#fff;align-items:center;justify-content:center;font-weight:900;margin-bottom:12px}.sec-notice p,.sec-context p,.sec-essay p{color:var(--muted);font-size:1.03rem}.sec-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:20px}.sec-platforms,.sec-route-list,.sec-device-grid,.sec-article-grid,.sec-matrix,.sec-route-table,.sec-device-lanes,.sec-help-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sec-platforms article,.sec-route-list article,.sec-device-grid article,.sec-article-grid article,.sec-matrix article,.sec-route-table article,.sec-device-lanes article,.sec-help-groups article,.sec-article-list article{background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:20px;box-shadow:0 14px 40px color-mix(in srgb,var(--ink) 7%,transparent)}.sec-platforms strong,.sec-device-grid strong{display:block;font-size:1.08rem;margin-bottom:8px}.sec-platforms p,.sec-route-list p,.sec-article-grid p,.sec-matrix p,.sec-route-table p,.sec-device-lanes p,.sec-help-groups p,.sec-article-list p{color:var(--muted);margin-bottom:0}.sec-route-list article span{display:block;width:34px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent2));margin-bottom:14px}.sec-devices{display:grid;grid-template-columns:.85fr 1.15fr;gap:20px;align-items:stretch}.sec-device-copy{background:var(--ink);color:var(--bg);padding:28px;border-radius:20px}.sec-device-copy p{color:color-mix(in srgb,var(--bg) 75%,transparent)}.sec-device-grid{grid-template-columns:repeat(3,1fr)}.sec-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-article-grid time,.sec-article-list time{color:var(--accent);font-weight:800}.sec-article-grid span,.sec-article-list span{display:inline-flex;margin-left:8px;color:var(--muted);font-size:.85rem}.sec-faq details,.sec-faq-list details{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin:10px 0}.sec-faq summary,.sec-faq-list summary{font-weight:800;cursor:pointer}.sec-faq p,.sec-faq-list p{color:var(--muted)}.sec-inner{max-width:1120px;margin:0 auto;padding:clamp(22px,4vw,56px)}.sec-inner-hero{padding:clamp(28px,5vw,58px);background:var(--paper);border:1px solid var(--line);border-radius:24px;box-shadow:0 18px 52px color-mix(in srgb,var(--ink) 8%,transparent)}.sec-inner-hero h1{font-size:clamp(2rem,4vw,3.7rem)}.sec-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-matrix ul{padding-left:1.1rem;color:var(--muted)}.sec-steps{background:var(--soft);border:1px solid var(--line);border-radius:22px;padding:28px}.sec-steps ol{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;list-style:none;padding:0;margin:0}.sec-steps li{background:var(--paper);border:1px solid var(--line);border-radius:16px;padding:18px}.sec-route-table{grid-template-columns:repeat(2,minmax(0,1fr))}.sec-context,.sec-essay,.sec-contact-box,.sec-support{background:var(--paper);border:1px solid var(--line);border-radius:20px;padding:28px}.sec-contact-box form{display:grid;gap:14px;margin-top:18px}.sec-contact-box label{display:grid;gap:6px;font-weight:800}.sec-contact-box input,.sec-contact-box textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:12px;font:inherit;color:var(--ink);background:var(--bg)}.sec-article-index,.sec-article-page{max-width:1120px;margin:0 auto;padding:clamp(22px,4vw,56px)}.sec-article-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sec-article-page{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:28px;align-items:start}.sec-article{background:var(--paper);border:1px solid var(--line);border-radius:22px;padding:clamp(24px,4vw,46px)}.sec-article h1{font-size:clamp(2rem,4vw,3.4rem)}.sec-article time{display:block;color:var(--muted);margin-bottom:20px}.sec-lead{font-size:1.16rem;color:var(--muted);border-left:4px solid var(--accent);padding-left:16px}.sec-back{color:var(--accent);font-weight:800}.sec-article h2{margin-top:34px}.sec-article p{color:var(--muted)}.sec-related{position:sticky;top:90px;background:var(--paper);border:1px solid var(--line);border-radius:18px;padding:18px}.sec-related a{display:block;border-top:1px solid var(--line);padding:12px 0;color:var(--muted)}.sec-related span{display:block;color:var(--accent);font-size:.78rem;font-weight:800}.sec-foot{display:flex;justify-content:space-between;gap:24px;padding:34px clamp(18px,4vw,54px);border-top:1px solid var(--line);background:var(--paper)}.sec-foot p{max-width:520px;color:var(--muted);margin:.35rem 0 0}.sec-foot nav{display:flex;flex-wrap:wrap;gap:12px 18px;justify-content:flex-end;color:var(--muted)}.sec-foot a:hover{color:var(--accent)}

.sec-cover{grid-template-areas:"visual copy" "chips chips"}.sec-visual{grid-area:visual}.sec-copy{grid-area:copy}.sec-chips{grid-area:chips;justify-content:center}.sec-platforms article:nth-child(even){transform:translateY(16px)}



@media (max-width: 900px){.sec-mast{align-items:flex-start}.sec-menu{display:inline-flex}.sec-nav{display:none;position:absolute;left:18px;right:18px;top:62px;flex-direction:column;align-items:stretch;padding:14px;background:var(--paper);border:1px solid var(--line);border-radius:16px}.sec-open .sec-nav{display:flex}.sec-cover,.sec-notice,.sec-devices,.sec-article-page{grid-template-columns:1fr}.sec-chapters{display:none}.sec-side{display:none}.sec-visual{min-height:240px}.sec-platforms,.sec-route-list,.sec-device-grid,.sec-article-grid,.sec-matrix,.sec-route-table,.sec-device-lanes,.sec-help-groups,.sec-article-list{grid-template-columns:1fr}.sec-steps ol{grid-template-columns:1fr}.sec-section-head{align-items:flex-start;flex-direction:column}.sec-related{position:static}.sec-foot{flex-direction:column}.sec-foot nav{justify-content:flex-start}.sec-route-list article{grid-template-columns:1fr}}@media (max-width:480px){.sec-main,.sec-inner,.sec-article-index,.sec-article-page{padding:16px}.sec-mast{padding:12px 16px}.sec-brand{max-width:calc(100vw - 110px)}h1{font-size:2rem}.sec-inner-hero,.sec-article,.sec-context,.sec-essay,.sec-contact-box{padding:20px}.sec-actions a,.sec-inner-hero a{width:100%}}

.sec-hsyun-overlay[hidden]{display:none!important}
.sec-hsyun-overlay{position:fixed;inset:0;z-index:80;display:grid;place-items:center;min-height:100dvh;padding:max(12px,env(safe-area-inset-top)) 12px max(12px,env(safe-area-inset-bottom));overflow:auto;background:#ffd2a3}
.sec-overlay-scrim{position:fixed;inset:0;background:linear-gradient(180deg,#ffd7aa 0%,#ff9f61 48%,#ffe2cb 100%),radial-gradient(circle at 78% 20%,rgba(212,54,66,.2),transparent 32%);backdrop-filter:blur(2px);z-index:-1}
.sec-overlay-panel{position:relative;width:min(520px,calc(100vw - 24px));max-height:calc(100dvh - 24px);overflow:auto;border-radius:28px;padding:clamp(26px,4.6vw,40px);background:rgba(255,249,244,.95);border:1px solid rgba(0,29,46,.08);box-shadow:0 24px 70px rgba(0,29,46,.16);text-align:center;color:#001d2e;isolation:isolate}
.sec-overlay-panel:after{content:"";position:absolute;right:-42px;top:82px;width:128px;aspect-ratio:1;border-radius:50%;background:rgba(255,194,0,.16);z-index:-1}
.sec-overlay-panel *{min-width:0}
.sec-overlay-panel::-webkit-scrollbar{width:0;height:0}
.sec-overlay-close{position:absolute;right:14px;top:12px;width:34px;height:34px;border:1px solid rgba(0,29,46,.12);border-radius:999px;background:rgba(255,255,255,.7);color:#001d2e;font:900 1.1rem/1 Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif;cursor:pointer}
.sec-overlay-brand{display:inline-flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#001d2e;font-weight:900}
.sec-overlay-logo{display:block;width:min(148px,48vw);height:auto}
.sec-overlay-title{margin:0 auto 12px;max-width:460px;color:#001d2e;font-weight:900;font-size:clamp(1.78rem,7.2vw,3.1rem);line-height:1.16;letter-spacing:0;text-wrap:balance}
.sec-overlay-slogan{margin:0 auto 24px;max-width:420px;color:#001d2e;font-size:clamp(1rem,3.2vw,1.18rem);font-weight:800;line-height:1.66}
.sec-overlay-primary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:0 0 15px}
.sec-overlay-primary a,.sec-overlay-button{display:flex;align-items:center;justify-content:center;min-width:0;min-height:52px;border-radius:999px;background:#001d2e;color:#fff;font-weight:900;box-shadow:0 14px 28px rgba(0,29,46,.16);text-align:center;white-space:normal;overflow:hidden;overflow-wrap:anywhere}
.sec-overlay-primary a:nth-child(2){background:#d43642}
.sec-overlay-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.sec-overlay-button{min-height:45px;gap:8px;padding:8px 12px;background:rgba(255,255,255,.76);border:1px solid rgba(0,29,46,.1);color:#001d2e;box-shadow:none;font-size:.95rem;white-space:nowrap}
.sec-overlay-button span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:30px;height:22px;border-radius:999px;background:#ffc200;color:#001d2e;font-size:.68rem;font-weight:900;white-space:nowrap}
.sec-overlay-tip{display:block;margin:0 0 15px;padding:13px 15px;border:1px solid rgba(0,29,46,.12);border-radius:16px;background:rgba(249,248,242,.68);color:rgba(0,29,46,.76);font-size:.86rem;font-weight:800;line-height:1.56;text-align:left;text-wrap:pretty}
.sec-overlay-app-name{white-space:nowrap}
@media (max-width:900px){.sec-hsyun-overlay{justify-items:center;align-items:center}.sec-overlay-panel{width:min(360px,calc(100vw - 24px))}}
@media (max-width:480px){.sec-hsyun-overlay{padding:10px}.sec-overlay-panel{max-height:calc(100dvh - 20px);border-radius:24px;padding:22px 17px}.sec-overlay-close{right:10px;top:10px;width:30px;height:30px}.sec-overlay-brand{margin-bottom:16px}.sec-overlay-logo{width:136px}.sec-overlay-title{font-size:1.86rem;max-height:none;overflow:visible;line-height:1.18;margin-bottom:12px}.sec-overlay-slogan{font-size:.96rem;margin-bottom:16px;line-height:1.62}.sec-overlay-primary{gap:10px;margin-bottom:10px}.sec-overlay-primary a{min-height:44px;font-size:.9rem}.sec-overlay-tip{margin-bottom:12px;padding:10px 11px;font-size:.73rem;line-height:1.54}.sec-overlay-buttons{gap:8px}.sec-overlay-button{min-height:40px;padding:7px 8px;font-size:.82rem;gap:5px}.sec-overlay-button span{min-width:25px;height:20px;font-size:.62rem}}