*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FDE8EE;color:#4A1C24;font-family:"Noto Sans SC","Microsoft YaHei",Arial,sans-serif;font-size:15px;line-height:1.7;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.wrap,.page-shell{width:min(980px,calc(100% - 32px));margin:0 auto}.site-head{position:fixed;top:0;left:0;right:0;z-index:50}.night-news{height:20px;background:#3A1218;color:#FFF5F7;font-size:12px}.night-news-inner{height:20px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#FFF5F7;padding:0 4px;cursor:pointer}.brand-bar{height:54px;background:#F4A4B8;border-bottom:1px solid rgba(196,58,74,.18)}.brand-inner{height:54px;display:flex;align-items:center;justify-content:space-between}.brand-home{display:flex;align-items:center;min-height:44px;font-size:16px;font-weight:800;color:#3A1218}.brand-logo{height:24px;width:auto;object-fit:contain}.brand-actions{display:flex;align-items:center;gap:8px}.app-link,.menu-button{min-height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:10px}.app-link{background:linear-gradient(135deg,#F4A4B8 0%,#C43A4A 100%);color:#FFF5F7}.menu-button{background:#FFF5F7;border:1px solid #C43A4A;color:#3A1218;cursor:pointer}.light-points{height:42px;background:#FFF5F7;border-bottom:1px solid rgba(196,58,74,.18)}.light-inner{height:42px;display:flex;align-items:center;gap:22px}.light-link{height:42px;display:inline-flex;align-items:center;gap:8px;font-size:13px;position:relative}.light-link .dot{width:8px;height:8px;border-radius:50%;background:#C43A4A}.light-link.active .dot{background:#3A1218}.light-link.active:after{content:"";position:absolute;left:16px;right:0;bottom:4px;height:2px;background:#C43A4A}.page-main{padding-top:132px;min-height:65vh}.section{padding:42px 0}.section.alt{background:#FBEFF2}.section.deep{background:#F4D0DA}.eyebrow{font-size:13px;color:#8A4A58;letter-spacing:.08em;margin:0 0 8px}.section h1{font-size:24px;line-height:1.3;color:#3A1218;margin:0 0 16px}.section h2{font-size:20px;color:#3A1218;margin:0 0 14px}.section h3{font-size:16px;color:#3A1218;margin:0 0 8px}.section p{margin:0 0 14px}.lead{font-size:16px;color:#3A1218}.hero-line{border-left:4px solid #C43A4A;padding-left:20px;max-width:760px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.btn{min-height:42px;padding:0 18px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}.btn.primary{background:linear-gradient(135deg,#F4A4B8 0%,#C43A4A 100%);color:#FFF5F7}.btn.secondary{background:#FFF5F7;color:#3A1218;border:1px solid #C43A4A}.btn:hover,.app-link:hover,.menu-button:hover{filter:brightness(.98);transform:translateY(-1px)}a:focus-visible,button:focus-visible{outline:3px solid #C48A72;outline-offset:2px}.media-slot{width:100%;background:#FFF5F7;border:1px solid rgba(244,164,184,.55);border-radius:14px;min-height:110px;display:flex;align-items:center;justify-content:center;overflow:hidden}.media-img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-168{height:168px}.slot-200{height:200px}.slot-260{height:260px}.slot-320{height:320px}.tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.tag{display:inline-flex;min-height:38px;align-items:center;padding:0 16px;border-radius:999px;background:#FFF5F7;border:1px solid rgba(196,58,74,.18);color:#3A1218}.pink-strips{display:grid;gap:14px}.pink-strip{background:#F4A4B8;color:#3A1218;border-left:4px solid #C43A4A;border-radius:10px;padding:18px}.vertical-notes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.vertical-note{background:#FFF5F7;border-top:4px solid #C43A4A;border-radius:12px;padding:18px;min-height:180px}.two-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.card{background:#FFF5F7;border:1px solid rgba(196,58,74,.18);box-shadow:0 12px 28px rgba(58,18,24,.08);border-radius:12px;padding:20px}.status-list,.step-list,.memo-list,.album-list,.topic-list{display:grid;gap:12px}.status-row,.step-row,.memo-row,.album-row,.topic-row{background:#FFF5F7;border:1px solid rgba(196,58,74,.18);border-radius:12px;padding:18px}.status-row{display:flex;gap:16px;align-items:flex-start}.status-badge{flex:0 0 auto;padding:4px 10px;border-radius:999px;background:#C43A4A;color:#FFF5F7;font-size:13px}.single-column{max-width:800px}.split-app{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:26px;align-items:center}.app-visual{display:grid;gap:12px}.icon-slot{width:64px;height:64px}.icon-slot img{width:48px;height:48px;object-fit:contain}.faq-grid{display:grid;gap:12px}.faq-item{background:#FFF5F7;border-radius:12px;padding:18px;border:1px solid rgba(196,58,74,.18)}.page-intro{padding:38px 0 24px}.page-intro p{max-width:760px}.center-card{max-width:760px;margin:28px auto 0;background:#FFF5F7;border:1px solid rgba(196,58,74,.18);border-radius:14px;padding:28px;text-align:center}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.method-box{background:#FFF5F7;border-radius:12px;padding:20px;border-bottom:3px solid #C48A72}.terms article{background:#FFF5F7;border-radius:12px;padding:22px;margin-bottom:14px}.contact-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.banner-slot{height:200px}.about-statement{background:#3A1218;color:#FFF5F7;border-radius:14px;padding:26px}.about-statement h2{color:#FFF5F7}.site-footer{background:#2A0E14;color:#FDE8EE;border-top:1px solid #F4A4B8;padding:36px 0 76px;font-size:13px}.footer-top{display:grid;grid-template-columns:220px 1fr;gap:30px}.footer-brand{display:flex;flex-direction:column;gap:7px}.footer-logo{height:24px;width:auto;object-fit:contain;align-self:flex-start}.footer-groups{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.footer-groups h2{font-size:13px;margin:0 0 8px;color:#FFF5F7}.footer-groups a{display:block;color:#FDE8EE;margin:4px 0}.footer-note{margin-top:24px;color:#F4D0DA}.copyright{margin-top:10px;color:#B07080}.overlay{position:fixed;inset:0;background:rgba(42,14,20,.52);z-index:70;opacity:0;visibility:hidden;pointer-events:none;transition:.2s}.overlay.show{opacity:1;visibility:visible;pointer-events:auto}.drawer{position:fixed;right:0;top:0;bottom:0;width:280px;max-width:88vw;background:#FFF5F7;z-index:80;transform:translateX(105%);visibility:hidden;pointer-events:none;transition:.24s;overflow:auto}.drawer.open{transform:none;visibility:visible;pointer-events:auto}.drawer-head{position:sticky;top:0;background:#F4D0DA;display:flex;align-items:center;justify-content:space-between;padding:14px;border-bottom:1px solid rgba(196,58,74,.18)}.drawer-brand{display:flex;align-items:center;gap:8px}.drawer-brand img{height:24px;width:auto;object-fit:contain}.close-button{min-height:44px;padding:0 12px;border:1px solid #C43A4A;background:#FFF5F7;color:#3A1218;border-radius:10px;cursor:pointer}.drawer-body{padding:10px 14px 24px}.drawer-body section{padding:12px 0;border-bottom:1px solid rgba(196,58,74,.18)}.drawer-body h2{font-size:14px;margin:0 0 8px;color:#8A4A58}.drawer-body a{display:block;padding:10px 4px}.drawer-body b{display:block;color:#3A1218}.drawer-body span{display:block;color:#8A4A58;font-size:12px}.search-panel{position:fixed;left:0;right:0;top:74px;z-index:81;visibility:hidden;pointer-events:none;transform:translateY(-12px);opacity:0;transition:.2s}.search-panel.open{visibility:visible;pointer-events:auto;transform:none;opacity:1}.search-card{width:min(720px,calc(100% - 32px));margin:0 auto;background:#FFF5F7;border:1px solid rgba(196,58,74,.18);border-radius:0 0 14px 14px;padding:20px;box-shadow:0 12px 28px rgba(58,18,24,.08)}.search-head{display:flex;justify-content:space-between;gap:16px;align-items:center}.search-head h2{font-size:18px;margin:0;color:#3A1218}.search-links{display:flex;flex-wrap:wrap;gap:10px}.search-links a{min-height:40px;padding:0 14px;display:inline-flex;align-items:center;background:#F4D0DA;border-radius:999px;color:#3A1218}.locked{overflow:hidden}.mobile-bottom{display:none}
@media(max-width:760px){.light-points{display:none}.page-main{padding-top:74px;padding-bottom:62px}.section{padding:32px 0}.vertical-notes,.two-cards,.method-grid,.contact-cards{grid-template-columns:1fr}.split-app{grid-template-columns:1fr}.split-app .app-visual{order:-1}.slot-320{height:300px}.footer-top{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,1fr)}.site-footer{padding-bottom:82px}.mobile-bottom{position:fixed;left:0;right:0;bottom:0;z-index:60;height:calc(48px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#FFF5F7;border-top:1px solid rgba(196,58,74,.18);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px}.mobile-bottom a.active{background:#C43A4A;color:#FFF5F7}.search-panel{top:0;bottom:0;background:#3A1218;padding-top:70px}.search-card{background:#3A1218;color:#FFF5F7;border:0;box-shadow:none}.search-head h2,.search-card p{color:#FFF5F7}.search-links a{background:#FFF5F7;color:#3A1218}.search-panel .close-button{background:#FFF5F7}.night-news-inner{width:calc(100% - 24px)}.brand-inner{width:calc(100% - 24px)}.brand-actions{gap:4px}.app-link,.menu-button{padding:0 10px}.page-shell,.wrap{width:min(980px,calc(100% - 32px))}.banner-slot{height:180px}}
@media(max-width:380px){.brand-home span{font-size:15px}.app-link,.menu-button{padding:0 8px;font-size:13px}.footer-groups{grid-template-columns:1fr}}
@media(max-width:760px){.drawer{width:88vw;max-width:88vw}}
