@charset "UTF-8";
:root{--paper:#f7f5ef;--white:#fffefa;--sand:#ece8de;--ink:#293c45;--muted:#626d6b;--orange:#ac4d27;--green:#516851;--blue:#c4d8dd;--line:#d9d9cd;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:108px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-size:16px;line-height:1.8}a{color:inherit;text-decoration:none}a:hover{color:var(--orange)}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:5px}img{display:block;width:100%;max-width:100%;height:auto}svg{flex-shrink:0}.wrap{width:min(var(--max),calc(100% - 80px));margin-inline:auto}.skip{position:fixed;left:16px;top:-100px;background:var(--ink);color:white;padding:10px 18px;z-index:50}.skip:focus{top:10px}.header{background:rgba(247,245,239,.97);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.header-inner{display:flex;align-items:center;gap:28px;min-height:90px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:52px;height:43px}.brand strong{font-size:19px;letter-spacing:.02em}.brand small{display:block;font-size:10px;letter-spacing:.18em;color:var(--muted);line-height:1.5}.nav{display:flex;gap:23px;margin-left:auto;align-items:center}.nav a{font-size:14px;white-space:nowrap;padding:10px 0}.nav a[aria-current=page]{color:var(--orange);border-bottom:2px solid var(--orange)}.header-cta{font-size:13px;border:1px solid var(--ink);padding:9px 15px;white-space:nowrap}.menu{display:none;border:1px solid var(--line);background:none;width:44px;height:44px;align-items:center;justify-content:center}.icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}.eyebrow{font-size:11px;letter-spacing:.17em;font-weight:600;color:var(--orange);text-transform:uppercase;margin:0 0 15px}.hero{display:grid;grid-template-columns:54% 46%;grid-template-areas:"photo copy";align-items:center;padding-block:42px 28px}.hero-photo{grid-area:photo;margin:0;padding-right:38px}.hero-photo img{border-radius:3px;aspect-ratio:3/2;object-fit:contain}.caption{font-size:11px;letter-spacing:.04em;color:var(--muted);display:flex;justify-content:space-between;gap:12px;margin-top:10px}.hero-copy{grid-area:copy;padding-left:18px}.hero h1{font-size:clamp(29px,3.05vw,43px);line-height:1.4;letter-spacing:-.035em;margin:0 0 19px;font-weight:650}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;margin:10px 0}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0 15px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--orange);color:#fff;padding:12px 21px;font-size:14px;min-height:46px;border:1px solid var(--orange)}.btn:hover{background:#8e3c20;color:#fff}.btn.secondary{background:transparent;border-color:var(--line);color:var(--ink)}.btn.secondary:hover{border-color:var(--orange)}.note{font-size:12px!important;color:var(--green)!important}.tasks{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:20px 0;margin-bottom:26px}.task{padding:0 24px;border-right:1px solid var(--line);display:grid;grid-template-columns:28px 1fr;gap:10px}.task:first-child{padding-left:0}.task:last-child{border:0}.task span{font-family:Georgia,serif;color:var(--orange);font-size:17px}.task strong{font-size:14px;font-weight:550}.task small{display:block;color:var(--muted);font-size:11px;margin-top:3px}.section{padding-block:66px}.section.alt{background:var(--sand)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.section-head h2,h2{font-size:clamp(23px,2.5vw,32px);line-height:1.45;margin:0 0 14px;font-weight:600;letter-spacing:-.02em}.section-head p{max-width:580px;margin:0;color:var(--muted);font-size:14px}.text-link{font-size:13px;border-bottom:1px solid var(--orange);padding-bottom:4px;white-space:nowrap}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.split>div{min-width:0}.split img{border-radius:3px}.body-copy p{color:var(--muted);font-size:14px}.body-copy h3{font-size:20px;line-height:1.5;margin-top:25px}.check-panel{border:1px solid var(--line);padding:28px;background:var(--white)}.check-panel label{display:block;font-size:14px;margin-bottom:14px}.check-panel select{width:100%;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:12px;margin-bottom:16px}.result{border-left:3px solid var(--green);padding:2px 0 2px 16px;color:var(--muted);font-size:14px;min-height:78px}.check-panel .note{margin-bottom:0}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;counter-reset:step}.step{border-top:1px solid var(--line);padding-top:18px}.step b{font-family:Georgia,serif;font-size:31px;color:var(--orange);font-weight:400}.step h3{font-size:17px;margin:12px 0}.step p{font-size:13px;color:var(--muted);margin-bottom:20px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}.comparison>div{background:var(--paper);padding:29px}.comparison h3{font-size:20px;margin:10px 0}.comparison p{color:var(--muted);font-size:14px}.comparison ul{padding-left:20px;font-size:14px}.feature{display:grid;grid-template-columns:62% 38%;align-items:center;gap:0}.feature .feature-copy{background:var(--ink);color:var(--paper);padding:42px;margin-left:-32px;position:relative}.feature .feature-copy p{font-size:14px;color:#d7dfdb}.feature h2{font-size:30px}.feature .eyebrow{color:#e4ac85}.list{border-top:1px solid var(--line)}.list-item{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:40px 1fr;gap:15px}.list-item>span{color:var(--orange);font-family:Georgia,serif;font-size:21px}.list-item h3{margin:0 0 6px;font-size:17px}.list-item p{color:var(--muted);font-size:14px;margin:0}.news-row{display:grid;grid-template-columns:27% 58% 15%;border-top:1px solid var(--line);padding:28px 0;align-items:center}.news-row:last-child{border-bottom:1px solid var(--line)}.news-media{width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:12px}.news-media img{display:block;width:100%;height:100%;object-fit:cover}.news-copy{padding:0 32px}.news-copy .category{font-size:11px;color:var(--green);letter-spacing:.08em}.news-copy h3{font-size:21px;font-weight:550;line-height:1.55;margin:8px 0 10px}.news-copy p{font-size:13px;color:var(--muted);margin:5px 0}.news-copy .reading{font-size:12px}.news-copy .text-link{display:inline-block;margin-top:10px}.chapter{font-size:55px;font-family:Georgia,serif;color:#c3b9a8;font-weight:400;text-align:right;padding-right:20px}.device-pair{display:grid;grid-template-columns:1fr 1fr;gap:50px}.device-block{display:grid;grid-template-columns:36% 1fr;gap:26px;align-items:center}.device-block img{border-radius:3px}.device-block h3{font-size:22px;margin:8px 0}.device-block p{font-size:13px;color:var(--muted)}.desktop-pair .device-block{display:block}.desktop-pair .device-block img{width:100%;aspect-ratio:4/3;object-fit:contain;background:var(--sand)}.desktop-pair .device-block h3{margin-top:22px}.faq{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{cursor:pointer;list-style:none;font-weight:550;font-size:16px;display:flex;justify-content:space-between;gap:20px}summary::-webkit-details-marker{display:none}summary:after{content:'+';color:var(--orange);font-size:22px;line-height:1.2}details[open] summary:after{content:'−'}details p,details ul{color:var(--muted);font-size:14px;margin:16px 0 4px}.portal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.portal{border-top:2px solid var(--ink);padding-top:22px}.portal h3{font-size:20px;margin:12px 0}.portal p{font-size:14px;color:var(--muted)}.prefooter{background:#dee5dc;padding:38px 0}.prefooter-inner{display:flex;justify-content:space-between;align-items:center;gap:35px}.prefooter h2{font-size:24px;margin:0 0 8px}.prefooter p{font-size:13px;color:var(--muted);margin:0}.footer{background:var(--ink);color:#edf0e9;padding:48px 0 24px}.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:70px;padding-bottom:35px}.footer .brand strong{font-size:18px}.footer .brand small{color:#c0ccc8}.footer p{font-size:12px;color:#bfcbc5}.footer-nav{display:grid;grid-template-columns:repeat(3,1fr);gap:13px 25px;font-size:13px}.footer-bottom{border-top:1px solid #526069;padding-top:22px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#c1ccc9;flex-wrap:wrap}.breadcrumb{font-size:12px;color:var(--muted);padding-block:22px}.breadcrumb span{margin-inline:10px;color:#a7aaa0}.page-head{padding:32px 0 48px;border-bottom:1px solid var(--line);max-width:900px}.page-head h1{font-size:clamp(30px,4vw,48px);line-height:1.4;margin:0 0 20px;font-weight:600;letter-spacing:-.025em}.page-head p{font-size:16px;max-width:760px;color:var(--muted)}.page-content{padding-top:45px;padding-bottom:65px}.page-content>section{margin-bottom:55px;scroll-margin-top:115px}.page-content>section:last-child{margin-bottom:0}.page-content h3{font-weight:600}.page-content p,.page-content li{color:var(--muted);font-size:15px}.anchor-nav{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:35px}.anchor-nav a{font-size:13px;border:1px solid var(--line);padding:8px 18px}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 240px;gap:65px}.article-body{min-width:0}.article-body>img{border-radius:6px;margin-bottom:30px}.article-body h2{font-size:24px;margin-top:38px}.article-body p,.article-body li{font-size:16px;color:#4e5b5c;line-height:2}.article-body .intro{font-size:18px;color:var(--ink);border-left:3px solid var(--orange);padding-left:22px;margin-block:30px}.article-side{border-top:2px solid var(--ink);height:max-content;padding-top:18px}.article-side h2{font-size:18px}.article-side a{display:block;border-bottom:1px solid var(--line);padding:12px 0;font-size:13px}.article-nav{display:flex;justify-content:space-between;gap:30px;border-top:1px solid var(--line);padding-top:25px;margin-top:35px}.article-nav a{font-size:13px;max-width:47%}.article-nav small{display:block;color:var(--orange);font-size:11px}.resource-links{display:flex;gap:12px 22px;flex-wrap:wrap}.resource-links a{font-size:13px;text-decoration:underline;text-underline-offset:4px}.resources{border-top:1px solid var(--line);padding-top:30px}.resources h2{font-size:20px}.notice{padding:20px 24px;background:#e7eade;border-left:3px solid var(--green);font-size:14px;color:var(--green)}.device-section{display:grid;grid-template-columns:35% 1fr;gap:50px;align-items:start;border-top:1px solid var(--line);padding-top:30px}.device-section>img{max-height:440px;object-fit:contain}.device-section h2{font-size:27px}.device-section ul{padding-left:20px}.device-section .actions{margin-bottom:0}.table-wrap{max-width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{padding:16px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}th{color:var(--ink);font-weight:600;background:var(--sand)}td{color:var(--muted)}.checklist{padding:0;list-style:none}.checklist li{padding:12px 0;border-bottom:1px solid var(--line)}.checklist li:before{content:'□';color:var(--green);margin-right:12px}.muted{color:var(--muted)}
@media(min-width:1500px){.hero{padding-block:50px 35px}.hero-photo{padding-right:45px}}
@media(max-width:1100px){.wrap{width:calc(100% - 48px)}.header-inner{gap:18px}.nav{gap:15px}.nav a{font-size:12px}.brand strong{font-size:16px}.brand img{width:42px}.header-cta{padding:8px 11px;font-size:12px}.hero-photo{padding-right:24px}.hero-copy{padding-left:0}.hero h1{font-size:32px}.split{gap:35px}.device-pair{gap:30px}.device-block{gap:18px}.news-copy{padding-inline:25px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:35px}}
@media(max-width:860px){.header-inner{min-height:76px;flex-wrap:wrap}.menu{display:flex;margin-left:auto}.header-cta{margin-left:0}.nav{display:none;order:4;flex-basis:100%;margin:0;padding-bottom:15px;gap:5px;flex-direction:column;align-items:stretch}.nav.is-open{display:flex}.nav a{font-size:15px;padding:11px 6px}.hero{grid-template-columns:50% 50%;padding-top:30px}.hero h1{font-size:27px}.hero-copy p:not(.eyebrow){font-size:12px}.hero .btn{font-size:12px;padding:10px 13px}.hero .actions{gap:8px}.task{padding:0 14px;gap:4px}.task strong{font-size:12px}.task small{font-size:10px}.section{padding-block:50px}.steps{gap:20px}.step h3{font-size:15px}.feature .feature-copy{padding:25px}.feature h2{font-size:24px}.device-pair{gap:35px}.device-block{display:block}.device-block img{max-width:220px;margin-bottom:20px}.desktop-pair .device-block img{max-width:none}.article-layout{display:block}.article-side{margin-top:50px}.article-side a{display:inline-block;margin-right:20px}.footer-top{gap:35px}.news-copy h3{font-size:18px}.chapter{font-size:43px}}
@media(max-width:600px){html{scroll-padding-top:85px}.wrap{width:calc(100% - 36px)}.header-inner{gap:10px;min-height:70px}.brand img{width:36px;height:34px}.brand strong{font-size:15px}.brand small{font-size:8px}.header-cta{font-size:10px;padding:7px 9px}.menu{width:35px;height:35px}.hero{grid-template-columns:1fr;grid-template-areas:"copy" "photo";gap:22px;padding-top:30px;padding-bottom:24px}.hero-copy{padding:0}.hero h1{font-size:32px;line-height:1.4;max-width:360px}.hero-copy p:not(.eyebrow){font-size:13px}.hero .actions{margin-top:20px}.hero .btn{font-size:13px;padding:10px 15px}.hero-photo{padding:0}.hero-photo img{max-height:none}.caption{font-size:9px}.eyebrow{font-size:10px;margin-bottom:12px}.tasks{grid-template-columns:1fr 1fr;padding:0;margin-bottom:8px}.task{padding:16px 12px!important;min-height:94px;border-bottom:1px solid var(--line)}.task:nth-child(even){border-right:0}.task:nth-last-child(-n+2){border-bottom:0}.task strong{font-size:13px}.task small{font-size:10px}.section{padding-block:40px}.section-head{display:block;margin-bottom:25px}.section-head .text-link{display:inline-block;margin-top:15px}.section-head h2,h2{font-size:25px}.section-head p{font-size:13px}.split{grid-template-columns:1fr;gap:28px}.steps{grid-template-columns:1fr 1fr;gap:25px 22px}.step p{font-size:12px}.comparison{grid-template-columns:1fr}.comparison>div{padding:23px}.feature{display:block}.feature .feature-copy{margin:0;padding:27px}.feature h2{font-size:25px}.news-row{grid-template-columns:1fr;gap:15px;position:relative}.news-media{grid-row:2}.news-copy{display:contents}.news-copy .category{grid-row:1;margin-bottom:-10px}.news-copy h3{grid-row:1;padding-top:24px;margin:0;font-size:20px}.news-copy p{margin:0;font-size:13px}.news-copy .text-link{justify-self:start;margin-top:0}.chapter{display:none}.device-pair{grid-template-columns:1fr;gap:35px}.device-block{display:grid;grid-template-columns:32% 1fr;gap:20px}.device-block img{margin:0}.device-block h3{font-size:20px}.desktop-pair .device-block{display:block}.desktop-pair .device-block img{aspect-ratio:auto}.portal-grid{grid-template-columns:1fr;gap:28px}.portal{padding-top:18px}.portal h3{margin:10px 0;font-size:19px}.prefooter{padding:30px 0}.prefooter-inner{display:block}.prefooter h2{font-size:23px}.prefooter .btn{margin-top:20px}.footer{padding-top:35px}.footer-top{grid-template-columns:1fr;gap:25px}.footer-nav{gap:13px 15px;font-size:12px}.footer-bottom{display:block;font-size:10px}.footer-bottom span{display:block;margin-top:10px}.breadcrumb{font-size:11px;padding-block:17px}.page-head{padding:20px 0 30px}.page-head h1{font-size:30px}.page-head p{font-size:14px}.page-content{padding-top:30px;padding-bottom:40px}.page-content>section{margin-bottom:40px}.device-section{grid-template-columns:1fr;gap:25px}.device-section>img{max-height:330px}.device-section h2{font-size:24px}.article-body h2{font-size:23px}.article-body p,.article-body li{font-size:15px}.article-body .intro{font-size:16px}.article-nav{gap:20px}.article-nav a{font-size:12px}th,td{padding:10px;font-size:12px}.check-panel{padding:22px}.list-item{grid-template-columns:28px 1fr}.list-item h3{font-size:16px}summary{font-size:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:600px){.news-row>*:not(.chapter),.news-copy>*{grid-column:1}.news-media{grid-row:3}.news-copy .category{grid-row:1;margin:0}.news-copy h3{grid-row:2;padding:0}.news-copy>p:not(.reading){grid-row:4}.news-copy .reading{grid-row:5}.news-copy .text-link{grid-row:6;justify-self:start}}
@media(max-width:360px){.header-inner{gap:8px}.brand{gap:6px}.brand img{width:30px}.brand strong{font-size:13px}.brand small{font-size:7px}.header-cta{font-size:9px;padding:6px}.menu{width:32px;height:32px}.hero h1{font-size:28px}}