*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#F7F4EE;color:#4A4350;font:16px/1.7 system-ui,-apple-system,"Segoe UI","Microsoft YaHei",sans-serif;overflow-x:hidden}a{color:#704C90;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto;display:block;object-fit:contain;object-position:center}.site-header{background:#fff;border-bottom:1px solid #E6DFE9;position:relative;z-index:5}.header-inner{max-width:1180px;margin:auto;min-height:70px;padding:0 28px;display:flex;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;color:#2C2535;white-space:nowrap}.brand img{height:32px;width:auto}.desktop-nav{display:flex;gap:20px;align-items:center;margin-left:auto}.desktop-nav a{color:#4A4350;padding:23px 0 19px;border-bottom:2px solid transparent}.desktop-nav a.active{color:#704C90;border-color:#D6B36B}.menu-toggle{min-height:44px;border:1px solid #E6DFE9;background:#fff;color:#2C2535;border-radius:9px;padding:0 14px;font:inherit;cursor:pointer}.mobile-move{display:none}.mega-menu{max-width:1180px;margin:0 auto 16px;padding:22px 28px;background:#F0EAF4;border:1px solid #E6DFE9;border-radius:12px;grid-template-columns:repeat(3,1fr);gap:28px}.mega-menu:not([hidden]){display:grid}.mega-menu h2{font-size:16px;margin:0 0 10px;color:#2C2535}.mega-menu a{display:block;padding:7px 0;color:#2C2535}.mega-menu small{display:block;color:#716A77;font-size:13px}.site-main{max-width:1180px;margin:auto;padding:44px 28px 72px}.page-head{max-width:820px;margin-bottom:34px}.breadcrumb{font-size:14px;color:#716A77;margin-bottom:6px}.breadcrumb a{color:#716A77}.page-head h1,.hero h1{font-size:32px;line-height:1.2;color:#2C2535;margin:8px 0 12px}.page-head .intro{font-size:17px;margin:0;color:#5a5261}.eyebrow{color:#704C90;font-weight:700;font-size:14px;letter-spacing:.08em}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:42px;align-items:center;margin-bottom:58px}.hero-sub{font-size:20px;color:#2C2535}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.button{display:inline-flex;align-items:center;min-height:44px;padding:0 17px;border-radius:9px;background:#704C90;color:#fff;font-weight:700}.button:hover{text-decoration:none}.button.ghost{background:transparent;color:#704C90;border:1px solid #704C90}.button.light{background:#fff;color:#30243D}.button.light.ghost{background:transparent;color:#fff;border-color:#fff}.media{display:flex;align-items:center;justify-content:center;margin:0;background:#F0EAF4;border-radius:12px;padding:10px}.cover-media img{max-height:310px}.small-media img{max-height:220px}.phone-media img{max-height:380px;width:auto}.site-main section{margin:0 0 54px}.site-main h2{font-size:24px;line-height:1.3;color:#2C2535;margin:0 0 18px}.site-main h3{font-size:19px;line-height:1.4;color:#2C2535}.reading{max-width:800px}.lead-grid,.split,.feature-row{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr);gap:30px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.card,.duo article,.three article,.faq-item{background:#fff;border:1px solid #E6DFE9;border-radius:12px;padding:20px}.card h3,.faq-item h3{margin-top:0}.text-link{font-weight:700}.topic-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.topic-strip a{background:#F0EAF4;padding:16px;border-radius:12px;color:#2C2535}.topic-strip strong,.topic-strip span{display:block}.topic-strip span{font-size:14px;color:#716A77;margin-top:5px}.mini-list{display:grid;gap:10px}.mini-list b{background:#fff;border-left:3px solid #D6B36B;padding:14px}.dark{background:#30243D;color:#fff;padding:28px;border-radius:12px}.dark h2{color:#fff}.duo{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.three{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.directory{list-style:none;padding:0;margin:0;counter-reset:item}.directory li{counter-increment:item;border-top:1px solid #E6DFE9}.directory a{display:grid;grid-template-columns:180px 1fr;gap:20px;padding:16px 0;color:#2C2535}.directory strong:before{content:"0" counter(item) " · ";color:#D6B36B}.inline-links{display:flex;gap:18px;flex-wrap:wrap}.faq-list{max-width:820px}.faq-item{margin-bottom:14px}.site-footer{background:#EFEAE2;border-top:1px solid #E6DFE9;padding:34px 28px 90px}.footer-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:28px}.footer-grid h2{font-size:16px;color:#2C2535}.footer-grid a{display:block;margin:5px 0}.footer-bottom{max-width:1180px;margin:22px auto 0;padding-top:18px;border-top:1px solid #ddd4df;display:flex;justify-content:space-between;gap:20px}.bottom-nav{display:none}.app-row{align-items:center}@media(max-width:900px){.header-inner{padding:0 22px}.desktop-nav{display:none}.mobile-move{display:inline;margin-left:auto}.menu-toggle{margin-left:auto}.menu-toggle{font-size:0}.menu-toggle:after{content:'栏目';font-size:16px}.site-main{padding:36px 22px 72px}.topic-strip{grid-template-columns:repeat(2,1fr)}.cards{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){body{padding-bottom:66px}.header-inner{padding:0 16px;min-height:60px;gap:12px;display:grid;grid-template-columns:1fr auto 1fr}.brand{justify-self:start}.brand span{display:none}.brand img{height:30px}.menu-toggle{margin-left:0;justify-self:center}.mobile-move{justify-self:end}.mega-menu:not([hidden]){display:block;margin:0 16px 12px;padding:16px}.mega-menu>div+div{margin-top:18px}.site-main{padding:30px 16px 54px}.page-head h1,.hero h1{font-size:27px}.site-main h2{font-size:21px}.hero,.lead-grid,.split,.feature-row{grid-template-columns:1fr;gap:20px}.hero{margin-bottom:40px}.cards,.duo,.three,.topic-strip{grid-template-columns:1fr}.site-main section{margin-bottom:38px}.cover-media img{max-height:240px}.phone-media img{max-height:300px}.directory a{grid-template-columns:1fr;gap:4px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:20;display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border-top:1px solid #E6DFE9;padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{min-height:56px;display:flex;align-items:center;justify-content:center;color:#4A4350;font-size:14px}.bottom-nav a.active{color:#704C90;font-weight:800;border-top:2px solid #D6B36B}.site-footer{padding:30px 16px 86px}}
