:root{--rose:#D96C8A;--peach:#F2B6A0;--ink:#2F2730;--bg:#FFF9F6;--soft:#F8ECE8;--text:#342F33;--muted:#786E73;--accent:#C94F72;--white:#fff;--radius:24px;--shadow:0 18px 50px rgba(89,52,65,.10);--shell:min(1180px,calc(100% - 40px));}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.72}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}button,input,textarea{font:inherit}.shell{width:var(--shell);margin-inline:auto}.skip-link{position:fixed;left:16px;top:12px;z-index:999;padding:10px 14px;background:var(--ink);color:#fff;border-radius:10px;transform:translateY(-160%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,249,246,.93);backdrop-filter:blur(16px);border-bottom:1px solid rgba(47,39,48,.08)}.header-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;color:var(--ink);font-size:20px}.brand img{width:42px;height:42px;object-fit:contain;border-radius:14px}.primary-nav{display:flex;gap:8px;align-items:center}.primary-nav a{padding:9px 13px;border-radius:999px;color:var(--muted);font-weight:650}.primary-nav a[aria-current=page],.primary-nav a:hover{background:var(--soft);color:var(--ink)}.menu-toggle{display:none;border:1px solid rgba(47,39,48,.14);background:#fff;border-radius:12px;padding:8px 12px}.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:72px 0 44px}.hero-copy h1,.page-intro h1,.detail-hero h1{font-size:clamp(38px,5vw,68px);line-height:1.08;margin:.15em 0 .35em;color:var(--ink);letter-spacing:-.03em}.lead{font-size:clamp(18px,2.2vw,22px);color:var(--muted);max-width:760px}.hero-media img,.detail-hero img,.media-panel img,.device-strip img,.contact-panel img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:32px;box-shadow:var(--shadow);background:var(--soft)}.eyebrow{margin:0 0 8px;color:var(--accent);font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-weight:800}.button-row{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:999px;background:var(--accent);color:#fff!important;font-weight:800;box-shadow:0 12px 30px rgba(201,79,114,.22)}.button:hover{transform:translateY(-1px)}.button-ghost{background:transparent;color:var(--ink)!important;border:1px solid rgba(47,39,48,.18);box-shadow:none}.text-link{font-weight:800;color:var(--accent)}.section-block{padding:64px 0}.section-heading{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:28px}.section-heading h2,.split-copy h2,.inline-cta h2,.soft-panel h2{font-size:clamp(28px,3vw,42px);line-height:1.15;margin:.15em 0;color:var(--ink)}.section-heading>p{max-width:580px;color:var(--muted);margin:0}.featured-grid{display:grid;grid-template-columns:1.2fr .9fr .9fr;gap:20px}.feature-card,.content-card,.topic-card{background:#fff;border:1px solid rgba(47,39,48,.08);border-radius:var(--radius);overflow:hidden;box-shadow:0 8px 28px rgba(89,52,65,.06)}.card-media{display:block;overflow:hidden}.card-media img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}.content-card:hover .card-media img,.feature-card:hover .card-media img,.topic-card:hover .card-media img{transform:scale(1.02)}.card-body{padding:20px}.card-body h3{font-size:21px;line-height:1.3;margin:4px 0 10px;color:var(--ink)}.card-body p{margin:0;color:var(--muted)}.card-body .meta{margin-top:12px;font-size:13px;color:var(--accent)}.soft-band{background:var(--soft);margin-top:42px}.group-row{display:grid;grid-template-columns:220px 1fr;gap:28px;padding:30px 0;border-top:1px solid rgba(47,39,48,.08)}.group-title h3{font-size:24px;margin:0 0 8px;color:var(--ink)}.group-title p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.split-section,.device-strip,.contact-panel{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center;padding:76px 0}.split-copy p{color:var(--muted)}.compact-links{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding-bottom:70px}.compact-links article{padding:30px;border-radius:var(--radius);background:#fff;border:1px solid rgba(47,39,48,.08)}.compact-links h2{margin:4px 0 10px;font-size:28px}.compact-links p{color:var(--muted)}.compact-links a{font-weight:800;color:var(--accent)}.faq-preview{padding-bottom:80px}.faq-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.faq-grid article{padding:24px;background:#fff;border-radius:20px;border:1px solid rgba(47,39,48,.08)}.faq-grid h3{margin-top:0;font-size:19px}.faq-grid p{margin-bottom:0;color:var(--muted)}.site-footer{background:var(--ink);color:#f8eef1;padding:50px 0 22px;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:40px}.footer-grid strong{font-size:24px}.footer-grid p{color:#d9cbd1;max-width:560px}.footer-grid nav{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.footer-grid a{color:#f5dfe6}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:34px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:14px;color:#cbbbc2}.page-stack{padding-top:34px;padding-bottom:50px}.breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0;font-size:14px;color:var(--muted)}.breadcrumb li+li:before{content:'/' ;margin-right:8px;color:#bbaeb4}.page-intro{padding:56px 0 28px;max-width:900px}.page-intro p{color:var(--muted);font-size:18px}.filter-nav{display:flex;gap:10px;flex-wrap:wrap;padding-bottom:14px}.filter-nav a{padding:9px 15px;border-radius:999px;background:#fff;border:1px solid rgba(47,39,48,.1)}.filter-nav a[aria-current=page]{background:var(--ink);color:#fff}.inline-cta{display:flex;justify-content:space-between;gap:30px;align-items:center;padding:34px;border-radius:var(--radius);background:linear-gradient(135deg,#f8ece8,#fff);border:1px solid rgba(47,39,48,.08);margin:54px 0 20px}.inline-cta p{margin-bottom:0;color:var(--muted)}.detail-article{padding-top:28px}.detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;padding:34px 0 56px}.prose{max-width:820px;font-size:18px}.prose h1,.prose h2{color:var(--ink);line-height:1.2}.prose h2{margin-top:42px}.detail-points{padding:34px 0}.detail-points h2{font-size:32px}.point-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.point-grid article{padding:22px;background:var(--soft);border-radius:18px}.point-grid span{color:var(--accent);font-size:26px}.point-grid p{margin:6px 0 0}.media-stack{display:grid;gap:34px}.media-panel{display:grid;grid-template-columns:1fr .85fr;gap:44px;align-items:center;padding:30px 0}.media-panel.reverse>div{order:2}.media-panel.reverse>img{order:1}.media-panel h2{font-size:34px;margin:5px 0 12px}.media-panel p{color:var(--muted)}.app-hero{padding-top:50px}.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.topic-list article{padding:26px;background:#fff;border:1px solid rgba(47,39,48,.08);border-radius:22px}.topic-list h2{font-size:23px;margin-top:0}.topic-list p{color:var(--muted)}.device-strip{padding-top:60px}.topic-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.topic-grid .topic-card{grid-column:span 4}.topic-grid .topic-card:nth-child(1),.topic-grid .topic-card:nth-child(5){grid-column:span 6}.soft-panel{margin:46px 0 10px;padding:34px;border-radius:var(--radius);background:var(--soft)}.soft-panel p{color:var(--muted);max-width:850px}.faq-list{display:grid;gap:12px;max-width:900px}.faq-list details{padding:18px 20px;background:#fff;border-radius:18px;border:1px solid rgba(47,39,48,.1)}.faq-list summary{cursor:pointer;font-weight:800}.faq-list p{color:var(--muted);margin-bottom:0}.narrow{max-width:900px}.legal{padding-top:44px}.contact-panel{padding-top:42px}.not-found{padding:100px 0}.not-found h1{font-size:50px;line-height:1.1}.meta{font-size:13px}@media (max-width:900px){:root{--shell:min(100% - 28px,780px)}.menu-toggle{display:block}.primary-nav{position:absolute;left:14px;right:14px;top:70px;display:none;flex-direction:column;align-items:stretch;background:#fff;padding:12px;border-radius:18px;box-shadow:var(--shadow)}.primary-nav.is-open{display:flex}.hero,.detail-hero,.split-section,.device-strip,.contact-panel,.media-panel{grid-template-columns:1fr}.hero{padding-top:44px}.detail-hero img,.hero-media img{order:-1}.featured-grid{grid-template-columns:1fr 1fr}.featured-grid .feature-card:first-child{grid-column:1/-1}.group-row{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column;gap:12px}.topic-list{grid-template-columns:1fr}.topic-grid .topic-card,.topic-grid .topic-card:nth-child(1),.topic-grid .topic-card:nth-child(5){grid-column:span 6}.media-panel.reverse>div,.media-panel.reverse>img{order:initial}.faq-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.point-grid{grid-template-columns:1fr}.compact-links{grid-template-columns:1fr}}
@media (max-width:620px){.hero-copy h1,.page-intro h1,.detail-hero h1{font-size:40px}.featured-grid,.card-grid{grid-template-columns:1fr}.topic-grid{display:grid;grid-template-columns:1fr}.topic-grid .topic-card,.topic-grid .topic-card:nth-child(1),.topic-grid .topic-card:nth-child(5){grid-column:auto}.inline-cta{align-items:flex-start;flex-direction:column}.footer-bottom{flex-direction:column}.footer-grid nav{grid-template-columns:1fr}.hero,.section-block,.split-section,.device-strip,.contact-panel{padding-top:44px;padding-bottom:44px}.media-panel{gap:20px}.button-row{align-items:flex-start;flex-direction:column}}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.guide-list{display:grid;gap:16px}.guide-list article{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:26px;background:#fff;border:1px solid rgba(47,39,48,.08);border-radius:22px}.guide-index{width:52px;height:52px;display:grid;place-items:center;border-radius:18px;background:var(--soft);color:var(--accent);font-weight:900}.guide-list h2{margin:0 0 8px;font-size:25px;color:var(--ink)}.guide-list p{margin:8px 0;color:var(--muted)}.guide-list .guide-summary{color:var(--text);font-weight:700}@media(max-width:620px){.guide-list article{grid-template-columns:1fr}.guide-index{width:46px;height:46px}}
.notes-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.notes-grid article{padding:26px;background:#fff;border:1px solid rgba(47,39,48,.08);border-radius:22px}.notes-grid h2{font-size:23px;line-height:1.25;margin:0 0 10px;color:var(--ink)}.notes-grid p{margin:8px 0;color:var(--muted)}.notes-grid .note-summary{color:var(--text);font-weight:700}@media(max-width:760px){.notes-grid{grid-template-columns:1fr}}