:root{--primary:#E85D75;--accent:#D94A63;--orange:#F2A65A;--dark:#252833;--bg:#FFF9F7;--soft:#F6F1F0;--text:#34343C;--muted:#72727D;--line:#eadfdd;--max:1180px;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;line-height:1.75}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:absolute;left:-9999px;top:8px}.skip-link:focus{left:8px;z-index:999;background:white;padding:8px 12px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,249,247,.95);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-shell{max-width:var(--max);margin:auto;min-height:72px;display:flex;align-items:center;gap:26px;padding:0 22px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:var(--dark);white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.primary-nav{display:flex;align-items:center;gap:4px;flex:1}.primary-nav a{padding:9px 11px;border-radius:12px;color:#575763;font-size:14px}.primary-nav a:hover,.primary-nav a[aria-current=page]{background:var(--soft);color:var(--accent)}.search-open,.menu-toggle{border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 13px;color:var(--dark);cursor:pointer}.menu-toggle{display:none}.entry-hero{padding:72px 22px 30px}.hero-inner{max-width:1020px;margin:auto;text-align:center}.eyebrow,.kicker{font-size:13px;font-weight:800;letter-spacing:.12em;color:var(--accent);text-transform:uppercase}.hero-inner h1,.page-intro h1{color:var(--dark);line-height:1.18;margin:10px auto 18px;font-size:clamp(36px,5vw,64px);max-width:920px}.hero-lead{max-width:820px;margin:0 auto;color:var(--muted);font-size:18px}.hero-actions{display:flex;justify-content:center;gap:12px;margin:28px 0}.button{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:14px;font-weight:700}.button.primary{background:var(--accent);color:white}.button.ghost{border:1px solid #d9cbca;background:white}.button.soft{background:var(--soft);color:var(--accent)}.hero-visual{max-width:820px;margin:34px auto 0;border-radius:30px;overflow:hidden;box-shadow:0 28px 70px rgba(60,40,45,.12)}.hero-visual img{width:100%;aspect-ratio:16/7;object-fit:cover}.quick-strip{max-width:var(--max);margin:24px auto 70px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:24px;overflow:hidden;background:white}.quick-strip a{padding:22px;border-right:1px solid var(--line)}.quick-strip a:last-child{border-right:0}.quick-strip strong,.quick-strip span{display:block}.quick-strip span{font-size:13px;color:var(--muted);margin-top:6px}.section{max-width:var(--max);margin:0 auto;padding:76px 22px}.section-heading{max-width:780px}.section-heading.narrow{max-width:650px}.section-heading h2,.reading-section h2,.path-copy h2,.wide-feature h2,.community-layout h2,.device-detail h2,.about-feature h2,.contact-feature h2{font-size:clamp(28px,3.4vw,44px);line-height:1.25;color:var(--dark);margin:8px 0 14px}.split-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.editorial-list{border-top:1px solid var(--line)}.editorial-list a{display:grid;grid-template-columns:52px 1fr;gap:16px;padding:24px 0;border-bottom:1px solid var(--line)}.editorial-list span{font-weight:900;color:var(--primary)}.editorial-list h3{margin:0 0 6px;font-size:20px}.editorial-list p{margin:0;color:var(--muted)}.device-band{background:var(--soft);padding:80px max(22px,calc((100vw - var(--max))/2))}.device-scroll{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:18px;overflow-x:auto;padding:18px 0 8px;scroll-snap-type:x mandatory}.device-scroll article{scroll-snap-align:start;background:white;border:1px solid var(--line);border-radius:20px;overflow:hidden}.device-scroll img{width:100%;aspect-ratio:16/10;object-fit:cover}.device-scroll h3,.device-scroll p{margin-left:18px;margin-right:18px}.device-scroll p{color:var(--muted);font-size:14px;padding-bottom:18px}.two-paths{display:grid;grid-template-columns:1fr .72fr 1fr;gap:34px;align-items:center}.two-paths figure{margin:0}.two-paths figure img{border-radius:30px;aspect-ratio:4/5;object-fit:cover}.path-copy p{color:var(--muted)}.text-link{color:var(--accent);font-weight:800;border-bottom:1px solid currentColor}.community-feature{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;background:linear-gradient(0deg,var(--soft),var(--soft));max-width:none;padding-left:max(22px,calc((100vw - var(--max))/2));padding-right:max(22px,calc((100vw - var(--max))/2))}.community-feature img{border-radius:24px;width:100%;aspect-ratio:16/10;object-fit:cover}.steps{padding-left:24px}.steps li{margin:12px 0}.steps.compact{max-width:800px}.info-index{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}.index-image img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}.text-links{display:grid;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.text-links a{display:grid;grid-template-columns:220px 1fr;gap:18px;background:white;padding:18px}.text-links span{color:var(--muted)}.inner-page{padding:30px 22px 80px}.content-shell{max-width:1040px;margin:auto}.narrow-content{max-width:820px}.breadcrumb ol{display:flex;list-style:none;padding:0;margin:14px 0 32px;gap:8px;font-size:13px;color:var(--muted)}.breadcrumb li+li:before{content:"/";margin-right:8px}.page-intro{padding:38px 0 44px;border-bottom:1px solid var(--line)}.page-intro h1{margin-left:0;font-size:clamp(34px,4.2vw,56px);max-width:880px}.page-intro p{max-width:760px;color:var(--muted);font-size:17px}.wide-feature,.device-detail,.community-layout,.about-feature,.contact-feature{display:grid;grid-template-columns:1fr 1fr;gap:42px;align-items:center;padding:60px 0}.wide-feature img,.device-detail img,.community-layout img,.about-feature img,.contact-feature img{width:100%;border-radius:24px;aspect-ratio:4/3;object-fit:cover}.reading-section{padding:44px 0;border-bottom:1px solid var(--line)}.reading-section h2{font-size:30px}.reading-section p{font-size:17px;color:#4e4e58}.soft-block{background:var(--soft);margin:24px -30px;padding:40px 30px;border-radius:24px;border:0}.definition-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.definition-list div{background:white;padding:18px;border:1px solid var(--line);border-radius:16px}.definition-list dt{font-weight:800;color:var(--dark)}.definition-list dd{margin:8px 0 0;color:var(--muted)}.device-detail.reverse>div{order:2}.device-detail.reverse>img{order:1}.check-list{padding-left:22px}.check-list li{margin:9px 0}.wide-note{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center;background:var(--dark);color:white;border-radius:28px;padding:24px;margin:40px 0}.wide-note img{border-radius:18px}.wide-note h2{color:white}.community-layout{grid-template-columns:.9fr 1.1fr}.mini-index{display:flex;flex-wrap:wrap;gap:10px}.mini-index a{padding:9px 12px;border-radius:12px;background:var(--soft);font-size:14px}.issue-list{display:grid;grid-template-columns:1fr 1fr;gap:16px}.issue-list article{border-top:3px solid var(--orange);background:white;padding:20px;border-radius:14px}.issue-list h3{margin-top:0}.wide-image{width:100%;border-radius:24px;aspect-ratio:16/8;object-fit:cover;margin:40px 0}.faq-list{display:grid;gap:12px;margin-top:30px}.faq-item{border:1px solid var(--line);border-radius:16px;background:white;overflow:hidden}.faq-item button{width:100%;display:flex;justify-content:space-between;gap:20px;text-align:left;background:white;border:0;padding:20px;font-weight:800;cursor:pointer}.faq-item div{padding:0 20px 20px;color:var(--muted)}.contact-feature,.about-feature{grid-template-columns:.8fr 1.2fr}.search-modal{position:fixed;inset:0;z-index:100;background:rgba(37,40,51,.55);display:grid;place-items:center;padding:20px}.search-modal[hidden]{display:none!important}.search-dialog{position:relative;width:min(620px,100%);background:var(--bg);border-radius:24px;padding:30px}.search-close{position:absolute;right:16px;top:12px;border:0;background:transparent;font-size:30px;cursor:pointer}.search-form label{display:block;font-weight:700;margin-bottom:8px}.search-form div,.search-page-form{display:flex;gap:8px}.search-form input,.search-page-form input{flex:1;border:1px solid var(--line);background:white;border-radius:12px;padding:12px}.search-form button,.search-page-form button{border:0;background:var(--accent);color:white;border-radius:12px;padding:10px 16px;font-weight:700}.search-page-form{margin:28px 0}.search-results{display:grid;gap:12px}.search-results a{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.search-results h2{font-size:20px;margin:0 0 6px}.search-results p{margin:0;color:var(--muted)}.empty-state{text-align:center;background:var(--soft);border-radius:20px;padding:28px}.empty-state img{max-width:420px;margin:0 auto 18px;border-radius:18px}.site-footer{background:var(--dark);color:#eee;margin-top:40px}.footer-main{max-width:var(--max);margin:auto;padding:54px 22px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:30px}.footer-main p{color:#bbb;max-width:420px}.footer-main h2{font-size:14px;margin:0 0 12px;color:white}.footer-main a{display:block;color:#c9c9cf;margin:8px 0;font-size:14px}.footer-bottom{border-top:1px solid #3b3e4b;max-width:var(--max);margin:auto;padding:18px 22px;display:flex;justify-content:space-between;color:#aaa;font-size:13px}.back-top{position:fixed;right:20px;bottom:20px;border:0;background:var(--accent);color:white;border-radius:999px;padding:10px 14px;box-shadow:0 10px 30px rgba(0,0,0,.2)}.not-found{min-height:65vh;display:grid;place-items:center;padding:40px 22px}.not-found>div{max-width:760px}.not-found>div>span{font-size:90px;line-height:1;font-weight:900;color:var(--primary)}.not-found h1{font-size:42px;color:var(--dark)}code{background:var(--soft);padding:2px 6px;border-radius:6px}
@media(max-width:980px){.primary-nav{position:absolute;top:72px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--line);padding:14px 22px;display:none;flex-direction:column;align-items:stretch}.primary-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.search-open{display:none}.quick-strip{grid-template-columns:1fr 1fr;margin-left:22px;margin-right:22px}.quick-strip a{border-bottom:1px solid var(--line)}.split-intro,.community-feature,.info-index,.wide-feature,.device-detail,.community-layout,.about-feature,.contact-feature{grid-template-columns:1fr}.two-paths{grid-template-columns:1fr 1fr}.two-paths figure{grid-row:1/3;grid-column:2}.device-detail.reverse>div,.device-detail.reverse>img{order:initial}.footer-main{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:700px){.entry-hero{padding-top:44px}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.quick-strip{grid-template-columns:1fr}.quick-strip a{border-right:0}.two-paths{grid-template-columns:1fr}.two-paths figure{grid-row:auto;grid-column:auto}.definition-list,.issue-list{grid-template-columns:1fr}.text-links a{grid-template-columns:1fr;gap:4px}.wide-note{grid-template-columns:1fr}.soft-block{margin-left:0;margin-right:0}.footer-main{grid-template-columns:1fr 1fr}.hero-inner h1,.page-intro h1{font-size:36px}}
@media(max-width:480px){.header-shell{padding:0 14px}.brand span{font-size:18px}.entry-hero,.section,.inner-page{padding-left:16px;padding-right:16px}.quick-strip{margin-left:16px;margin-right:16px}.device-band{padding-left:16px;padding-right:16px}.community-feature{padding-left:16px;padding-right:16px}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.page-intro{padding-top:20px}.wide-image{aspect-ratio:4/3}}
.guide-group{margin:30px 0}.guide-group h3{font-size:22px;color:var(--dark);margin:0 0 14px}.guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.guide-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:18px}.guide-grid h4{margin:0 0 8px;font-size:17px}.guide-grid p{margin:0;font-size:15px;color:var(--muted)}@media(max-width:700px){.guide-grid{grid-template-columns:1fr}}