*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF0F5;color:#5A3040;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden;padding-top:118px}a{color:inherit;text-decoration:none}button,input{font:inherit}.shell{width:min(960px,calc(100% - 32px));margin:0 auto}.skip-link{position:fixed;left:16px;top:-60px;z-index:999;background:#FFF8FA;color:#4A2430;padding:8px 12px;border-radius:8px}.skip-link:focus{top:8px}.sugar-eave{position:fixed;z-index:120;top:0;left:0;right:0;height:20px;background:#C46A82;color:#FFF8FA;font-size:12px}.sugar-eave-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-action{border:0;background:transparent;color:#FFF8FA;padding:0 4px;cursor:pointer}.brand-bar{position:fixed;z-index:119;top:20px;left:0;right:0;height:54px;background:#FFF8FA;border-bottom:1px solid rgba(196,106,130,.2)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand-home{display:flex;align-items:center;min-width:0}.brand-logo-slot,.footer-logo-slot,.drawer-logo-slot{display:flex;align-items:center}.brand-logo{display:block;max-width:148px;height:24px;width:auto;object-fit:contain}.brand-fallback{font-weight:700;font-size:16px;color:#4A2430}.brand-logo-slot:not(:empty)+.brand-fallback{display:none}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.drawer-button,.close-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(196,106,130,.28);background:#FFF8FA;color:#4A2430;padding:0 14px;cursor:pointer}.drawer-button{background:linear-gradient(135deg,#E89BB0 0%,#C46A82 100%);color:#FFF8FA;border:0}.sugar-drops{position:fixed;z-index:118;top:74px;left:0;right:0;height:44px;background:#F7C6D4;border-bottom:1px solid rgba(196,106,130,.2)}.sugar-drop-inner{height:44px;display:flex;align-items:center;gap:8px}.sugar-drops a{height:34px;padding:0 16px;border-radius:22px;display:flex;align-items:center;color:#4A2430}.sugar-drops a.active{background:#C46A82;color:#FFF8FA}.main-content{min-height:60vh}.hero,.page-head{padding:54px 0 34px}.hero h1,.page-head h1{font-size:24px;line-height:1.3;color:#4A2430;margin:16px 0 12px}.hero .lead,.page-head .lead{max-width:760px;font-size:16px}.pill-row{display:flex;flex-wrap:wrap;gap:8px}.pill-row a,.tag{display:inline-flex;min-height:40px;align-items:center;padding:0 15px;border-radius:22px;background:#FFF8FA;border:1px solid rgba(232,155,176,.5);color:#4A2430}.primary-btn,.secondary-btn{display:inline-flex;height:44px;align-items:center;justify-content:center;padding:0 18px;border-radius:12px;margin-top:14px}.primary-btn{background:linear-gradient(135deg,#E89BB0 0%,#C46A82 100%);color:#FFF8FA}.secondary-btn{background:#FFF8FA;border:1px solid #C46A82;color:#4A2430}.primary-btn:hover,.secondary-btn:hover,.app-link:hover{transform:translateY(-1px)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid rgba(124,184,168,.55);outline-offset:2px}.section{padding:30px 0}.section.alt{background:#FCE8EE}.section h2{font-size:20px;color:#4A2430;margin:0 0 16px}.section h3{font-size:16px;color:#4A2430;margin:0 0 8px}.section p{margin:0 0 12px}.stack-cards{display:grid;gap:14px}.stack-card{background:#FFF8FA;border:1px solid rgba(196,106,130,.2);border-radius:16px;padding:18px;box-shadow:0 12px 28px rgba(74,36,48,.08)}.stack-card.offset{margin-left:34px}.media-slot{background:#F7C6D4;border-radius:14px;min-height:128px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:14px}.media-slot.h176{height:176px}.media-slot.h200{height:200px}.media-slot.app{height:320px;max-width:520px;margin:0 auto 18px}.media-slot img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;object-position:center}.short-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.short-strip{background:#FFF8FA;border-left:4px solid #E89BB0;border-radius:12px;padding:16px}.fold-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.fold-card{position:relative;background:#FFF8FA;padding:20px;border-radius:14px;border:1px solid rgba(196,106,130,.2);overflow:hidden}.fold-card:after{content:"";position:absolute;right:0;top:0;border-style:solid;border-width:0 34px 34px 0;border-color:transparent #F7C6D4 transparent transparent}.rack-grid,.topic-grid,.faq-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.info-card{background:#FFF8FA;border-radius:14px;border:1px solid rgba(196,106,130,.2);padding:18px}.center-product{text-align:center;max-width:720px;margin:0 auto}.app-icon{width:48px!important;height:48px!important;object-fit:contain!important;border-radius:12px}.status-list{display:grid;gap:10px}.status-item{display:grid;grid-template-columns:110px 1fr;gap:14px;align-items:start;background:#FFF8FA;border-radius:12px;padding:14px;border:1px solid rgba(196,106,130,.2)}.status-item strong{color:#C46A82}.memo-list{display:grid;gap:12px}.memo-item{background:#FFF8FA;padding:16px 18px;border-radius:14px;border:1px dashed rgba(196,106,130,.5)}.topic-list{display:grid;gap:12px}.topic-list article{background:#FFF8FA;padding:18px;border-radius:14px;border:1px solid rgba(196,106,130,.2)}.center-card{max-width:760px;margin:0 auto;background:#FFF8FA;padding:22px;border-radius:16px;border:1px solid rgba(196,106,130,.2);box-shadow:0 12px 28px rgba(74,36,48,.08)}.terms article{padding:18px 0;border-bottom:1px solid rgba(196,106,130,.2)}.terms article:last-child{border-bottom:0}.faq-item{background:#FFF8FA;padding:18px;border-radius:14px;border:1px solid rgba(196,106,130,.2)}.faq-item h2{font-size:16px;margin-bottom:8px}.site-footer{background:#3A1A24;color:#FFF0F5;padding:34px 0 calc(76px + env(safe-area-inset-bottom));border-top:1px solid rgba(255,248,250,.18)}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:22px}.footer-logo{height:24px;max-width:150px;object-fit:contain;filter:brightness(1.7)}.footer-brand div{display:flex;flex-direction:column}.footer-brand span{font-size:12px;color:#F7C6D4}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.footer-grid h2{font-size:14px;margin:0 0 8px;color:#FFF8FA}.footer-grid a{display:block;font-size:13px;padding:3px 0;color:#FFF0F5}.footer-note{margin-top:24px;padding-top:16px;border-top:1px solid rgba(255,248,250,.18);font-size:13px;color:#F7C6D4}.overlay{position:fixed;inset:0;z-index:200;background:rgba(58,26,36,.45);opacity:0;pointer-events:none;transition:.2s}.overlay.show{opacity:1;pointer-events:auto}.drawer{position:fixed;z-index:220;top:20px;left:0;right:0;max-height:38vh;overflow:auto;background:#FFF8FA;border-bottom:1px solid rgba(196,106,130,.2);transform:translateY(-110%);visibility:hidden;pointer-events:none;transition:.22s;padding:14px max(16px,calc((100% - 960px)/2)) 20px;box-shadow:0 12px 28px rgba(74,36,48,.12)}.drawer.open{transform:translateY(0);visibility:visible;pointer-events:auto}.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.drawer-title{display:flex;align-items:center;gap:10px}.drawer-logo{height:24px;max-width:150px;object-fit:contain}.drawer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:14px}.drawer-grid h2{font-size:14px;color:#C46A82;margin:0 0 6px}.drawer-grid a{display:block;padding:6px 0}.drawer-grid b{display:block;color:#4A2430;font-size:14px}.drawer-grid span{display:block;color:#8A5A68;font-size:12px;line-height:1.45}.search-layer{position:fixed;z-index:230;top:74px;left:0;right:0;visibility:hidden;pointer-events:none}.search-layer.open{visibility:visible;pointer-events:auto}.search-card{width:min(760px,calc(100% - 32px));margin:0 auto;background:#FFF8FA;border-radius:0 0 16px 16px;border:1px solid rgba(196,106,130,.2);padding:20px;box-shadow:0 12px 28px rgba(74,36,48,.12)}.search-head{display:flex;justify-content:space-between;align-items:center}.search-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin:12px 0}.search-form label{grid-column:1/-1;color:#8A5A68;font-size:13px}.search-form input{min-width:0;height:44px;border:1px solid rgba(196,106,130,.4);border-radius:12px;padding:0 12px;color:#4A2430;background:#FFF8FA}.search-form button{height:44px;border:0;border-radius:12px;background:#C46A82;color:#FFF8FA;padding:0 18px}.search-result{min-height:24px;color:#8A5A68}.preset-links{display:flex;gap:8px;flex-wrap:wrap}.preset-links a{background:#FCE8EE;padding:7px 12px;border-radius:18px}.mobile-bottom{display:none}.locked{overflow:hidden}.banner-head{background:#FCE8EE}.banner-head .media-slot{margin-top:18px}.note-kicker{color:#C46A82;font-weight:700;letter-spacing:.08em}.split-note{display:grid;grid-template-columns:1fr 1fr;gap:18px}.split-note article{background:#FFF8FA;border-radius:14px;padding:18px;border:1px solid rgba(196,106,130,.2)}
@media (max-width:720px){body{padding-top:74px;padding-bottom:calc(48px + env(safe-area-inset-bottom))}.sugar-drops{display:none}.shell{width:calc(100% - 32px)}.brand-inner{gap:8px}.brand-logo{max-width:116px}.brand-actions{gap:4px}.app-link,.drawer-button{padding:0 10px;min-width:44px}.short-columns,.fold-grid,.rack-grid,.topic-grid,.faq-grid,.split-note{grid-template-columns:1fr}.stack-card.offset{margin-left:14px}.footer-grid{grid-template-columns:1fr 1fr}.drawer{top:0;max-height:38vh}.drawer-grid{grid-template-columns:1fr 1fr}.drawer-grid span{font-size:11px}.search-layer{top:0;bottom:0;background:#C46A82}.search-card{width:100%;height:100%;border-radius:0;background:#C46A82;color:#FFF8FA;border:0;overflow:auto}.search-card strong,.search-card p,.search-form label,.search-result{color:#FFF8FA}.search-card .close-button,.search-form input{background:#FFF8FA;color:#4A2430}.preset-links a{background:#FFF8FA;color:#4A2430}.mobile-bottom{position:fixed;z-index:117;left:0;right:0;bottom:0;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#FFF8FA;border-top:1px solid rgba(196,106,130,.2)}.mobile-bottom a{display:flex;align-items:center;justify-content:center;font-size:13px;min-height:48px}.mobile-bottom a.active{background:#C46A82;color:#FFF8FA}.status-item{grid-template-columns:86px 1fr}.hero,.page-head{padding:38px 0 24px}.media-slot.app{height:300px}.site-footer{padding-bottom:calc(72px + env(safe-area-inset-bottom))}}
