:root{--ink:#243b49;--muted:#586e76;--cream:#fffcf5;--blue:#e9f4f6;--mint:#eaf5ee;--orange:#f4a344;--line:#dce5e4;--white:#fff;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Microsoft YaHei","PingFang SC",system-ui,sans-serif;font-size:16px;line-height:1.85}a{color:inherit;text-decoration:none}a:hover{color:#9d510b}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #157688;outline-offset:5px}img{display:block;width:100%;max-width:100%;height:auto}button{font:inherit;color:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.4;letter-spacing:-.035em}h1{font-size:clamp(32px,3.4vw,48px);margin-bottom:22px}h2{font-size:clamp(26px,2.7vw,36px);margin-bottom:18px}h3{font-size:21px;margin-bottom:13px}p{margin-bottom:18px}ul,ol{padding-left:1.4em}.wrap{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.skip{position:absolute;top:-100px;left:20px;z-index:100;background:var(--white);padding:12px}.skip:focus{top:12px}.site-header{background:rgba(255,252,245,.98);border-bottom:1px solid var(--line);position:relative;z-index:20}.header-inner{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand img{width:175px;height:auto}.main-nav{display:flex;align-items:center;gap:25px;font-size:14px;font-weight:600}.main-nav a{padding:28px 0 24px;position:relative;white-space:nowrap}.main-nav a[aria-current="page"]{color:#9d510b}.main-nav a[aria-current="page"]:after{content:"";position:absolute;bottom:15px;left:0;right:0;height:3px;background:var(--orange);border-radius:3px}.header-action{font-size:13px;border:1px solid #a8bfc2;border-radius:8px;padding:8px 15px;white-space:nowrap}.menu-toggle{display:none;border:1px solid #a8bfc2;border-radius:6px;background:none;padding:7px 12px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#426b72;display:flex;align-items:center;gap:10px;margin-bottom:18px}.eyebrow:before{content:"";width:24px;height:2px;background:var(--orange)}.hero{padding:46px 0 26px;background:linear-gradient(110deg,#fffaf0 30%,#eaf5f6)}.hero-grid{display:grid;grid-template-columns:49fr 51fr;align-items:center;gap:28px}.hero-copy{padding:5px 0}.hero-copy p{color:var(--muted);font-size:15px;margin-bottom:12px}.hero h1 .accent{color:#b56713}.hero-visual{margin:0}.hero-visual img{border-radius:30px 88px 30px 30px;max-height:420px;object-fit:contain}.hero-visual figcaption{text-align:right;font-size:11px;color:var(--muted);margin-top:8px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 16px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:8px;padding:11px 22px;font-size:14px;font-weight:700;line-height:1.6;border:1px solid #b1c5c7;background:transparent}.button.primary{background:var(--orange);border-color:var(--orange);color:#2e332f}.button:hover{background:#ffb956;color:#243b49}.arrow{font-size:20px;line-height:1}.fine{font-size:12px;color:var(--muted)}.start-paths{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cddfe0;margin-top:30px;padding-top:22px;gap:28px}.start-paths a{display:grid;grid-template-columns:30px 1fr;gap:12px;font-size:13px}.start-paths a+a{border-left:1px solid #cddfe0;padding-left:28px}.start-paths strong{display:block;font-size:15px}.start-paths span{color:var(--muted)}.icon{width:24px;height:24px;flex:none}.section{padding:76px 0}.section.blue{background:var(--blue)}.section.mint{background:var(--mint)}.section.white{background:#fff}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:32px}.section-head p{max-width:560px;color:var(--muted);margin-bottom:0}.section-head h2{margin-bottom:0}.text-link{font-size:14px;font-weight:600;display:inline-block;border-bottom:1px solid #aebfc0;padding-bottom:3px}.text-link:after{content:" ↗";color:#ab641c}.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px}.split.wide-copy{grid-template-columns:1.15fr 1fr}.media{margin:0}.media img{border-radius:16px}.media figcaption{color:var(--muted);font-size:12px;margin-top:9px}.steps{counter-reset:step;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.step{padding-top:24px;border-top:1px solid #b9cccf;position:relative}.step:before{counter-increment:step;content:"0" counter(step);color:#a75b10;font-size:14px;font-weight:700;display:block;margin-bottom:17px}.step p{color:var(--muted);font-size:14px}.task-table{width:100%;border-collapse:collapse}.task-table th{text-align:left;background:#e2eef0;font-size:13px;color:#45616b;padding:14px 20px}.task-table td{padding:22px 20px;border-bottom:1px solid #cfdddf;font-size:14px;vertical-align:top}.task-table td:first-child{font-weight:700;width:19%}.task-table td:last-child{width:33%}.table-scroll{max-width:100%}.concepts{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin:28px 0}.concept{border-top:2px solid #bcd5d9;padding-top:20px}.concept .icon{margin-bottom:15px}.concept p{font-size:14px;color:var(--muted)}.small-label{font-size:12px;color:#946025;font-weight:700;letter-spacing:.08em;display:block;margin-bottom:9px}.quote-line{border-left:3px solid var(--orange);padding:10px 0 10px 22px;font-size:17px;margin:25px 0}.check-list{list-style:none;padding:0;margin:20px 0}.check-list li{padding:13px 0 13px 28px;border-bottom:1px solid var(--line);position:relative;font-size:14px}.check-list li:before{content:"✓";position:absolute;left:0;color:#487d69}.device-pair{display:grid;grid-template-columns:repeat(2,1fr);gap:38px}.device-block{display:grid;grid-template-columns:170px 1fr;gap:25px;align-items:start}.device-block img{border-radius:12px}.device-block p{font-size:14px;color:var(--muted)}.news-group{padding:30px 0 36px;border-top:1px solid #c9d8da}.group-heading{display:flex;gap:18px;align-items:center;margin-bottom:24px}.group-number{font-size:13px;color:#9b550e;background:#ffe6bb;padding:4px 10px;border-radius:4px}.group-heading h3{margin:0;font-size:19px}.group-heading p{font-size:13px;color:var(--muted);margin:0}.news-grid{display:grid;grid-template-columns:1fr 1fr;gap:38px}.news-item{display:flex;flex-direction:column;align-items:start}.news-item h3{font-size:21px;min-height:60px;margin-bottom:12px}.news-item .summary{font-size:14px;color:var(--muted);min-height:52px}.news-media{width:100%;aspect-ratio:3 / 2;overflow:hidden;border-radius:12px;margin:0 0 15px}.news-media img{display:block;width:100%;height:100%;object-fit:cover}.news-item .tip{font-size:12px;color:#4d6d71;margin-bottom:12px}.news-item .text-link{margin-top:auto}.inline-note{padding:20px 24px;border-left:3px solid #70a7ad;background:#f0f7f6;font-size:14px;margin:24px 0}.faq{border-top:1px solid #c4d5d7}.faq details{border-bottom:1px solid #c4d5d7;padding:0}.faq summary{font-size:17px;font-weight:600;padding:21px 32px 21px 0;cursor:pointer;position:relative;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";position:absolute;right:4px;color:#a65f13;font-size:23px}.faq details[open] summary:after{content:"−"}.faq details>div{padding-bottom:23px;color:var(--muted);font-size:14px;max-width:950px}.faq details p:last-child{margin-bottom:0}.guide-links{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.guide-links a{padding:24px 18px;font-size:14px}.guide-links a+a{border-left:1px solid var(--line)}.guide-links small{display:block;color:var(--muted);font-size:12px}.prefooter{background:#dceef0;padding:42px 0}.prefooter .wrap{display:flex;align-items:center;justify-content:space-between;gap:30px}.prefooter h2{font-size:26px;margin-bottom:6px}.prefooter p{font-size:14px;color:var(--muted);margin:0}.site-footer{padding:46px 0 20px;background:#243b49;color:#dbe7e9;font-size:13px}.footer-top{display:grid;grid-template-columns:1.3fr 2fr;gap:70px;padding-bottom:32px}.footer-brand img{background:#fffaf1;width:175px;border-radius:8px;padding:5px}.footer-brand p{margin:17px 0 0;max-width:350px;color:#c1d1d5}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 24px}.site-footer a:hover{color:#ffc774}.footer-bottom{border-top:1px solid #506571;padding-top:20px;display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:11px}.footer-bottom p{margin-bottom:3px}.breadcrumb{font-size:12px;color:var(--muted);padding:24px 0}.breadcrumb span{padding:0 10px;color:#8ba4ab}.page-intro{padding:26px 0 46px;background:var(--blue)}.page-intro p{max-width:790px;color:var(--muted);margin-bottom:0}.page-intro h1{font-size:clamp(30px,3.3vw,44px);max-width:1000px}.page-layout{display:grid;grid-template-columns:230px minmax(0,1fr);gap:56px;padding-top:50px;padding-bottom:70px}.side-nav{align-self:start;border-top:2px solid #8fb7bd;padding-top:15px}.side-nav strong{font-size:14px;display:block;margin-bottom:10px}.side-nav a{display:block;font-size:13px;padding:9px 0;border-bottom:1px solid var(--line);color:var(--muted)}.content-section{padding-bottom:37px;margin-bottom:37px;border-bottom:1px solid var(--line);scroll-margin-top:25px}.content-section:last-child{border-bottom:0;margin-bottom:0}.content-section h2{font-size:28px}.content-section h3{font-size:19px}.content-section p,.content-section li{font-size:15px;color:#4f666f}.content-section .media{margin:25px 0}.content-section .media img{max-height:none}.jump-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.jump-links a{border:1px solid #b6cdd0;padding:5px 15px;border-radius:5px;font-size:13px}.platform-detail{display:grid;grid-template-columns:220px 1fr;gap:35px;align-items:start}.platform-detail .media{margin:0}.platform-detail h3{margin-top:20px}.platform-detail .media img{border-radius:12px}.resource-links{display:flex;flex-wrap:wrap;gap:12px 25px;margin-top:20px}.resource-links a{font-size:14px;border-bottom:1px solid #b5c5c9}.article-layout{display:grid;grid-template-columns:minmax(0,820px) 250px;gap:65px;padding-top:45px;padding-bottom:70px;justify-content:center}.article-body{font-size:16px}.article-body h2{font-size:27px;margin-top:38px}.article-body p{color:#4b626d}.article-body .lead{font-size:18px;color:var(--ink);border-left:3px solid var(--orange);padding-left:22px}.article-body .news-media{margin:30px 0}.article-aside{align-self:start;border-top:2px solid #9dbfc4;padding-top:20px;font-size:13px}.article-aside a{display:block;border-bottom:1px solid var(--line);padding:13px 0}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid var(--line);margin-top:35px;padding-top:24px}.article-pager a{font-size:13px}.article-pager small{display:block;color:var(--muted)}.index-news{padding:50px 0}.index-news .news-grid{row-gap:45px}.muted{color:var(--muted)}.desktop-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px}.desktop-pair img{border-radius:12px;margin-bottom:25px}.desktop-pair p{font-size:14px;color:var(--muted)}
@media(min-width:1500px){.hero{padding-top:58px;padding-bottom:32px}.hero-grid{gap:45px}.hero-visual img{max-height:420px}.hero-copy{padding-right:20px}}
@media(max-width:1080px){.main-nav{gap:16px;font-size:13px}.header-action{display:none}.hero h1{font-size:36px}.hero-grid{gap:24px}.split{gap:35px}.device-block{grid-template-columns:120px 1fr;gap:18px}.page-layout{grid-template-columns:190px 1fr;gap:32px}.article-layout{grid-template-columns:minmax(0,1fr) 210px;gap:35px}.section{padding:60px 0}}
@media(max-width:780px){.wrap{width:calc(100% - 36px)}.header-inner{min-height:72px}.brand img{width:155px}.menu-toggle{display:block}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--cream);border-bottom:1px solid var(--line);padding:14px 20px;flex-direction:column;align-items:stretch;gap:0}.main-nav.is-open{display:flex}.main-nav a{padding:12px 5px}.main-nav a[aria-current="page"]:after{left:5px;right:auto;width:30px;bottom:7px}.hero{padding-top:30px}.hero-grid{grid-template-columns:1fr;gap:18px}.hero h1{font-size:34px;max-width:570px}.hero-copy p{font-size:14px}.hero-visual{max-width:580px;width:100%;margin-inline:auto}.hero-visual img{max-height:none;border-radius:20px 55px 20px 20px}.start-paths{grid-template-columns:1fr;gap:16px;margin-top:22px}.start-paths a+a{border-left:0;border-top:1px solid #cddfe0;padding:16px 0 0}.section{padding:46px 0}.section-head{display:block;margin-bottom:25px}.section-head h2{margin-bottom:12px}.section-head .text-link{margin-top:16px}.split,.split.wide-copy{grid-template-columns:1fr;gap:25px}.steps{grid-template-columns:1fr;gap:18px}.step{padding-top:14px}.step:before{margin-bottom:7px}.concepts{grid-template-columns:1fr 1fr;gap:20px}.device-pair{grid-template-columns:1fr;gap:30px}.device-block{grid-template-columns:125px 1fr}.news-grid{grid-template-columns:1fr;gap:32px}.news-item h3,.news-item .summary{min-height:0}.group-heading{align-items:start}.desktop-pair{grid-template-columns:1fr;gap:30px}.guide-links{grid-template-columns:1fr}.guide-links a{padding:17px 0}.guide-links a+a{border-left:0;border-top:1px solid var(--line)}.prefooter .wrap{display:block}.prefooter .button{margin-top:22px}.footer-top{grid-template-columns:1fr;gap:30px}.footer-links{gap:12px 18px}.footer-bottom{display:block;font-size:10px}.footer-bottom>div{margin-top:10px}.page-layout{grid-template-columns:1fr;padding-top:30px;gap:30px}.side-nav{display:flex;flex-wrap:wrap;gap:8px 18px}.side-nav strong{width:100%;margin:0}.side-nav a{padding:4px 0}.platform-detail{grid-template-columns:1fr;gap:20px}.platform-detail .media{max-width:360px}.article-layout{grid-template-columns:1fr;gap:30px;padding-top:30px}.article-aside{padding-bottom:10px}.article-pager{gap:15px}.task-table th,.task-table td{padding:13px 10px;font-size:12px}.task-table td:first-child{width:22%}.task-table td:last-child{width:35%}.page-intro{padding:12px 0 30px}.page-intro h1{font-size:30px}.breadcrumb{font-size:11px;padding:19px 0}.group-heading p{margin-top:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
