:root{--primary:#E85D75;--primary-dark:#D94A63;--accent:#F2A65A;--ink:#252833;--text:#34343C;--muted:#72727D;--bg:#FFF9F7;--soft:#F6F1F0;--line:#eadfdd;--white:#fff;--radius:20px;--shadow:0 18px 45px rgba(37,40,51,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;line-height:1.75}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}a:hover{color:var(--primary-dark)}button,input,textarea,select{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.narrow{width:min(820px,calc(100% - 40px))}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,249,247,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.header-inner{min-height:72px;display:flex;align-items:center;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;color:var(--ink);font-size:1.12rem;white-space:nowrap}.brand img{width:34px;height:34px;object-fit:contain}.main-nav{display:flex;gap:4px;align-items:center;margin-left:auto}.main-nav a{padding:9px 11px;border-radius:10px;font-size:.95rem}.main-nav a:hover{background:var(--soft)}.search-open,.menu-toggle{border:1px solid var(--line);background:var(--white);border-radius:12px;padding:9px 14px;cursor:pointer}.menu-toggle{display:none}.brand-entry{padding:72px 0 34px;background:linear-gradient(180deg,#fff4f2 0%,var(--bg) 100%)}.brand-entry-inner{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.brand-copy{max-width:760px}.eyebrow{display:inline-block;color:var(--primary-dark);font-weight:800;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.brand-copy h1,.page-main h1{color:var(--ink);font-size:clamp(2.2rem,5vw,4.8rem);line-height:1.08;letter-spacing:-.04em;margin:.15em 0 .35em}.page-main h1{font-size:clamp(2rem,4vw,3.5rem)}.brand-copy p,.lead{font-size:1.12rem;color:var(--muted);max-width:760px}.brand-visual img{border-radius:32px;aspect-ratio:4/3;object-fit:cover;box-shadow:var(--shadow)}.quick-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:20px;overflow:hidden;margin-top:46px}.quick-strip a{background:var(--white);padding:24px}.quick-strip strong{display:block;color:var(--ink);margin-bottom:6px}.quick-strip span{display:block;color:var(--muted);font-size:.92rem}.section{padding-top:78px;padding-bottom:78px}.split-intro{display:grid;grid-template-columns:1.4fr .6fr;gap:70px;align-items:start}.section h2,.page-main h2{font-size:clamp(1.5rem,3vw,2.3rem);line-height:1.25;color:var(--ink);margin:.2em 0 .55em}.page-main section{margin-top:48px}.page-main h3{color:var(--ink)}.note-card{background:var(--soft);border:1px solid var(--line);padding:26px 30px;border-radius:var(--radius)}.note-card ol{padding-left:22px;margin:0}.text-link{font-weight:750;color:var(--primary-dark)}.device-band{background:var(--ink);color:#f8f4f3;padding:70px 0}.device-band h2{color:#fff}.section-heading{margin-bottom:30px}.device-scroll{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.device-item{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.04)}.device-item img{width:150px;height:110px;object-fit:cover;border-radius:12px}.device-item h3{margin:0 0 8px;color:#fff}.device-item p{margin:0 0 10px;color:#d9d8dc}.device-item a{color:#ffd5dc;font-weight:700}.two-column-feature{display:grid;grid-template-columns:1fr 1fr;gap:60px}.two-column-feature article{padding:30px 0}.two-column-feature figure{margin:24px 0}.two-column-feature img{border-radius:20px;aspect-ratio:16/10;object-fit:cover}.check-list{padding:0;list-style:none}.check-list li{padding:9px 0 9px 30px;position:relative;border-bottom:1px solid var(--line)}.check-list li:before{content:'✓';position:absolute;left:0;color:var(--primary-dark);font-weight:800}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--primary-dark);color:#fff!important;border:0;border-radius:12px;padding:11px 18px;font-weight:750;cursor:pointer}.button.secondary{background:var(--ink)}.soft-section,.device-alt{background:var(--soft);padding:70px 0}.community-focus{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.community-focus img{border-radius:26px;aspect-ratio:16/10;object-fit:cover}.faq-preview,.faq-full{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:0}summary{cursor:pointer;list-style:none;padding:20px 6px;font-weight:760;color:var(--ink)}details p{padding:0 6px 20px;margin:0;color:var(--muted)}.editorial-list article{display:grid;grid-template-columns:56px 1fr;gap:22px;border-top:1px solid var(--line);padding:22px 0}.editorial-list article>span{font-size:1.6rem;font-weight:800;color:var(--primary)}.editorial-list h3{margin:0}.editorial-list p{margin:6px 0 0;color:var(--muted)}.page-main{padding-top:42px;padding-bottom:90px}.breadcrumbs ol{display:flex;gap:8px;list-style:none;padding:0;margin:0 0 32px;color:var(--muted);font-size:.9rem;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:' / ';margin-left:8px}.wide-image{width:100%;border-radius:24px;aspect-ratio:16/8;object-fit:cover;margin:34px 0}.info-pairs,.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-pairs>div,.mini-grid>div{border:1px solid var(--line);border-radius:16px;padding:20px;background:#fff}.link-list{list-style:none;padding:0}.link-list li{border-top:1px solid var(--line);padding:18px 0;display:grid;grid-template-columns:230px 1fr;gap:20px}.link-list a{font-weight:760;color:var(--ink)}.link-list span{color:var(--muted)}.device-detail{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center}.device-detail.reverse{grid-template-columns:1.2fr .8fr}.device-detail img{border-radius:24px;aspect-ratio:4/3;object-fit:cover}.steps{counter-reset:step;list-style:none;padding:0}.steps li{padding:14px 0;border-bottom:1px solid var(--line)}.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:14px;overflow:hidden}.compare th,.compare td{padding:14px;border-bottom:1px solid var(--line);text-align:left}.compare th{background:var(--soft);color:var(--ink)}.number-list>div{display:grid;grid-template-columns:56px 1fr;gap:18px;border-top:1px solid var(--line);padding:18px 0}.number-list span{color:var(--primary-dark);font-weight:900;font-size:1.3rem}.callout,.related-box,.notice-block{background:var(--soft);border:1px solid var(--line);border-radius:18px;padding:24px}.guide-index,.article-index{margin-top:40px;display:grid;gap:18px}.guide-index article,.article-index article{display:grid;grid-template-columns:260px 1fr;gap:28px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fff}.guide-index img,.article-index img{width:260px;height:180px;object-fit:cover;border-radius:14px}.guide-index h2,.article-index h2{margin-top:0}.related-box{display:grid;gap:8px;margin-top:50px}.faq-full details{background:#fff}.inline-search,.search-row{display:flex;gap:10px}.inline-search input,.search-row input,.contact-form input,.contact-form textarea,.contact-form select{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:12px 14px;color:var(--text)}.search-results article{padding:20px 0;border-top:1px solid var(--line)}.search-results span{font-size:.82rem;color:var(--primary-dark);font-weight:800}.search-results h2{font-size:1.25rem}.result-count{color:var(--muted)}.contact-form{display:grid;gap:18px;margin-top:34px}.contact-form label{display:grid;gap:8px;font-weight:700}.search-modal[hidden]{display:none!important}.search-modal{position:fixed;inset:0;background:rgba(37,40,51,.58);z-index:100;display:grid;place-items:start center;padding-top:10vh}.search-panel{position:relative;width:min(680px,calc(100% - 32px));background:var(--bg);border-radius:24px;padding:34px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.search-close{position:absolute;right:18px;top:16px;border:0;background:transparent;font-size:2rem;cursor:pointer}.site-footer{background:var(--ink);color:#d8d6d9;padding:60px 0 24px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:44px}.footer-grid h2{font-size:1rem;color:#fff}.footer-grid a{display:block;margin:8px 0}.footer-brand{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:40px;padding-top:20px;display:flex;justify-content:space-between}.back-top{position:fixed;right:20px;bottom:20px;width:44px;height:44px;border-radius:50%;border:0;background:var(--primary-dark);color:#fff;font-weight:900;cursor:pointer;opacity:0;pointer-events:none;transition:.2s}.back-top.visible{opacity:1;pointer-events:auto}@media(max-width:1024px){.main-nav{display:none;position:absolute;left:20px;right:20px;top:64px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px;box-shadow:var(--shadow);flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.menu-toggle{display:block;margin-left:auto}.brand-entry-inner,.split-intro,.two-column-feature,.community-focus,.device-detail,.device-detail.reverse{grid-template-columns:1fr}.quick-strip{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.device-item{grid-template-columns:120px 1fr}.device-item img{width:120px}}
@media(max-width:768px){.container,.narrow{width:min(100% - 28px,1180px)}.brand-entry{padding-top:48px}.brand-entry-inner{gap:28px}.brand-visual{order:-1}.brand-visual img{aspect-ratio:16/8}.quick-strip{grid-template-columns:1fr}.device-scroll{grid-template-columns:1fr}.guide-index article,.article-index article{grid-template-columns:1fr}.guide-index img,.article-index img{width:100%;height:auto;aspect-ratio:16/8}.info-pairs,.mini-grid{grid-template-columns:1fr}.link-list li{grid-template-columns:1fr;gap:5px}.footer-grid{grid-template-columns:1fr 1fr}.inline-search,.search-row{flex-direction:column}.header-inner{gap:10px}.search-open{padding:8px 10px}.page-main{padding-top:28px}.wide-image{aspect-ratio:16/9}}
@media(max-width:600px){.brand-copy h1{font-size:2.35rem}.quick-strip{margin-top:28px}.section{padding-top:54px;padding-bottom:54px}.device-item{grid-template-columns:1fr}.device-item img{width:100%;height:auto;aspect-ratio:16/8}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.brand span{font-size:1rem}.menu-toggle{padding:8px 10px}.search-panel{padding:28px 20px}.compare{font-size:.9rem}}
