:root{--paper:#FFF8F6;--deep:#F3E8E6;--card:#fff;--soft:#F7D7D4;--ink:#1A1214;--text:#2A1C1E;--muted:#6B4A4E;--faint:#8A6A6E;--red:#C41E3A;--bright:#E23A4C;--dark:#8B1020;--line:rgba(196,30,58,.16);--strong:rgba(196,30,58,.45);--shadow:0 12px 28px rgba(139,16,32,.08);--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}.locked{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}.skip-link{position:fixed;left:8px;top:-60px;z-index:1000;background:#fff;color:var(--dark);padding:8px 12px}.skip-link:focus{top:8px}.site-header{position:fixed;z-index:50;left:0;right:0;top:0}.redline{height:22px;background:var(--dark);color:#fff;font-size:12px}.redline-inner,.mast-inner,.film-tabs-inner{max-width:var(--max);height:100%;margin:auto;display:flex;align-items:center}.redline-inner{justify-content:space-between;padding:0 16px}.text-button{border:0;background:transparent;color:#fff;cursor:pointer;padding:0 4px}.mast{height:60px;background:#fff;border-bottom:1px solid var(--line)}.mast-inner{position:relative;justify-content:space-between;padding:0 16px}.brand{display:flex;align-items:center;min-width:120px;font-weight:800;font-size:16px;color:var(--ink)}.brand-logo{height:28px;max-width:190px;object-fit:contain;object-position:left center}.drawer-button{position:absolute;left:50%;transform:translateX(-50%);height:44px;padding:0 22px;border:1px solid var(--strong);border-radius:10px;background:#fff;color:var(--dark);cursor:pointer}.app-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,var(--bright),var(--red) 55%,var(--dark));color:#fff;font-size:14px}.film-tabs{height:40px;background:#fff7f2;border-bottom:1px solid var(--line)}.film-tabs-inner{justify-content:center;gap:8px}.film-tabs a{font-size:13px;padding:6px 14px;border-radius:8px}.film-tabs a.active{background:var(--red);color:#fff}.site-main{padding-top:142px;min-height:60vh}.wrap{max-width:var(--max);margin:0 auto;padding:24px 16px}.hero-card,.section-card,.page-hero,.content-box{background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px}.page-hero{padding:28px;margin-bottom:18px}.eyebrow{color:var(--red);font-size:13px;font-weight:800;letter-spacing:.08em}.page-hero h1,.hero-copy h1{margin:6px 0 12px;font-size:24px;line-height:1.3;color:var(--ink)}h2{font-size:20px;line-height:1.35;color:var(--ink);margin:0 0 12px}h3{font-size:16px;line-height:1.4;color:var(--ink);margin:0 0 8px}p{margin:0 0 12px}.muted{color:var(--muted)}.hero-media,.media-slot{display:flex;align-items:center;justify-content:center;background:#fff7f2;border:1px solid var(--line);overflow:hidden}.hero-media{height:260px;border-radius:12px}.hero-media img{width:100%;height:100%;object-fit:contain;object-position:center}.fallback{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--dark);font-weight:800;background:linear-gradient(135deg,#fff7f2,#fbe7e3)}.hero-copy{text-align:center;padding:22px 20px 4px}.hero-copy p{max-width:780px;margin:0 auto 16px}.button-row{display:flex;flex-wrap:wrap;justify-content:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;background:linear-gradient(135deg,var(--bright),var(--red) 55%,var(--dark));color:#fff;font-size:14px}.btn.secondary{background:#fff;color:var(--dark);border:1px solid var(--red)}.section{margin-top:24px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:12px}.section-head p{max-width:700px;color:var(--muted)}.grid-3,.grid-4,.grid-2,.number-grid,.shelf,.method-grid{display:grid;gap:14px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-2{grid-template-columns:repeat(2,1fr)}.section-card{padding:16px}.section-card .media-slot{height:180px;border-radius:10px;margin:-4px -4px 14px}.section-card img,.media-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.wide-section{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:18px;padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.wide-section .media-slot{height:200px;border-radius:10px}.number-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.number-item{padding:14px;background:#fff7f2;border-left:4px solid var(--red);border-radius:8px}.number-item b,.big-number{display:block;color:var(--red);font-size:26px;line-height:1;margin-bottom:8px}.directory{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.directory a,.shelf article,.method-grid article{background:#fff;border:1px solid var(--line);border-radius:10px;padding:15px}.shelf{grid-template-columns:repeat(3,1fr)}.timeline{border-left:2px solid var(--red);margin-left:10px;padding-left:22px}.timeline article{position:relative;padding:0 0 20px}.timeline article:before{content:"";position:absolute;left:-30px;top:5px;width:12px;height:12px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #f8d7d8}.workshop{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.workshop article{padding:16px;border-top:3px solid var(--red);background:#fff;border-radius:10px;box-shadow:var(--shadow)}.app-block{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:22px;align-items:center;padding:20px;background:#fff;border:1px solid var(--line);border-radius:12px}.app-visual{display:flex;gap:12px;align-items:center;justify-content:center;min-width:0}.app-visual .app-shot{max-height:360px;max-width:180px;object-fit:contain}.app-icon{width:48px;height:48px;object-fit:contain}.info-trio{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.content-box{padding:20px;margin-bottom:16px}.content-box p:last-child{margin-bottom:0}.article-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.article-card{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.fact-opinion{display:grid;grid-template-columns:1fr 1fr;gap:14px}.fact-opinion>section{padding:18px;border-radius:12px}.fact-opinion .fact{background:#fff;border:1px solid var(--line)}.fact-opinion .opinion{background:#fff0ef;border:1px solid var(--strong)}.faq-list{display:grid;gap:12px}.faq-item{padding:18px;background:#fff;border:1px solid var(--line);border-radius:12px}.faq-item h2{font-size:16px}.site-footer{background:var(--dark);color:#f7d7d4;border-top:1px solid #fff}.footer-inner{max-width:var(--max);margin:auto;padding:30px 16px 28px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.footer-logo{height:28px;max-width:180px;object-fit:contain;object-position:left center}.footer-brand strong{display:block;color:#fff}.footer-brand span{font-size:12px}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:13px;color:#fff;margin-bottom:8px}.footer-grid a{display:block;font-size:13px;padding:3px 0}.footer-note,.copyright{font-size:13px;color:#f1cfd3}.footer-note{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.2)}.overlay{position:fixed;z-index:80;inset:0;background:rgba(25,7,10,.45);opacity:0;visibility:hidden;pointer-events:none;transition:.22s}.overlay.open{opacity:1;visibility:visible;pointer-events:auto}.film-drawer{position:fixed;z-index:90;left:0;right:0;bottom:0;transform:translateY(103%);visibility:hidden;pointer-events:none;transition:transform .24s ease,visibility .24s}.film-drawer.open{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-shell{max-width:720px;max-height:70vh;overflow:auto;margin:0 auto;background:#fff;border:1px solid var(--strong);border-bottom:0;border-radius:14px 14px 0 0;padding:16px}.drawer-head{position:sticky;top:-16px;z-index:2;display:flex;align-items:center;justify-content:space-between;background:#fff;padding:14px 0;border-bottom:1px solid var(--line)}.drawer-brand{display:flex;align-items:center;gap:10px}.drawer-brand img{height:28px;max-width:160px;object-fit:contain}.icon-close{min-height:40px;padding:0 14px;border:1px solid var(--red);background:#fff;color:var(--dark);border-radius:9px;cursor:pointer}.drawer-groups{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:14px}.drawer-groups section{border:1px solid var(--line);border-radius:10px;padding:12px}.drawer-groups h2{font-size:14px;color:var(--red);margin:0 0 8px}.drawer-groups a{display:block;padding:9px 7px;border-top:1px solid rgba(196,30,58,.08)}.drawer-groups a:first-of-type{border-top:0}.drawer-groups b{display:block;font-size:14px;color:var(--ink)}.drawer-groups span{display:block;font-size:12px;color:var(--muted);line-height:1.55}.search-panel{position:fixed;z-index:95;top:82px;left:0;right:0;visibility:hidden;pointer-events:none;opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;opacity:1}.search-card{width:min(520px,calc(100% - 32px));margin:0 auto;background:#fff9f5;border:1px solid var(--strong);box-shadow:var(--shadow);border-radius:0 0 12px 12px;padding:16px}.search-head{display:flex;align-items:center;justify-content:space-between}.search-look{margin:12px 0;padding:12px;background:#fff;border:1px solid var(--line);border-radius:9px;color:var(--muted)}.preset-links{display:flex;flex-wrap:wrap;gap:8px}.preset-links a{padding:8px 10px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--dark)}.mobile-bottom{display:none}.btn:hover,.btn:focus-visible,.app-link:hover,.app-link:focus-visible,.drawer-button:hover,.drawer-button:focus-visible,.film-tabs a:hover,.film-tabs a:focus-visible,.preset-links a:hover,.preset-links a:focus-visible{outline:2px solid rgba(196,30,58,.28);outline-offset:2px}
@media(max-width:900px){.film-tabs{display:none}.site-main{padding-top:98px}.grid-4,.directory,.workshop{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr}.wide-section,.app-block{grid-template-columns:1fr}.number-list{grid-template-columns:repeat(2,1fr)}.info-trio{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}.mobile-bottom{position:fixed;z-index:60;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(--line)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.active{background:var(--red);color:#fff}.site-footer{padding-bottom:58px}.drawer-shell{width:100%;max-width:none;max-height:78vh}.search-panel{top:0;bottom:0;background:var(--dark);padding:90px 16px 20px}.search-card{width:100%;max-height:calc(100vh - 110px);overflow:auto;background:var(--dark);color:#fff;border-color:rgba(255,255,255,.35);border-radius:12px}.search-card strong,.search-card .icon-close{color:#fff}.search-card .icon-close{background:transparent;border-color:#fff}.search-look{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}.preset-links a{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);color:#fff}}
@media(max-width:620px){.wrap{padding:18px 16px}.mast-inner{padding:0 16px}.brand{min-width:0;max-width:42%}.brand-logo{max-width:130px}.drawer-button{position:static;transform:none;margin-left:auto;margin-right:8px;padding:0 12px}.app-link{padding:0 11px}.grid-2,.article-grid,.fact-opinion,.drawer-groups,.shelf{grid-template-columns:1fr}.grid-4,.directory,.workshop{grid-template-columns:1fr}.number-list{grid-template-columns:1fr}.hero-media{height:220px}.section-card .media-slot{height:180px}.app-visual{flex-wrap:wrap}.footer-grid{grid-template-columns:1fr 1fr}.page-hero{padding:20px}.page-hero h1,.hero-copy h1{font-size:24px}}
@media(max-width:360px){.redline-inner{padding:0 10px}.redline-inner span{font-size:11px}.mast-inner{padding:0 10px}.brand span{font-size:15px}.drawer-button{padding:0 10px}.app-link{padding:0 9px}.app-visual{flex-direction:column}.app-visual .app-shot{max-width:100%;width:auto}.footer-grid{grid-template-columns:1fr}}