:root{
--bg:#FFF5F6;--deep:#F8E6EA;--card:#FFFFFF;--sub:#FDEEF1;--title:#5A1420;--text:#4A2028;--muted:#8A4A58;--soft:#B07884;--brand:#E03A5C;--bright:#F05A78;--dark:#B01E3C;--rose:#F7C8D0;--cream:#FFF8F6;--border:rgba(224,58,92,.18);--border-strong:rgba(224,58,92,.46);--shadow:0 12px 28px rgba(90,20,32,.08);--radius:12px;--wrap:1120px;}
*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}body.layer-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}.wrap{width:min(calc(100% - 32px),var(--wrap));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:70}.sugar-line{height:22px;background:var(--dark);color:var(--cream);font-size:12px}.sugar-line-inner{height:22px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:inherit;min-height:22px;padding:0 4px;cursor:pointer}.core-bar{height:60px;background:#fff;border-bottom:1px solid var(--border)}.core-bar-inner{height:60px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand-link{justify-self:start;display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--title)}.brand-link img{height:28px;width:auto;object-fit:contain}.drawer-open,.app-link{min-height:44px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;font-size:14px}.drawer-open{border:1px solid var(--border-strong);background:#fff;color:var(--title);cursor:pointer}.app-link{justify-self:end;background:linear-gradient(135deg,#F05A78 0%,#E03A5C 55%,#B01E3C 100%);color:var(--cream);font-weight:700}.tag-bar{height:40px;background:var(--cream);border-bottom:1px solid var(--border)}.tag-bar-inner{height:40px;display:flex;align-items:center;justify-content:center;gap:8px}.tag-bar a{font-size:13px;padding:5px 16px;border-radius:999px;color:var(--muted)}.tag-bar a.is-current{background:var(--brand);color:var(--cream)}.site-main{padding-top:122px;min-height:70vh}.section{padding:34px 0}.section-tight{padding:22px 0}.surface{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:18px}.media-slot{background:var(--cream);border:1px solid var(--border);border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.banner-slot{height:260px}.tile-slot{height:180px}.wide-slot{height:200px}.app-slot{height:min(360px,70vw)}.compact-slot{height:150px}.hero-copy{text-align:center;max-width:820px;margin:20px auto 0}.eyebrow{color:var(--brand);font-weight:800;font-size:13px;letter-spacing:.08em}.hero-copy h1,.page-hero h1{margin:6px 0 10px;color:var(--title);font-size:24px;line-height:1.3}.hero-copy .lead,.page-hero p{color:var(--muted);margin:0 auto;max-width:820px}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:20px}.btn{height:44px;min-width:120px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;white-space:nowrap}.btn-primary{background:linear-gradient(135deg,#F05A78 0%,#E03A5C 55%,#B01E3C 100%);color:var(--cream)}.btn-secondary{background:#fff;color:var(--text);border:1px solid var(--brand)}.btn:hover,.drawer-open:hover,.app-link:hover,.search-presets a:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid rgba(224,58,92,.28);outline-offset:2px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2{margin:0;color:var(--title);font-size:20px}.section-head p{margin:0;color:var(--muted);font-size:14px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{padding:16px}.card h3{margin:12px 0 6px;color:var(--title);font-size:16px}.card p{margin:0;color:var(--text)}.numbered-list,.shelf-list,.timeline,.memo-grid,.faq-list,.article-stack{display:grid;gap:12px}.numbered-row,.shelf-row,.timeline-row,.memo-card,.faq-item,.article-section{background:#fff;border:1px solid var(--border);border-radius:12px;padding:16px}.numbered-row{display:grid;grid-template-columns:54px 1fr;gap:12px}.big-num{font-size:28px;font-weight:900;color:var(--brand);line-height:1}.numbered-row h3,.shelf-row h3,.timeline-row h3,.memo-card h3,.article-section h2,.article-section h3{margin:0 0 6px;color:var(--title)}.numbered-row p,.shelf-row p,.timeline-row p,.memo-card p,.article-section p{margin:0}.shelf-row{display:grid;grid-template-columns:150px 1fr;gap:14px}.shelf-label{background:var(--sub);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--brand);font-weight:800;min-height:72px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:20px;top:14px;bottom:14px;width:2px;background:var(--rose)}.timeline-row{position:relative;padding-left:48px}.timeline-dot{position:absolute;left:13px;top:20px;width:16px;height:16px;border-radius:50%;background:var(--brand);border:3px solid var(--cream)}.status{display:inline-flex;padding:3px 9px;border-radius:999px;background:var(--sub);color:var(--dark);font-size:12px;font-weight:700;margin-bottom:8px}.memo-grid{grid-template-columns:repeat(3,1fr)}.page-hero{padding:32px 0 18px}.page-hero-box{background:linear-gradient(180deg,#fff 0%,var(--cream) 100%);border:1px solid var(--border);border-radius:14px;padding:28px}.crumb{font-size:13px;color:var(--soft);margin-bottom:6px}.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.side-note{position:sticky;top:138px;background:var(--sub);border:1px solid var(--border);border-radius:12px;padding:16px}.side-note h2{font-size:16px;margin:0 0 8px;color:var(--title)}.side-note p{margin:0;color:var(--muted)}.article-section h2{font-size:20px}.article-section h3{font-size:16px}.article-section p+p{margin-top:10px}.article-section ul{margin:8px 0 0;padding-left:1.25em}.kicker{font-weight:800;color:var(--brand);font-size:13px}.quote-note{padding:16px;border-left:4px solid var(--brand);background:var(--sub);border-radius:0 10px 10px 0}.faq-item h3{font-size:16px;margin:0 0 8px;color:var(--title)}.faq-item p{margin:0}.link-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.link-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:14px;min-height:110px}.link-card strong{display:block;color:var(--title);margin-bottom:5px}.link-card span{color:var(--muted);font-size:14px}.site-footer{background:#3A1018;color:#FDEEF1;border-top:1px solid var(--rose);margin-top:30px;padding:32px 0 84px;font-size:13px}.footer-top{display:grid;grid-template-columns:240px 1fr;gap:24px}.footer-brand{display:flex;flex-direction:column;gap:6px}.footer-brand img{height:28px;width:auto;object-fit:contain;align-self:flex-start}.footer-brand strong{font-size:18px}.footer-brand span{color:#F7C8D0}.footer-links{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.footer-links section{display:grid;align-content:start;gap:6px}.footer-links h2{font-size:13px;margin:0 0 4px;color:#fff}.footer-links a{color:#FDEEF1}.footer-note{margin-top:22px;padding-top:16px;border-top:1px solid rgba(247,200,208,.18);color:#F7C8D0}.footer-note p{margin:4px 0}.drawer-mask{position:fixed;inset:0;background:rgba(58,16,24,.48);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.drawer-mask.is-active{opacity:1;visibility:visible;pointer-events:auto}.core-drawer{position:fixed;z-index:90;inset:0 auto 0 0;width:min(400px,86vw);background:#fff;border-right:1px solid var(--border);transform:translateX(-105%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s;overflow:auto}.core-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#fff;z-index:2;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--border)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:28px;width:auto}.drawer-brand div{display:flex;flex-direction:column;line-height:1.25}.drawer-brand span{font-size:11px;color:var(--muted)}.drawer-close,.search-close{border:1px solid var(--border-strong);background:#fff;color:var(--title);min-height:44px;padding:0 14px;border-radius:9px;cursor:pointer}.drawer-groups{padding:14px 16px 24px}.drawer-groups section+section{margin-top:18px}.drawer-groups h2{font-size:13px;color:var(--brand);margin:0 0 8px}.drawer-groups a{display:block;padding:10px 0;border-bottom:1px solid var(--border)}.drawer-groups strong{display:block;color:var(--title)}.drawer-groups span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.search-panel{position:fixed;z-index:88;top:82px;left:0;right:0;visibility:hidden;opacity:0;pointer-events:none;transition:.2s}.search-panel.is-open{visibility:visible;opacity:1;pointer-events:auto}.search-card{width:min(calc(100% - 32px),760px);margin:14px auto;background:#fff;border:1px solid var(--border);border-radius:14px;padding:18px;box-shadow:var(--shadow)}.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.search-head>div{display:flex;flex-direction:column}.search-head strong{font-size:18px;color:var(--title)}.search-head span{font-size:13px;color:var(--muted)}.search-presets{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}.search-presets a{min-height:44px;border:1px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--cream);color:var(--title)}.mobile-bottom{display:none}.empty-slot:empty:before{content:"";display:block}.mini-tag{display:inline-flex;background:var(--cream);border:1px solid var(--border);padding:2px 8px;border-radius:999px;font-size:12px;color:var(--muted)}
@media (max-width:900px){.grid-3,.memo-grid{grid-template-columns:1fr}.grid-2,.link-cards{grid-template-columns:1fr 1fr}.content-grid{grid-template-columns:1fr}.side-note{position:static}.footer-top{grid-template-columns:1fr}.shelf-row{grid-template-columns:110px 1fr}}
@media (max-width:700px){.wrap{width:calc(100% - 32px)}.tag-bar{display:none}.site-main{padding-top:82px}.core-bar-inner{grid-template-columns:1fr auto 1fr;gap:8px}.brand-link img{height:26px}.drawer-open,.app-link{padding:0 12px}.section{padding:24px 0}.banner-slot{height:260px}.tile-slot{height:180px}.wide-slot{height:200px}.grid-2,.link-cards{grid-template-columns:1fr}.page-hero{padding-top:22px}.page-hero-box{padding:20px}.site-footer{padding-bottom:78px}.footer-links{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:75;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:12px;color:var(--muted)}.mobile-bottom a.is-current{background:var(--brand);color:var(--cream)}.search-panel{inset:0;background:var(--dark);top:0}.search-panel.is-open{display:block}.search-card{height:100%;width:100%;margin:0;border:0;border-radius:0;background:var(--dark);color:var(--cream);padding:22px 16px}.search-head strong,.search-head span{color:var(--cream)}.search-close{background:var(--cream)}.search-presets{grid-template-columns:1fr 1fr}.search-presets a{background:rgba(255,248,246,.1);border-color:rgba(255,248,246,.25);color:var(--cream)}.numbered-row{grid-template-columns:44px 1fr}.shelf-row{grid-template-columns:1fr}.shelf-label{min-height:52px}.footer-brand{align-items:flex-start}}
@media (max-width:420px){.brand-link span{font-size:15px}.drawer-open,.app-link{padding:0 10px;font-size:13px}.footer-links{grid-template-columns:1fr 1fr}.banner-slot{height:220px}.hero-card{padding:12px}.hero-copy h1,.page-hero h1{font-size:23px}}

.mt-10{margin-top:10px!important}.mt-14{margin-top:14px!important}.mt-16{margin-top:16px!important}.section-title-tight{margin:6px 0 10px;color:var(--title);font-size:20px}.actions-left{justify-content:flex-start}.app-icon{width:48px;height:48px;object-fit:contain;margin:0 0 12px}
