:root{--bg:#FFF7F8;--surface:#fff;--soft:#F8E6EA;--text:#4A2A32;--title:#3A1F28;--muted:#7A4E58;--subtle:#A07880;--pink:#E88AA4;--pink2:#F2A0B6;--green:#7BAE7F;--purple:#C9A8D4;--branch:#6B3E3E;--border:rgba(232,138,164,.20);--shadow:0 14px 34px rgba(58,31,40,.08);--max:1160px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.78 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.narrow{max-width:820px}img{max-width:100%;height:auto}.site-header{position:sticky;top:0;z-index:60;box-shadow:0 6px 18px rgba(58,31,40,.05)}.brand-strip{height:20px;background:var(--pink);color:#fff;font-size:12px}.strip-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#fff;padding:0;cursor:pointer}.brand-main{background:#fffafb}.brand-row{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.brand-logo{justify-self:start;display:flex;align-items:center;min-height:44px;font-weight:800;color:var(--title)}.brand-logo img{height:32px;width:auto;object-fit:contain}.directory-button,.app-link{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px}.directory-button{border:1px solid var(--border);background:#fff;color:var(--branch);padding:0 18px;cursor:pointer}.app-link{justify-self:end;padding:0 14px;color:var(--branch);font-weight:700}.desktop-nav{background:#fff;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.nav-row{display:flex;gap:6px;align-items:center;min-height:46px}.nav-row a{padding:8px 14px;border-radius:10px;color:var(--muted)}.nav-row a.active{background:var(--pink);color:#fff}.home-hero,.page-hero{padding:34px 0 26px}.hero-image{display:block;width:100%;max-height:300px;object-fit:contain;object-position:center;margin:0 auto 26px}.hero-copy{max-width:820px}.eyebrow{margin:0 0 8px;color:var(--pink);font-size:13px;font-weight:800;letter-spacing:.08em}.hero-copy h1,.page-hero h1{font-size:clamp(28px,4vw,32px);line-height:1.25;color:var(--title);margin:0 0 16px}.lead{font-size:18px;color:var(--muted);margin:0}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;font-weight:800}.btn.primary{background:linear-gradient(135deg,#F2A0B6 0%,#E88AA4 52%,#D46B88 100%);color:#fff}.btn.secondary{background:#fff;color:var(--branch);border:1px solid var(--pink)}.home-section{padding:54px 0}.home-section.alt{background:#fff}.section-head{margin-bottom:24px}.section-head h2,.home-section h2,.reading-block h2{color:var(--title);font-size:clamp(22px,3vw,26px);line-height:1.35;margin:0 0 12px}.direction-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.direction-grid a{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff;min-height:140px}.direction-grid i{display:block;width:10px;height:10px;border-radius:50%;background:var(--pink);margin-bottom:14px}.direction-grid a:nth-child(3n+2) i{background:var(--green)}.direction-grid a:nth-child(3n) i{background:var(--purple)}.direction-grid strong,.direction-grid span{display:block}.direction-grid span{color:var(--muted);font-size:14px;margin-top:6px}.split-block,.app-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:36px;align-items:center}.split-block.reverse .media-col{order:2}.section-image{display:block;width:auto;max-width:100%;height:auto;max-height:220px;object-fit:contain;object-position:center;margin:auto}.media-center{text-align:center;margin-top:16px;margin-bottom:26px}.number-list{list-style:none;padding:0;margin:22px 0 0}.number-list li{border-top:1px solid var(--border)}.number-list a{display:flex;justify-content:space-between;gap:20px;padding:14px 0}.number-list span{color:var(--muted)}.window-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.window-grid article{background:#fff;border:1px solid var(--border);border-radius:15px;padding:22px;box-shadow:var(--shadow)}.window-grid img{display:block;width:auto;max-width:100%;height:auto;max-height:180px;object-fit:contain;margin:0 auto 18px}.window-grid .text-first img{margin:18px auto 0}.window-grid h3{color:var(--title);font-size:20px;margin:0 0 8px}.window-grid a,.text-link{color:#b84f70;font-weight:800}.mini-links{display:flex;gap:10px;flex-wrap:wrap}.mini-links a{padding:9px 12px;background:var(--soft);border-radius:10px}.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.topic-grid article{padding:20px;border-top:3px solid var(--pink);background:#fff}.topic-grid article:nth-child(3n+2){border-color:var(--green)}.topic-grid article:nth-child(3n){border-color:var(--purple)}.topic-grid h3{margin:0 0 8px;color:var(--title)}.book-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;align-items:center}.catalog-list a{display:grid;grid-template-columns:54px 1fr;gap:12px;padding:14px 0;border-top:1px solid var(--border)}.catalog-list b,.rank-free b{font-size:28px;color:var(--pink)}.catalog-list strong{display:block;color:var(--title)}.rank-free{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.rank-free a{padding:18px 14px;border:1px solid var(--border);background:#fff;border-radius:14px}.rank-free b,.rank-free span{display:block}.status-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:20px 0}.status-grid span{padding:16px;background:var(--soft);border-radius:12px}.status-grid strong{display:block;color:var(--title)}.app-visual{text-align:center}.app-visual img{width:auto;max-width:100%;max-height:320px;object-fit:contain}.app-title{display:flex;gap:14px;align-items:center}.app-title img{width:auto;max-width:72px;max-height:72px;object-fit:contain}.rule-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.rule-grid article{padding:24px;background:#fff;border:1px solid var(--border);border-radius:14px}.faq-preview{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:20px}.faq-preview article{padding:18px;background:#fff;border-bottom:2px solid var(--soft)}.faq-preview h3{margin:0 0 6px;color:var(--title)}.article-stack{padding-bottom:60px}.reading-block{display:grid;grid-template-columns:86px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--border)}.reading-block:first-child{border-top:0}.section-kicker{font-size:36px;color:var(--pink);font-weight:800;line-height:1}.reading-block p{max-width:820px;margin:8px 0 0}.faq-list{padding-bottom:60px;display:grid;gap:14px}.faq-list article{padding:22px;background:#fff;border:1px solid var(--border);border-radius:14px}.faq-list h2{font-size:20px;color:var(--title);margin:0 0 8px}.site-footer{background:#3A1F28;color:#F8E6EA;padding:42px 0 88px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:28px}.footer-logo-box{background:#fff;border-radius:10px;padding:8px 12px}.footer-logo-box img{height:32px;width:auto;object-fit:contain}.footer-brand strong,.footer-brand span{display:block}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.footer-grid section{display:flex;flex-direction:column;gap:7px}.footer-grid h2{font-size:15px;color:#fff;margin:0 0 6px}.footer-grid a{color:#F8E6EA}.footer-note{margin-top:30px;padding-top:20px;border-top:1px solid rgba(255,255,255,.15);color:#d8c5cb;font-size:14px}.overlay{position:fixed;inset:0;background:rgba(58,31,40,.28);z-index:80;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.overlay.show{visibility:visible;pointer-events:auto;opacity:1}.directory-panel{position:fixed;left:0;top:0;bottom:0;width:min(380px,88vw);background:#fff;z-index:90;overflow-y:auto;transform:translateX(-102%);visibility:hidden;pointer-events:none;transition:.25s;box-shadow:var(--shadow)}.directory-panel.show{transform:translateX(0);visibility:visible;pointer-events:auto}.panel-head{position:sticky;top:0;background:#fffafb;display:flex;align-items:center;gap:10px;padding:14px;border-bottom:1px solid var(--border);z-index:2}.panel-head img{height:30px;width:auto;object-fit:contain}.panel-head button{margin-left:auto;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:var(--branch);cursor:pointer}.panel-groups{padding:14px}.panel-groups section+section{margin-top:22px}.panel-groups h2{font-size:14px;color:var(--pink);margin:0 0 8px}.panel-groups a{display:block;padding:10px 0;border-top:1px solid var(--border)}.panel-groups strong,.panel-groups span{display:block}.panel-groups span{font-size:13px;color:var(--muted)}.search-panel{position:fixed;inset:20px 0 auto 0;z-index:95;visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-12px);transition:.2s}.search-panel.show{visibility:visible;pointer-events:auto;opacity:1;transform:none}.search-card{background:#fffafb;border:1px solid var(--border);box-shadow:var(--shadow);padding:24px;border-radius:0 0 16px 16px;position:relative}.search-card>button{position:absolute;right:20px;top:12px;width:44px;height:44px;border:0;background:transparent;font-size:28px;color:var(--branch)}.search-card h2{color:var(--title);margin:0}.search-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.search-links a{padding:10px 12px;background:var(--soft);border-radius:10px}.mobile-nav{display:none}.btn:hover,.btn:focus-visible,.nav-row a:hover,.nav-row a:focus-visible,.directory-button:hover,.directory-button:focus-visible,.app-link:hover,.app-link:focus-visible,.text-link:hover,.text-link:focus-visible{outline:2px solid transparent;filter:brightness(.97);box-shadow:0 0 0 3px rgba(232,138,164,.18)}a:focus-visible,button:focus-visible{outline:3px solid rgba(123,174,127,.45);outline-offset:2px}@media(max-width:800px){.desktop-nav{display:none}.brand-row{grid-template-columns:1fr auto auto;gap:8px}.brand-logo img{height:28px}.directory-button,.app-link{padding:0 10px;font-size:14px}.direction-grid{grid-template-columns:repeat(2,1fr)}.split-block,.app-split,.book-layout,.rule-grid{grid-template-columns:1fr}.split-block.reverse .media-col{order:0}.window-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:repeat(2,1fr)}.rank-free{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.reading-block{grid-template-columns:58px 1fr;gap:14px}.section-kicker{font-size:28px}.mobile-nav{position:fixed;left:0;right:0;bottom:0;z-index:70;display:grid;grid-template-columns:repeat(5,1fr);min-height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--border);box-shadow:0 -8px 22px rgba(58,31,40,.07)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:13px}.mobile-nav a.active{background:var(--pink);color:#fff}.site-footer{padding-bottom:110px}.search-panel{inset:0;background:#fffafb;overflow-y:auto}.search-card{min-height:100vh;border:0;border-radius:0;box-shadow:none;padding-top:70px}.search-links{display:grid;grid-template-columns:1fr 1fr}.hero-image{max-height:260px}.section-image{max-height:180px}.app-visual img{max-height:260px}.window-grid img{max-height:160px}}@media(max-width:480px){.wrap{width:min(calc(100% - 32px),var(--max))}.brand-strip{font-size:11px}.direction-grid,.topic-grid,.status-grid,.faq-preview,.footer-grid{grid-template-columns:1fr}.rank-free{grid-template-columns:1fr 1fr}.number-list a{display:block}.number-list span{display:block;margin-top:4px}.reading-block{grid-template-columns:1fr}.section-kicker{font-size:22px}.window-grid article,.faq-list article{padding:18px}.brand-logo span{font-size:14px}.directory-button,.app-link{font-size:13px;padding:0 8px}.home-section{padding:42px 0}}