@charset "UTF-8";
:root{--ink:#172b3c;--muted:#657889;--line:#d8e3e8;--paper:#f7faf9;--white:#fff;--navy:#173a50;--cyan:#3fa8b5;--pale:#eaf4f3;--orange:#e3a46b;--mint:#8dbbb4;--max:1240px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.75 "Noto Sans CJK SC","Microsoft YaHei",Arial,sans-serif;-webkit-font-smoothing:antialiased}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:#167b8d}button{font:inherit}p,h1,h2,h3,h4{margin-top:0}p{color:#42586a}h1,h2,h3{line-height:1.26;letter-spacing:-.035em}h1{font-size:clamp(2.25rem,5.2vw,4.8rem)}h2{font-size:clamp(2rem,3.7vw,3.45rem)}h3{font-size:clamp(1.3rem,2vw,1.85rem)}.container{width:min(calc(100% - 64px),var(--max));margin:auto}.eyebrow{display:block;color:#417b89;font-size:.76rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.muted{color:var(--muted)}.small{font-size:.88rem}.arrow{font-size:1.2em;display:inline-block;transition:transform .2s}.text-link:hover .arrow,.button:hover .arrow{transform:translateX(4px)}.text-link{font-weight:750;border-bottom:1px solid #84a5ad;padding-bottom:3px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:50px;padding:10px 18px;border:1px solid var(--navy);background:var(--navy);color:#fff;font-weight:750;font-size:.92rem;transition:.2s}.button:hover{background:#24546b;color:#fff;transform:translateY(-2px)}.button.light{background:#fff;color:var(--navy)}.button.light:hover{background:#e9f3f4}.button.outline{background:transparent;color:var(--navy)}.button.outline:hover{background:#e9f3f4}.button-row{display:flex;gap:10px;flex-wrap:wrap}.section{padding:94px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:32px}.section-head p{max-width:520px;margin-bottom:0}.section-head h2{max-width:760px;margin:10px 0 0}.line-top{border-top:1px solid var(--line)}
.site-header{background:#fff;border-bottom:1px solid var(--line);position:relative;z-index:30}.header-inner{width:min(calc(100% - 64px),var(--max));margin:auto;min-height:82px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto;color:var(--navy)}.brand img{width:39px;height:39px}.brand strong{font-size:1.02rem;line-height:1.2;letter-spacing:.02em}.brand small{display:block;font-size:.64rem;color:#67909b;font-weight:700;letter-spacing:.14em}.primary-nav{display:flex;align-items:center;gap:clamp(12px,2vw,28px);margin-left:auto}.primary-nav a{font-size:.88rem;font-weight:700;white-space:nowrap}.header-action{font-size:.83rem;min-height:41px;padding:6px 14px}.mobile-nav{display:none}.nav-toggle{display:none}
.hero{background:#edf4f2;padding:28px 0 0;overflow:hidden}.hero-sheet{background:#f9fbfa;border:1px solid #cbdcdd;box-shadow:0 32px 70px -55px #173a50;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,.7fr);position:relative}.hero-sheet:after{content:"";position:absolute;left:70%;top:0;bottom:0;width:1px;background:#d8e5e5;pointer-events:none}.hero-copy{padding:clamp(32px,5vw,72px);min-height:455px;background:linear-gradient(135deg,#fbfcfa,#eff7f5)}.hero-copy .eyebrow{margin-bottom:27px}.hero-copy h1{max-width:790px;margin-bottom:25px}.hero-copy p{font-size:1.04rem;max-width:700px;margin-bottom:11px}.hero-copy .button-row{margin-top:28px}.hero-index{padding:38px 30px 32px;display:flex;flex-direction:column;justify-content:space-between;background:#f3f8f7}.hero-index .eyebrow{margin-bottom:20px}.index-list{border-top:1px solid #b9cfd1}.index-list a{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:16px 0;border-bottom:1px solid #b9cfd1;font-size:.85rem;font-weight:800;letter-spacing:.07em}.index-list span{color:#76a4ad;font-size:.72rem}.hero-index-note{font-size:.84rem;color:#667e87;line-height:1.5}.hero-base{grid-column:1/-1;display:grid;grid-template-columns:68% 32%;border-top:1px solid #cbdcdd}.hero-photo{height:318px;overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center 52%}.hero-side{padding:34px 32px;background:#183c51;color:#e4f1ef;display:flex;flex-direction:column;justify-content:space-between}.hero-side .eyebrow{color:#85c9ca}.hero-side strong{display:block;font-size:clamp(1.4rem,2.6vw,2.5rem);line-height:1.15}.hero-side p{color:#b9d2d7;margin:10px 0 0}.hero-side .trace{display:flex;justify-content:space-between;border-top:1px solid #507383;padding-top:13px;font-size:.67rem;letter-spacing:.14em}.hero-caption{display:flex;justify-content:space-between;padding:16px 0 26px;font-size:.75rem;color:#6d858e;letter-spacing:.06em}
.routing{padding:100px 0 96px}.routing .section-head{margin-bottom:24px}.routing-table{border-top:2px solid #1b4155}.routing-table .table-head,.routing-row{display:grid;grid-template-columns:30% 25% 24% 21%;gap:12px;align-items:center}.routing-table .table-head{padding:16px 24px;color:#728692;font-size:.73rem;font-weight:800;letter-spacing:.12em}.routing-row{border-top:1px solid var(--line);padding:22px 24px;transition:background .2s}.routing-row:hover{background:#fff}.routing-row:last-child{border-bottom:1px solid var(--line)}.device-name{display:flex;gap:16px;align-items:flex-start}.device-no{color:#7cabb4;font-weight:800;font-size:.74rem;padding-top:4px}.device-name strong{display:block;font-size:1.38rem;line-height:1.3}.device-name small{display:block;color:#677e8b;margin-top:4px}.routing-cell a{font-size:.89rem;font-weight:750;border-bottom:1px solid #91b5bb}.routing-cell span{display:block;color:#728794;font-size:.76rem;margin-top:5px}.routing-callout{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:24px;padding:20px 25px;background:#e6f1f1}.routing-callout p{margin:0;font-size:.88rem}
.scenes-a{background:#e5efef;padding:88px 0 96px}.scene-grid-a{display:grid;grid-template-columns:55% 45%;gap:16px}.scene-panel{min-width:0;background:#fff}.scene-panel .photo{overflow:hidden}.scene-panel .photo img{width:100%;height:100%;object-fit:cover}.scene-panel.wide .photo{height:310px}.scene-panel.square .photo{height:310px}.scene-panel.square .photo img{object-position:center}.scene-text{padding:30px 34px 35px}.scene-text h3{margin:10px 0 12px}.scene-text p{margin-bottom:19px}.scene-tag{color:#54818b;font-size:.72rem;letter-spacing:.12em;font-weight:800}
.guide-index{padding:95px 0;background:#fff}.guide-layout{display:grid;grid-template-columns:30% 70%;gap:24px}.guide-sticky{padding:0 24px 0 0}.guide-sticky h2{margin:16px 0}.guide-sticky p{max-width:310px}.guide-records{border-top:2px solid #274d5f}.guide-record{display:grid;grid-template-columns:55px minmax(0,1fr) 118px;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding:24px 0}.guide-record b{color:#73aab3;font-size:.75rem}.guide-record h3{font-size:1.23rem;margin:0 0 6px}.guide-record p{margin:0;font-size:.88rem}.guide-record .text-link{justify-self:end;white-space:nowrap;font-size:.82rem}
.faq-home{padding:96px 0;background:#f5f8f7}.faq-layout{display:grid;grid-template-columns:31% 1fr;gap:5%}.faq-intro{padding-right:20px}.faq-intro h2{margin:13px 0 18px}.faq-pairs{display:grid;grid-template-columns:1fr 1fr;gap:0 32px}.faq-pairs .faq-column{border-top:2px solid #204356}.faq-item{padding:18px 0 19px;border-bottom:1px solid var(--line)}.faq-item h3{font-size:1rem;letter-spacing:0;margin:0 0 5px}.faq-item p{font-size:.85rem;margin:0;line-height:1.7}
.news-home{padding:100px 0 98px;background:#fff}.news-list{border-top:2px solid #1c4255}.news-row{display:grid;grid-template-columns:28% minmax(0,1fr) 13%;gap:24px;align-items:center;border-bottom:1px solid var(--line);padding:22px 0}.news-thumb{width:100%;aspect-ratio:16/9;overflow:hidden;background:#deeaec}.news-thumb img{width:100%;height:100%;object-fit:cover}.news-copy{min-width:0}.news-copy .eyebrow{font-size:.68rem}.news-copy h3{font-size:1.35rem;letter-spacing:-.015em;margin:5px 0 8px}.news-copy p{font-size:.87rem;line-height:1.6;margin:0}.news-read{justify-self:end;white-space:nowrap;font-weight:750;font-size:.84rem}.news-row:hover .news-read{color:#16808e}
.scenes-b{background:#dce9e9;padding:88px 0 96px}.scene-grid-b{display:grid;grid-template-columns:44% 56%;gap:16px}.mobile-panel{background:#173a50;display:grid;grid-template-columns:42% 58%;min-height:440px;overflow:hidden}.mobile-panel .photo{height:440px}.mobile-panel img{width:100%;height:100%;object-fit:cover}.mobile-panel .scene-text{color:#fff;align-self:center}.mobile-panel p{color:#c1d8da}.mobile-panel .scene-tag{color:#83cbd0}.switch-panel{background:#fff;display:flex;flex-direction:column;justify-content:space-between}.switch-panel .scene-text{padding:40px}.switch-visual{padding:0 40px 35px}.switch-visual img{width:100%;max-height:265px;object-fit:contain}
.android-special{padding:100px 0;background:#fff}.android-layout{display:grid;grid-template-columns:1fr 37%;gap:9%;align-items:center}.android-copy{display:grid;grid-template-columns:1fr 1fr;gap:24px}.android-copy p{margin:0}.android-layout .portrait{height:560px;overflow:hidden}.android-layout .portrait img{width:100%;height:100%;object-fit:cover}.note-strip{margin-top:27px;padding:20px 24px;background:#edf4f4;display:flex;gap:20px;align-items:center;font-size:.86rem}.note-strip strong{white-space:nowrap;color:#1a6472}
.mac-special{padding:88px 0;background:#eaf1f0}.mac-special .landscape{height:420px;overflow:hidden;margin-bottom:25px}.mac-special .landscape img{width:100%;height:100%;object-fit:cover}.mac-details{display:grid;grid-template-columns:1fr 1fr;gap:40px}.mac-details h3{font-size:1.36rem;margin-bottom:7px}.mac-details p{font-size:.9rem;margin:0}.review-strip{padding:48px 0;background:#fff}.review-inner{display:grid;grid-template-columns:1fr 1fr;gap:18px}.review-inner a{border-top:2px solid #24495c;padding:18px 0;display:flex;justify-content:space-between;gap:20px;font-weight:800}.summary{padding:85px 0;background:#f6f9f8}.summary-grid{display:grid;grid-template-columns:39% 1fr;gap:8%}.summary-grid h2{margin:10px 0}.summary-rows{border-top:2px solid #244b5e}.summary-rows p{border-bottom:1px solid var(--line);padding:14px 0;margin:0}.prefooter{background:#173b50;color:#fff;padding:72px 0}.prefooter-inner{display:flex;justify-content:space-between;gap:30px;align-items:end}.prefooter h2{max-width:720px;margin:9px 0 0}.prefooter p{color:#bfd8dc;max-width:580px;margin:16px 0 0}.prefooter .button{flex:0 0 auto}
.site-footer{background:#102f42;color:#d9e6e6;padding:50px 0 24px}.footer-top{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:40px;padding-bottom:45px}.footer-top h3{font-size:1rem;letter-spacing:0;color:#fff;margin-bottom:15px}.footer-top p{color:#bdd0d4;font-size:.83rem;max-width:340px}.footer-links{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;font-size:.86rem}.footer-links a{color:#c9dce0}.footer-links a:hover{color:#fff}.footer-bottom{border-top:1px solid #37556a;padding-top:23px;display:flex;flex-wrap:wrap;gap:8px 25px;align-items:center;font-size:.75rem;color:#adc4cb}.footer-bottom a{color:#cbdfe0}
.page-hero{padding:76px 0 70px;background:#e9f2f1;border-bottom:1px solid var(--line)}.page-hero .eyebrow{margin-bottom:16px}.page-hero h1{max-width:950px;margin-bottom:15px;font-size:clamp(2.4rem,4.3vw,4rem)}.page-hero p{max-width:750px;margin:0}.breadcrumbs{font-size:.77rem;color:#6a838c;margin-bottom:26px}.breadcrumbs a{border-bottom:1px solid #aec8ca}.content-section{padding:65px 0}.content-narrow{max-width:850px;margin:auto}.content-narrow h2{font-size:1.85rem;margin:42px 0 15px}.content-narrow h3{font-size:1.22rem;margin:26px 0 10px}.content-narrow p,.content-narrow li{font-size:.98rem;line-height:1.9}.content-narrow ul,.content-narrow ol{padding-left:1.4em}.inline-links{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.inline-links a{border-bottom:1px solid #80a5ab;font-weight:700}.platform-tabs{display:flex;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line);padding:22px 0 28px}.platform-tabs a{padding:8px 14px;border:1px solid #bcd2d4;font-weight:800;font-size:.82rem;letter-spacing:.04em}.platform-tabs a:hover{background:#e6f1f0}.platform-section{display:grid;grid-template-columns:30% 1fr;gap:6%;padding:75px 0;border-bottom:1px solid var(--line);scroll-margin-top:18px}.platform-section h2{margin:9px 0}.platform-section .intro{font-size:.92rem}.platform-detail{display:grid;grid-template-columns:1fr 1fr;gap:10px 36px}.platform-detail h3{font-size:1.04rem;margin:0 0 4px}.platform-detail p{font-size:.88rem;margin:0 0 18px}.platform-detail .button-row{grid-column:1/-1}.resources{padding:55px 0 75px}.resources h2{font-size:1.7rem}.resource-links{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:22px}.resource-links a{border:1px solid #cbdcdf;padding:12px 14px;font-size:.86rem;background:#fff}.article-list{border-top:2px solid var(--navy);margin-top:25px}.article-list a{display:grid;grid-template-columns:150px 1fr 22px;gap:23px;align-items:center;border-bottom:1px solid var(--line);padding:18px 0}.article-list img{width:150px;aspect-ratio:16/9;object-fit:cover}.article-list strong{font-size:1.12rem}.article-list span{display:block;font-size:.84rem;color:var(--muted);margin-top:5px}.article-hero{padding:55px 0 45px;background:#eaf2f1}.article-hero h1{font-size:clamp(2rem,4vw,3.6rem);max-width:930px;margin:12px 0 15px}.article-hero p{max-width:750px;margin:0}.article-cover{width:100%;aspect-ratio:16/9;object-fit:cover;margin:45px 0 35px}.article-body{max-width:850px;margin:auto}.article-body h2{font-size:1.75rem;margin:38px 0 14px}.article-body h3{font-size:1.2rem;margin:25px 0 8px}.article-body p,.article-body li{line-height:1.95}.article-body ul{padding-left:1.3em}.article-nav{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:55px 0 35px}.article-nav a{border-top:2px solid #224a5e;padding:16px 0;font-weight:750}.article-nav small{display:block;color:var(--muted);font-size:.73rem}.related-list{padding:24px;background:#eaf2f1}.related-list h2{font-size:1.2rem;margin:0 0 13px}.related-list a{display:block;padding:8px 0;border-top:1px solid #c8d8d8;font-size:.88rem}.faq-full{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.faq-full .faq-item{padding:24px 0}.faq-full h2{font-size:1.2rem;margin-bottom:7px}.legal-list{padding-left:1.3em}
@media(max-width:1000px){.primary-nav,.header-action{display:none}.mobile-nav{display:block;margin-left:auto}.nav-toggle{display:block;padding:8px 14px;border:1px solid #c9dadd;font-weight:750;font-size:.84rem}.mobile-nav[open] .mobile-links{display:grid}.mobile-links{position:absolute;left:0;right:0;top:100%;background:#fff;padding:10px 32px 24px;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #173a5014}.mobile-links a{padding:9px 0;border-bottom:1px solid var(--line);font-weight:700}.hero-sheet{grid-template-columns:1fr 260px}.hero-copy{min-height:0}.hero-sheet:after{left:auto;right:260px}.hero-copy h1{font-size:clamp(2.3rem,5vw,4rem)}.hero-photo{height:270px}.news-row{grid-template-columns:28% 1fr 100px}.mobile-panel{grid-template-columns:45% 55%}.resource-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){body{font-size:15px}.container,.header-inner{width:min(calc(100% - 34px),var(--max))}.header-inner{min-height:68px}.brand img{width:34px;height:34px}.brand strong{font-size:.9rem}.section{padding:65px 0}.section-head{display:block}.section-head h2{margin-bottom:12px}.hero{padding-top:14px}.hero-sheet{display:flex;flex-direction:column}.hero-sheet:after{display:none}.hero-copy{padding:30px 24px 36px}.hero-copy .eyebrow{margin-bottom:18px}.hero-copy h1{font-size:clamp(2.2rem,8vw,3.4rem)}.hero-copy p{font-size:.95rem}.hero-index{padding:26px 24px}.hero-index .eyebrow{display:none}.index-list{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.index-list a{padding:12px 0;font-size:.72rem}.hero-index-note{margin:15px 0 0}.hero-base{display:block}.hero-photo{height:auto;aspect-ratio:16/9}.hero-side{min-height:210px;padding:25px}.hero-caption{font-size:.62rem}.routing{padding:65px 0}.routing-table .table-head{display:none}.routing-row{display:grid;grid-template-columns:1fr 1fr;gap:18px 10px;padding:22px 0}.device-name{grid-column:1/-1}.device-name strong{font-size:1.25rem}.routing-cell{font-size:.8rem}.routing-cell:last-child{grid-column:1/-1}.routing-callout{display:block;padding:17px}.routing-callout a{display:inline-block;margin-top:8px}.scenes-a,.scenes-b{padding:65px 0}.scene-grid-a,.scene-grid-b{display:block}.scene-panel{margin-bottom:14px}.scene-panel.wide .photo,.scene-panel.square .photo{height:auto}.scene-panel .photo img{height:auto}.scene-text{padding:24px}.guide-index,.faq-home,.news-home,.android-special{padding:65px 0}.guide-layout,.faq-layout{display:block}.guide-sticky{padding:0 0 20px}.guide-record{grid-template-columns:28px 1fr;gap:9px}.guide-record .text-link{grid-column:2;justify-self:start}.faq-intro{padding:0 0 20px}.faq-pairs,.faq-full{display:block}.news-row{grid-template-columns:108px 1fr;gap:12px;padding:17px 0}.news-copy h3{font-size:1rem}.news-copy p{display:none}.news-read{grid-column:2;justify-self:start}.mobile-panel{grid-template-columns:42% 58%;min-height:0}.mobile-panel .photo{height:290px}.mobile-panel .scene-text{padding:17px}.mobile-panel .scene-text h3{font-size:1.2rem}.mobile-panel .scene-text p{font-size:.78rem}.switch-panel .scene-text{padding:25px}.switch-visual{padding:0 25px 25px}.android-layout{display:flex;flex-direction:column-reverse;gap:24px}.android-layout .portrait{height:auto;width:min(65%,330px);align-self:center}.android-copy{display:block}.android-copy p{margin-bottom:14px}.note-strip{display:block}.note-strip strong{display:block}.mac-special{padding:65px 0}.mac-special .landscape{height:auto}.mac-details{display:block}.mac-details>div{margin:0 0 22px}.review-inner,.summary-grid{display:block}.review-inner a{margin-bottom:12px}.summary{padding:65px 0}.prefooter{padding:60px 0}.prefooter-inner{display:block}.prefooter .button{margin-top:25px}.footer-top{display:block}.footer-top>div{margin-bottom:27px}.page-hero{padding:45px 0}.platform-tabs{gap:7px}.platform-tabs a{font-size:.7rem}.platform-section{display:block;padding:55px 0}.platform-detail{display:block}.resource-links{grid-template-columns:1fr 1fr}.article-list a{grid-template-columns:95px 1fr 15px;gap:12px}.article-list img{width:95px}.article-list strong{font-size:.92rem}.article-list span{font-size:.75rem}.article-nav{display:block}.article-nav a{display:block;margin-bottom:15px}.article-hero{padding:40px 0}.article-cover{margin:25px 0}.content-section{padding:45px 0}}
@media(max-width:410px){.resource-links{grid-template-columns:1fr}.news-row{grid-template-columns:92px 1fr}.mobile-panel{display:block}.mobile-panel .photo{height:250px}.mobile-panel .scene-text{padding:24px}.hero-caption span:last-child{display:none}}