:root{--bg:#FBF8F7;--paper:#fff;--soft:#F4ECEC;--ink:#2F2527;--body:#4D4043;--muted:#78686C;--accent:#B3485E;--foot:#302326;--line:#E8DDDF;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--body);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;line-height:1.75;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}img{max-width:100%;height:auto;display:block;object-fit:contain;object-position:center}.wrap{width:min(var(--max),calc(100% - 48px));margin:auto}.site-header{background:rgba(255,255,255,.96);border-bottom:1px solid var(--line);position:relative;z-index:10}.brandbar{min-height:78px;display:flex;align-items:center;gap:20px}.brand{display:flex;align-items:center;gap:12px;min-width:180px}.brand-logo{max-width:150px;max-height:44px;width:auto}.brand-fallback{font-weight:750;letter-spacing:.14em;color:var(--ink)}.brand-note{color:var(--muted);font-size:14px;flex:1}.top-links{display:flex;gap:16px;font-size:14px}.menu-toggle{display:none;border:1px solid var(--line);background:var(--paper);min-height:44px;padding:0 15px;border-radius:8px;color:var(--ink)}.mainnav{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.navrow,.auxrow{display:flex;align-items:center;gap:22px;min-height:48px;white-space:nowrap}.navrow a,.auxrow a{font-size:14px;line-height:46px;border-bottom:2px solid transparent}.navrow a.active,.auxrow a.active{color:var(--accent);border-bottom-color:var(--accent)}.auxbar{background:var(--soft)}.auxrow{min-height:42px}.auxrow a{line-height:40px}.more-toggle{margin-left:auto;border:0;background:transparent;min-height:40px;color:var(--ink);font-size:14px;cursor:pointer}.more-panel{background:var(--paper);border:1px solid var(--line);border-top:0;padding:20px 24px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.more-panel[hidden]{display:none}.more-panel strong{display:block;color:var(--ink);margin-bottom:8px}.more-panel a{display:inline-block;margin:0 18px 6px 0;font-size:14px}.mobile-quick,.mobile-menu{display:none}
.hero{padding:48px 0 30px}.eyebrow{font-size:13px;letter-spacing:.12em;color:var(--accent);font-weight:700}.hero h1,.page-head h1{font-size:clamp(30px,4vw,38px);line-height:1.25;margin:8px 0 14px;color:var(--ink);letter-spacing:-.02em}.hero p,.page-head .lead{font-size:17px;max-width:760px;color:var(--muted);margin:0}.home-banner{margin-top:26px;background:var(--paper);border:1px solid var(--line);padding:18px}.home-banner .media-img{max-height:330px;margin:auto;width:auto}.caption{font-size:14px;color:var(--muted);margin-top:12px}.text-links{display:flex;gap:18px;margin-top:10px;font-size:14px;color:var(--accent)}
.section{padding:54px 0}.section.alt{background:var(--soft)}.section h2{font-size:25px;line-height:1.35;color:var(--ink);margin:0 0 16px}.section h3{font-size:20px;line-height:1.4;color:var(--ink);margin:0 0 10px}.section p{margin:0 0 13px}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}.media-text{display:grid;grid-template-columns:minmax(0,45%) 1fr;gap:34px;align-items:center}.media-text.reverse{grid-template-columns:1fr minmax(0,45%)}.media-text.reverse .media-wrap{order:2}.media-wrap{min-width:0}.media-wrap .media-img{max-height:430px;width:auto;margin:auto}.two-card{background:var(--paper);border-top:3px solid var(--accent);padding:24px}.two-card .media-img{max-height:300px;width:auto;margin:0 auto 18px}.index-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.index-item{padding:18px 0;border-top:1px solid var(--line)}.index-item strong{display:block;color:var(--ink);margin-bottom:5px}.observation-list{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.obs{padding:20px;border:1px solid var(--line);background:var(--paper)}.light-demo{height:120px;border-radius:10px;background:linear-gradient(90deg,#2F2527 0 18%,#78686C 18% 36%,#E8DDDF 36% 65%,#fff 65% 100%);margin:18px 0}.breadcrumb{font-size:13px;color:var(--muted);margin-bottom:8px}.breadcrumb a{color:var(--accent)}.page-head{padding:42px 0 28px}.article-wrap{max-width:780px;margin:0 auto;padding:10px 0 54px}.article-wrap.wide{max-width:860px}.article-sec{padding:26px 0;border-top:1px solid var(--line)}.article-sec:first-child{border-top:0}.article-sec h2{font-size:24px}.article-sec p{font-size:16.5px}.article-image{margin:12px 0 28px}.article-image .media-img{max-width:720px;max-height:430px;width:auto;margin:auto}.step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:22px 0;border-top:1px solid var(--line)}.step .num{font-size:13px;color:var(--accent);font-weight:700}.rec{padding:36px 0 58px;border-top:1px solid var(--line)}.rec h2{font-size:22px}.rec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.rec-grid a{display:block;background:var(--paper);border:1px solid var(--line);padding:18px}.rec-grid strong{display:block;color:var(--ink);margin-bottom:4px}.rec-grid span{font-size:14px;color:var(--muted)}
.faq-list details{border-top:1px solid var(--line);padding:18px 0}.faq-list summary{cursor:pointer;font-weight:700;color:var(--ink)}.faq-list p{margin:10px 0 0}.policy{padding:18px 0;border-top:1px solid var(--line)}.policy h2{font-size:20px}.contact-note{background:var(--soft);padding:24px;border-left:3px solid var(--accent);margin:24px 0}.site-footer{background:var(--foot);color:#e9dddf;margin-top:40px}.footer-top{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:28px;padding:44px 0}.footer-logo{max-width:140px;max-height:42px;width:auto;margin-bottom:10px;filter:brightness(0) invert(1)}.footer-brand p{font-size:14px;color:#c8b9bc;max-width:280px}.site-footer h3{font-size:15px;margin:0 0 10px;color:#fff}.site-footer a{display:block;font-size:14px;color:#d2c4c7;margin:5px 0}.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:15px 0 24px;font-size:13px;color:#b7a8ab}
@media(max-width:900px){.top-links,.brand-note{display:none}.menu-toggle{display:inline-flex;align-items:center;margin-left:auto}.mainnav,.auxbar{display:none}.mobile-quick{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.mobile-quick a{text-align:center;min-height:44px;display:flex;align-items:center;justify-content:center;font-size:14px}.mobile-menu{display:grid;grid-template-columns:1fr 1fr;gap:0 18px;padding:14px 0 20px;border-top:1px solid var(--line)}.mobile-menu[hidden]{display:none}.mobile-menu a{padding:9px 0;border-bottom:1px solid var(--line);font-size:14px}.media-text,.media-text.reverse,.grid2{grid-template-columns:1fr}.media-text.reverse .media-wrap{order:0}.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.index-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.wrap{width:min(100% - 32px,var(--max))}.brandbar{min-height:66px}.brand-logo{max-width:126px;max-height:40px}.brand{min-width:0}.hero{padding:34px 0 24px}.hero p,.page-head .lead{font-size:16px}.section{padding:40px 0}.home-banner .media-img{max-height:230px}.media-wrap .media-img,.article-image .media-img{max-height:310px}.two-card .media-img{max-height:280px}.index-list,.observation-list,.rec-grid{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.footer-brand{grid-column:auto}.page-head{padding:30px 0 18px}.article-sec p{font-size:16px}.step{grid-template-columns:40px 1fr}.menu-toggle{min-height:44px}.media-img{max-width:100%;height:auto}}