
:root{--bg:#fff9e6;--paper:#fff;--ink:#211a27;--text:#302b34;--muted:#625b68;--purple:#65358c;--lavender:#f1e8f7;--yellow:#f7e6a8;--line:#e7dceb;--dark:#19171c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.8 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}img{display:block;max-width:100%;width:auto;height:auto;object-fit:contain;object-position:center}a{color:var(--purple);text-decoration-thickness:1px;text-underline-offset:4px}a:hover{text-decoration-thickness:2px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.container{width:min(1180px,calc(100% - 56px));margin-inline:auto}.skip-link{position:absolute;top:-100px;left:18px;background:#fff;padding:12px 18px;z-index:100}.skip-link:focus{top:8px}.site-header{background:#fff;border-bottom:1px solid var(--line)}.header-top{min-height:64px;display:flex;align-items:center;gap:30px}.brand{color:var(--ink);display:inline-flex;align-items:center;text-decoration:none;white-space:nowrap;font-size:24px;letter-spacing:-.04em;min-height:44px}.brand-image{max-height:34px;max-width:160px}.brand-tag{color:var(--muted);font-size:13px;margin-inline:auto}.top-actions{display:flex;align-items:center;gap:20px;font-size:14px;white-space:nowrap}.top-actions a{color:var(--ink)}.desktop-navigation{border-top:1px solid var(--line)}.nav-row{display:flex;align-items:center;gap:6px;min-height:46px}.nav-row>a,.nav-row button{color:var(--ink);display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;font-size:14px;border:0;background:none;text-decoration:none;white-space:nowrap}.nav-row a[aria-current],.nav-row a:hover{color:var(--purple);background:var(--lavender)}.nav-row button{margin-left:auto;color:var(--purple);font-weight:650}.menu-panel{padding:20px 0 25px;border-top:1px solid var(--line)}.menu-panel[hidden],.mobile-menu[hidden],[hidden]{display:none!important}.menu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.menu-group h2{margin:0 0 9px;font-size:17px}.menu-group a{display:block;min-height:54px;padding:7px 8px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}.menu-group strong{display:block;font-size:14px}.menu-group small{display:block;color:var(--muted);line-height:1.6;font-size:12px}.menu-group a[aria-current]{border-left:3px solid var(--purple);background:var(--lavender)}.mobile-menu-trigger,.mobile-menu{display:none}.mobile-bottom{display:none}.page-hero{padding:32px 0 24px}.breadcrumbs{font-size:13px;color:var(--muted);display:flex;gap:9px;align-items:center}.breadcrumbs a{color:var(--muted)}.eyebrow{color:var(--purple);text-transform:uppercase;letter-spacing:.11em;font-size:12px;font-weight:750;margin:20px 0 8px}.page-hero h1{font-size:clamp(30px,3vw,35px);line-height:1.27;letter-spacing:-.035em;color:var(--ink);margin:0 0 12px}.page-lead{max-width:770px;font-size:16px;line-height:1.8;margin:0;color:var(--muted)}.article-shell{padding:8px 0 56px}.article-layout{display:grid;grid-template-columns:minmax(0,760px) minmax(230px,260px);gap:clamp(30px,5vw,82px);align-items:start}.article-body{min-width:0;background:var(--paper);padding:clamp(20px,3vw,34px);border:1px solid var(--line);border-radius:12px}.article-body section+section{border-top:1px solid var(--line);margin-top:27px;padding-top:24px}.article-body h2{font-size:clamp(21px,2.2vw,25px);color:var(--ink);line-height:1.4;margin:0 0 14px}.article-body h3{font-size:18px;color:var(--ink);line-height:1.5}.article-body p{font-size:16px;line-height:1.82;margin:0 0 16px}.article-body p:last-child{margin-bottom:0}.side-reading{padding-top:4px;min-width:0}.side-reading h2{font-size:17px;color:var(--ink);margin:0 0 12px}.side-reading a{display:block;padding:13px 0;border-top:1px solid var(--line);text-decoration:none;font-size:15px}.side-reading a:last-child{border-bottom:1px solid var(--line)}.illustration{margin:18px 0 24px;padding:12px;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;max-width:100%;min-width:0;background:#fff}.illustration img{max-height:210px;max-width:100%;height:auto;width:auto}.illustration.large img{max-height:260px}.illustration.device img{max-height:390px;max-width:260px}.illustration.symbol{border:0;padding:0;background:none;display:inline-flex;vertical-align:middle;margin:0}.illustration.symbol img{max-height:60px;max-width:60px}.article-body .illustration{max-width:390px}.article-body .illustration.device{max-width:280px}.article-body .illustration.wide{max-width:520px}.article-intro-image{max-width:440px;margin:16px 0 20px}.route-list{counter-reset:route;list-style:none;padding:0;margin:0}.route-list li{counter-increment:route;padding:14px 0;border-bottom:1px solid var(--line)}.route-list li:before{content:counter(route,decimal-leading-zero);color:var(--purple);font-weight:750;margin-right:14px}.route-list a{font-weight:650}.related-strip{padding:30px 0 65px}.related-strip h2{font-size:22px;color:var(--ink);margin:0 0 12px}.related-links{display:flex;gap:12px;flex-wrap:wrap}.related-links a{min-height:44px;display:inline-flex;align-items:center;border:1px solid #cdb5dd;background:#fff;padding:8px 16px;border-radius:10px;text-decoration:none}.question h2{font-size:19px}.site-footer{background:#fff;border-top:1px solid var(--line);padding:38px 0 22px}.footer-main{display:grid;grid-template-columns:1fr 2fr;gap:50px}.footer-about p{max-width:270px;font-size:14px;color:var(--muted);margin:10px 0}.footer-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.footer-links h2{font-size:15px;margin:0 0 9px}.footer-links a{display:block;font-size:13px;line-height:1.5;padding:5px 0;color:var(--muted);text-decoration:none}.footer-bottom{border-top:1px solid var(--line);margin-top:24px;padding-top:15px;display:flex;gap:18px;justify-content:space-between;color:var(--muted);font-size:12px}.home-section{padding:58px 0;border-bottom:1px solid var(--line)}.home-section h2{font-size:clamp(23px,2.5vw,28px);line-height:1.35;color:var(--ink);margin:0 0 20px}.home-section p{line-height:1.82;margin:0 0 16px}.home-section .eyebrow{margin:0 0 8px}.home-hero{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:48px;align-items:center;padding-top:62px}.home-hero h1{font-size:clamp(34px,4vw,40px);line-height:1.25;color:var(--ink);margin:0 0 18px}.home-hero p{max-width:650px}.home-hero figure{max-width:470px}.home-hero figure img{max-height:300px}.text-links{display:flex;flex-wrap:wrap;gap:18px}.text-links a{font-weight:700}.six-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 24px}.six-index article{padding:20px 0;border-top:1px solid var(--line)}.six-index h3{font-size:18px;margin:0 0 6px}.six-index p{font-size:15px}.split{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:44px}.split.reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}.split figure{justify-self:center;max-width:390px}.split figure img{max-height:210px}.comparison article{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:35px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.comparison article:nth-child(even){grid-template-columns:minmax(0,1fr) minmax(0,280px)}.comparison article:nth-child(even) .comparison-text{grid-column:1;grid-row:1}.comparison article:nth-child(even) figure{grid-column:2;grid-row:1}.comparison h3{font-size:20px;margin:0 0 10px}.comparison figure{margin:0}.soft-note{background:#f7e6a8;padding:26px;border-radius:12px}.serial-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:40px;align-items:center}.serial-layout figure{max-width:220px}.work-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:28px}.work-grid .mini{border-top:1px solid var(--line);padding-top:18px}.work-grid figure{max-width:340px}.book-list{counter-reset:books;list-style:none;padding:0}.book-list li{counter-increment:books;padding:10px 0;border-top:1px solid var(--line)}.book-list li:before{content:counter(books,decimal-leading-zero);font-size:13px;color:var(--purple);margin-right:16px}.device-home{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:36px;align-items:center}.device-home .illustration{max-width:220px}.device-home .illustration img{max-height:390px}.device-home .symbol{max-width:60px}.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.home-service-grid article{border-top:2px solid var(--purple);padding-top:14px}.home-service-grid h3{margin:0 0 9px}.home-service-grid p{font-size:15px}.service-tail{display:flex;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);margin-top:26px;padding-top:18px}.no-img>.text-half{grid-column:1/-1}.no-img{grid-template-columns:minmax(0,1fr)!important}.no-img .text-half{max-width:800px}.table-compare{width:100%;border-collapse:collapse;margin:18px 0 22px;table-layout:fixed}.table-compare td,.table-compare th{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:10px 8px;overflow-wrap:anywhere}.table-compare th{color:var(--ink);background:var(--lavender)}@media(max-width:1020px){.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 235px;gap:27px}.brand-tag{display:none}.home-hero,.split{gap:24px}}@media(max-width:767px){.container{width:calc(100% - 32px)}.header-top{min-height:62px;gap:10px}.brand{font-size:22px}.top-actions{margin-left:auto;gap:8px;font-size:13px}.desktop-action,.desktop-navigation{display:none}.mobile-menu-trigger:not([hidden]){display:inline-flex;border:1px solid var(--line);border-radius:8px;background:#fff;min-height:44px;padding:7px 10px;align-items:center;gap:6px;color:var(--ink)}.mobile-menu{display:block;padding:5px 0 16px}.mobile-menu details{border-top:1px solid var(--line)}.mobile-menu summary{cursor:pointer;min-height:48px;padding:10px 4px;color:var(--purple);font-weight:650}.mobile-menu-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding-bottom:9px}.mobile-menu-links a{display:flex;align-items:center;min-height:44px;padding:7px 9px;text-decoration:none;color:var(--ink);background:var(--bg)}.mobile-menu-links a[aria-current]{background:var(--lavender);color:var(--purple)}.mobile-bottom{position:fixed;bottom:0;left:0;right:0;z-index:30;background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:env(safe-area-inset-bottom);min-height:58px}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:58px;text-decoration:none;color:var(--text);font-size:13px}.mobile-bottom a[aria-current]{color:var(--purple);background:var(--lavender);font-weight:700}body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.page-hero{padding:21px 0 17px}.page-hero h1{font-size:28px}.article-layout{display:flex;flex-direction:column;gap:30px}.article-body{padding:19px;width:100%}.article-body p{font-size:16px}.side-reading{width:100%}.article-shell{padding-bottom:20px}.related-strip{padding:24px 0 40px}.home-section{padding:38px 0}.home-hero,.split,.split.reverse,.serial-layout,.work-grid,.device-home{display:flex;flex-direction:column;align-items:stretch;gap:20px}.home-hero{padding-top:35px}.home-hero h1{font-size:30px}.home-hero figure{max-width:100%}.home-hero figure img{max-height:240px}.six-index{grid-template-columns:1fr}.comparison article,.comparison article:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:16px}.comparison article:nth-child(even) figure,.comparison article:nth-child(even) .comparison-text{grid-column:auto;grid-row:auto}.comparison figure{max-width:360px}.home-service-grid{grid-template-columns:1fr}.device-home .illustration{max-width:220px}.illustration.device img,.device-home .illustration img{max-height:310px;max-width:220px}.illustration:not(.device) img{max-height:190px}.footer-main{grid-template-columns:1fr;gap:18px}.footer-links{gap:10px}.footer-bottom{flex-direction:column;gap:4px}.table-compare{font-size:14px}}@media(max-width:360px){.top-actions>a{font-size:12px}.header-top{gap:5px}.mobile-menu-trigger{padding-inline:7px;font-size:13px}.brand{font-size:19px}.footer-links{grid-template-columns:repeat(2,minmax(0,1fr))}.mobile-menu-links{grid-template-columns:1fr}.article-body{padding:16px}.page-hero h1{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

@media(max-width:767px){.home-hero.no-img,.split.no-img,.serial-layout.no-img,.device-home.no-img{display:block}.comparison article.no-img,.comparison article:nth-child(even).no-img{display:block}}
