:root{--bg:#FFF6F8;--deep:#FFE4EC;--content:#FFFBFC;--ink:#3A2A32;--text:#4A3A42;--muted:#6A5A62;--soft:#8A7A82;--pink:#E85A7A;--deep-pink:#C43D5C;--blush:#F4B8C8;--gold:#F7E8C8;--purple:#C8B0C8;--border:rgba(58,42,50,.12);--shadow:0 14px 34px rgba(58,42,50,.09);--max:1150px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.panel-open{overflow:hidden}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input{font:inherit}button{cursor:pointer}.shell{width:min(calc(100% - 32px),var(--max));margin:auto}
.site-header{position:fixed;inset:0 0 auto;z-index:50;box-shadow:0 4px 16px rgba(58,42,50,.05)}.flower-line{height:8px;background:linear-gradient(90deg,var(--blush),var(--pink))}.line-inner{height:8px}.line-inner span{font-size:0}.line-inner button{position:absolute;top:8px;right:max(16px,calc((100% - var(--max))/2));height:50px;border:0;background:transparent;color:var(--deep-pink);font-weight:700}.flower-stage{height:50px;background:var(--bg);border-bottom:1px solid rgba(196,61,92,.18)}.stage-inner{height:100%;display:flex;align-items:center;justify-content:space-between;padding-right:68px;gap:12px}.brand{display:flex;align-items:center;min-height:44px;color:var(--deep-pink);font-size:20px}.brand img,.box-brand img,.footer-brand img{height:24px;width:auto;object-fit:contain}.stage-actions{display:flex;gap:8px}.stage-actions button,.stage-actions a,.box-head button,.search-head button{min-height:44px;border-radius:10px;padding:8px 14px}.stage-actions button,.box-head button,.search-head button{background:var(--content);border:1px solid var(--blush);color:var(--deep-pink)}.stage-actions a{background:var(--pink);color:var(--content);font-weight:700}.flower-tags{height:36px;background:var(--bg);border-bottom:1px solid var(--border)}.tags-inner{height:100%;display:flex;align-items:center;gap:8px}.tags-inner a{height:28px;display:flex;align-items:center;border:1px solid var(--blush);border-radius:10px;padding:0 12px;color:var(--deep-pink);font-size:14px}.tags-inner a.is-current,.mobile-bottom a.is-current{background:var(--deep-pink);color:var(--content)}.site-main{padding-top:118px}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:center;padding:34px 0}.eyebrow{color:var(--deep-pink);font-weight:800;letter-spacing:.08em}h1,h2,h3{color:var(--ink);line-height:1.28}h1{font-size:clamp(28px,4vw,32px)}h2{font-size:24px}.hero-actions,.inline-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.btn-primary,.btn-secondary,.text-btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;padding:9px 15px;font-weight:700}.btn-primary{background:var(--pink);color:var(--content)}.btn-secondary,.text-btn{background:var(--bg);color:var(--deep-pink);border:1px solid var(--blush)}
.hero-media,.media-slot{background:linear-gradient(135deg,var(--deep),var(--content));border:1px solid var(--border);border-radius:16px;min-height:210px;display:flex;align-items:center;justify-content:center;padding:16px}.hero-media img{width:100%;max-height:230px;object-fit:contain}.media-slot img{width:100%;height:170px;object-fit:contain}.media-slot.tall img{height:auto;max-height:420px}.placeholder{color:var(--deep-pink);font-weight:800;text-align:center}.page-section{padding:28px 0}.compact{padding:16px 0}.section-intro{max-width:820px}.kicker{display:inline-block;background:var(--gold);color:var(--ink);border-radius:9px;padding:4px 9px;font-size:13px;font-weight:800}.purple-kicker{background:rgba(200,176,200,.32)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:center}.feature-card,.text-card,.status-card,.faq-item,.article-stack article{background:var(--content);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.feature-card{overflow:hidden}.feature-card .media-slot{border:0;border-radius:0}.feature-body,.text-card,.status-card,.faq-item,.article-stack article{padding:18px}.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}.status-card strong{color:var(--deep-pink)}.page-hero{padding:34px 0 10px}.page-hero .lead{max-width:860px;font-size:17px}.article-stack{display:grid;gap:16px}.faq-list{display:grid;gap:14px}.app-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:26px;align-items:start}.app-side{position:sticky;top:138px}
.flower-box,.search-panel{position:fixed;z-index:70;background:var(--bg);border:1px solid var(--border);box-shadow:0 20px 54px rgba(58,42,50,.18);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-8px);transition:.2s}.flower-box.is-open,.search-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:none}.flower-box{top:62px;right:max(16px,calc((100% - var(--max))/2));width:min(500px,calc(100% - 32px));height:340px;border-top:2px solid var(--pink);border-radius:12px;overflow:auto}.search-panel{top:62px;right:max(16px,calc((100% - var(--max))/2));width:min(450px,calc(100% - 32px));border-radius:12px;padding:18px}.box-head,.search-head{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;border-bottom:1px solid var(--border)}.box-brand{display:flex;align-items:center;gap:10px;color:var(--deep-pink)}.box-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:14px}.box-grid h2{font-size:15px;color:var(--deep-pink)}.box-grid a{display:block;padding:7px 0;border-bottom:1px solid rgba(58,42,50,.07)}.box-grid b,.box-grid span{display:block}.box-grid span{font-size:12px;color:var(--muted);line-height:1.45}.search-look{display:flex;gap:8px;align-items:center;background:var(--content);border:1px solid var(--border);border-radius:12px;padding:12px}.search-look input{flex:1;min-width:0;border:0;background:transparent}.search-look span{font-size:12px;color:var(--soft)}.preset-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.preset-links a{border:1px solid var(--blush);border-radius:9px;padding:8px 10px;color:var(--deep-pink)}.overlay{position:fixed;inset:0;z-index:60;background:rgba(58,42,50,.24);opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}
.site-footer{background:var(--ink);color:var(--deep);padding:34px 0 26px;margin-top:36px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:28px}.footer-brand{display:flex;flex-direction:column;gap:9px;color:var(--bg)}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-groups h2{font-size:15px;color:var(--blush)}.footer-groups a{display:block;color:var(--bg);font-size:14px;margin:6px 0}.footer-note{border-top:1px solid rgba(255,255,255,.12);margin-top:24px;padding-top:18px;font-size:13px}.mobile-bottom{display:none}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(232,90,122,.34);outline-offset:2px}
@media(max-width:900px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.hero,.split,.app-layout{grid-template-columns:1fr}.app-side{position:static}}
@media(max-width:680px){.flower-tags{display:none}.site-main{padding-top:70px;padding-bottom:68px}.stage-inner{padding-right:58px}.stage-actions{gap:6px}.stage-actions button,.stage-actions a{padding:8px 10px}.line-inner button{right:8px}.flower-box,.search-panel{top:58px;left:16px;right:16px;width:auto}.flower-box{height:60vh}.box-grid{grid-template-columns:1fr 1fr}.grid-4,.grid-3,.grid-2,.status-grid,.footer-groups{grid-template-columns:1fr}.footer-top{grid-template-columns:1fr}.site-footer{padding-bottom:80px}.mobile-bottom{position:fixed;z-index:55;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(5,1fr);min-height:50px;padding-bottom:env(safe-area-inset-bottom);background:var(--bg);border-top:1px solid var(--border)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:13px}}
@media(max-width:430px){.brand{max-width:126px}.brand img{max-width:118px}.box-grid{grid-template-columns:1fr}.flower-box{height:62vh}}
