:root{
  --bg:#FFF6F8;--deep:#FFE4EC;--card:#FFFBFC;--ink:#3A2A32;--text:#4A3A42;
  --muted:#6A5A62;--soft:#8A7A82;--pink:#E85A7A;--cherry:#C43D5C;--haze:#F4B8C8;
  --gold:#F7E8C8;--lilac:#C8B0C8;--border:rgba(58,42,50,.12);--shadow:0 14px 34px rgba(58,42,50,.09)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button{font:inherit}
.shell{width:min(1150px,calc(100% - 32px));margin:0 auto}
.site-header{position:fixed;top:0;left:0;right:0;z-index:50}
.flower-line{height:8px;background:linear-gradient(90deg,var(--haze),var(--pink));color:#FFFBFC;overflow:visible}
.flower-line-inner{height:8px;display:flex;justify-content:space-between;align-items:center;position:relative}
.brand-mini{font-size:0;position:absolute;top:10px;left:0;color:var(--cherry);font-weight:700;pointer-events:none}
.text-btn{position:absolute;right:0;top:8px;border:0;background:transparent;color:var(--cherry);height:42px;padding:0 12px;cursor:pointer}
.flower-stage{height:50px;background:var(--bg);border-bottom:1px solid var(--haze)}
.stage-inner{height:50px;display:flex;align-items:center;justify-content:space-between}
.logo-link{height:44px;display:flex;align-items:center;color:var(--cherry);font-weight:800;font-size:20px;max-width:210px}
.logo-link img{height:24px;width:auto;object-fit:contain}
.stage-actions{display:flex;align-items:center;gap:8px;padding-right:58px}
.menu-btn,.app-link,.btn,.btn-secondary,.close-btn{min-height:44px;border-radius:12px;padding:0 16px;display:inline-flex;align-items:center;justify-content:center}
.menu-btn{border:1px solid var(--haze);background:var(--bg);color:var(--cherry);cursor:pointer}
.app-link,.btn{background:var(--pink);color:#FFFBFC;border:1px solid var(--pink)}
.btn-secondary{background:var(--bg);color:var(--cherry);border:1px solid var(--haze)}
.flower-tags{height:36px;background:var(--bg);border-bottom:1px solid var(--border)}
.tags-inner{height:36px;display:flex;align-items:center;gap:8px}
.tags-inner a{font-size:13px;border:1px solid var(--haze);border-radius:10px;padding:5px 10px;color:var(--cherry)}
.tags-inner a.active{background:var(--cherry);color:#FFFBFC;border-color:var(--cherry)}
.site-main{padding-top:112px}
.overlay{position:fixed;inset:0;background:rgba(58,42,50,.32);z-index:60;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}
.overlay.open{opacity:1;visibility:visible;pointer-events:auto}
.flower-box,.search-panel{position:fixed;z-index:70;background:var(--bg);border-top:2px solid var(--pink);box-shadow:var(--shadow);visibility:hidden;pointer-events:none;opacity:0;transform:translateY(-10px);transition:.2s}
.flower-box.open,.search-panel.open{visibility:visible;pointer-events:auto;opacity:1;transform:none}
.flower-box{top:58px;right:max(16px,calc((100vw - 1150px)/2));width:500px;max-height:340px;border-radius:12px;overflow:auto}
.box-head,.search-head{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-bottom:1px solid var(--border)}
.box-brand{display:flex;align-items:center;gap:9px;color:var(--cherry);font-weight:800}.box-brand img{height:22px}
.close-btn{border:1px solid var(--haze);background:var(--bg);color:var(--cherry);cursor:pointer}
.box-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;padding:14px}
.box-grid h2{font-size:14px;color:var(--cherry);margin:0 0 7px}
.box-grid a{display:block;padding:7px;border-radius:10px}
.box-grid a:hover,.box-grid a:focus-visible{background:var(--deep);outline:none}
.box-grid strong{display:block;font-size:14px;color:var(--ink)}
.box-grid span{display:block;font-size:12px;color:var(--muted);margin-top:2px}
.search-panel{top:58px;right:max(16px,calc((100vw - 1150px)/2));width:450px;border-radius:12px;padding-bottom:14px}
.search-look{margin:14px;border:1px solid var(--haze);border-radius:12px;padding:14px;color:var(--muted);background:var(--card)}
.preset-links{display:flex;gap:8px;flex-wrap:wrap;padding:0 14px}.preset-links a{border:1px solid var(--haze);border-radius:10px;padding:9px 12px;color:var(--cherry)}
.locked{overflow:hidden}
.hero{padding:42px 0 28px}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:34px;align-items:center}
.kicker{color:var(--cherry);font-weight:800;font-size:14px;letter-spacing:.08em}
h1{font-size:32px;line-height:1.2;color:var(--ink);margin:10px 0 16px}
h2{color:var(--ink);line-height:1.3}
p{line-height:1.85}
.hero p{font-size:16px;max-width:650px}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.media-frame,.media-placeholder{background:linear-gradient(135deg,var(--deep),var(--card));border:1px solid var(--haze);border-radius:16px}
.hero-media{min-height:220px;display:flex;align-items:center;justify-content:center;padding:12px}
.hero-media img{max-height:230px;width:100%;height:auto;object-fit:contain;object-position:center}
.section{padding:30px 0}.section.alt{background:var(--card)}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}
.section-head h2{margin:0;font-size:26px}.section-head p{margin:0;color:var(--muted);max-width:600px}
.stack-media{margin-top:16px;display:flex;justify-content:center;padding:10px;min-height:170px}
.stack-media img{max-height:180px;width:100%;object-fit:contain}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.card{background:var(--card);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow);padding:16px}
.card h3{margin:10px 0 6px;color:var(--ink)}.card p{margin:0;color:var(--muted)}
.card-media{height:170px;display:flex;align-items:center;justify-content:center;padding:8px;background:var(--bg);border-radius:12px;border:1px solid var(--border)}
.card-media img{max-height:170px;width:100%;object-fit:contain}
.split{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.split.reverse>div:first-child{order:2}
.text-panel{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px}
.text-panel h2{margin-top:0}
.status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:16px}
.status{padding:18px;border-radius:14px;border:1px solid var(--border);background:var(--bg)}
.status strong{color:var(--cherry);display:block;margin-bottom:6px}
.page-head{padding:38px 0 20px}.page-head p{max-width:780px;color:var(--muted)}
.content-grid{display:grid;grid-template-columns:2fr 1fr;gap:22px;align-items:start}
.article{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:24px}
.article section+section{border-top:1px solid var(--border);margin-top:24px;padding-top:24px}
.article h2{font-size:22px;margin:0 0 10px}
.article h3{color:var(--cherry)}
.side-card{position:sticky;top:128px;background:var(--deep);border-radius:16px;padding:18px;border:1px solid var(--haze)}
.side-card a{display:block;padding:10px 0;border-bottom:1px solid rgba(58,42,50,.10);color:var(--cherry)}
.inline-media{margin:16px 0;min-height:170px;display:flex;justify-content:center;align-items:center;padding:10px}
.inline-media img{max-height:180px;width:100%;object-fit:contain}
.app-visual img{max-height:420px;width:100%;object-fit:contain}
.mark-row{display:flex;gap:14px;align-items:center}.mark-row img{width:64px;height:64px;object-fit:contain}
.faq-item{padding:18px 0;border-bottom:1px solid var(--border)}.faq-item h2{font-size:19px;margin:0 0 8px}
.notice{background:var(--gold);color:var(--ink);padding:14px 16px;border-radius:12px}
.site-footer{background:#3A2A32;color:#FFE4EC;padding:38px 0 82px;margin-top:42px}
.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand img{height:24px}.footer-brand strong{display:block;color:#FFF6F8}.footer-brand span{font-size:12px;color:#F4B8C8}
.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:26px 0}
.footer-grid h2{font-size:14px;color:#F4B8C8}.footer-grid a{display:block;color:#FFF6F8;padding:4px 0;font-size:14px}
.footer-note,.copyright{color:#FFE4EC;font-size:13px}
.mobile-bottom{display:none}
a:focus-visible,button:focus-visible{outline:3px solid var(--lilac);outline-offset:2px}
@media(max-width:820px){
  .flower-tags{display:none}.site-main{padding-top:58px}.stage-actions{padding-right:48px}
  .hero{padding-top:28px}.hero-grid,.split,.content-grid{grid-template-columns:1fr}.split.reverse>div:first-child{order:0}
  .card-grid,.status-grid{grid-template-columns:1fr 1fr}.side-card{position:static}
  .flower-box{top:58px;left:16px;right:16px;width:auto;height:60vh;max-height:none}
  .search-panel{top:58px;left:16px;right:16px;width:auto}
  .mobile-bottom{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:55;background:var(--bg);border-top:1px solid var(--haze);height:calc(50px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom)}
  .mobile-bottom a{display:flex;align-items:center;justify-content:center;min-height:50px;font-size:13px;color:var(--cherry)}
  .mobile-bottom a.active{background:var(--cherry);color:#FFFBFC}
  .site-footer{padding-bottom:90px}
  .box-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .shell{width:min(100% - 32px,1150px)}
  h1{font-size:28px}.section-head{display:block}.card-grid,.status-grid{grid-template-columns:1fr}
  .box-grid{grid-template-columns:1fr}.flower-box{height:60vh}
  .stage-actions{gap:6px;padding-right:46px}.menu-btn,.app-link{padding:0 12px}
  .footer-grid{grid-template-columns:1fr 1fr}
}