*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF7F5;color:#4A2428;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}body.is-locked{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit}img{max-width:100%;display:block}.topline{position:fixed;z-index:60;top:0;left:0;right:0;height:18px;background:#9A1428;color:#fff;font-size:12px}.topline-inner{max-width:960px;height:18px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#fff;padding:0 2px;cursor:pointer}.site-head{position:fixed;z-index:60;top:18px;left:0;right:0;height:54px;background:#FFF7F5;border-bottom:1px solid rgba(217,31,58,.16)}.site-head-inner{max-width:960px;height:54px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand-link{height:44px;display:flex;align-items:center;min-width:0}.brand-logo,.drawer-logo,.footer-logo{height:24px;width:auto;object-fit:contain;object-position:center}.brand-fallback{font-size:16px;font-weight:800;color:#2A1216}.head-actions{display:flex;align-items:center;gap:8px}.app-link,.drawer-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;border:1px solid rgba(217,31,58,.16);background:#fff;color:#9A1428;font-size:14px;cursor:pointer;white-space:nowrap}.drawer-button{min-width:64px}.petal-nav{position:fixed;z-index:55;top:72px;left:0;right:0;height:44px;background:#FBECEA;border-bottom:1px solid rgba(217,31,58,.12)}.petal-nav-inner{height:44px;max-width:960px;margin:auto;padding:0 16px;display:flex;align-items:center;gap:24px}.petal-item{display:flex;align-items:center;gap:8px;height:40px;font-size:13px;color:#7A4E52}.petal-pair{display:inline-flex;gap:8px}.petal-pair i{width:22px;height:18px;border:1px solid #D91F3A;border-radius:60% 60% 58% 58%;display:block;background:#fff;transform:rotate(-8deg)}.petal-pair i+ i{transform:rotate(8deg)}.petal-item.is-current{color:#fff;background:#9A1428;padding:0 12px;border-radius:12px;box-shadow:0 6px 16px rgba(217,31,58,.18)}.petal-item.is-current .petal-pair i{background:#9A1428;border-color:#fff}.site-main{padding-top:132px;min-height:70vh}.wrap{max-width:960px;margin:auto;padding:0 16px}.breadcrumb{font-size:13px;color:#7A4E52;margin:0 0 18px}.breadcrumb a{color:#9A1428}.page-hero{margin:0 0 28px}.page-hero h1,.home-intro h1{margin:0 0 10px;color:#2A1216;font-size:24px;line-height:1.3}.lead{font-size:16px;color:#4A2428;margin:0}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#9A1428;font-weight:700;font-size:13px;margin-bottom:10px}.two-petal-mark{display:inline-flex;gap:7px}.two-petal-mark i{width:24px;height:18px;border:1px solid #D91F3A;border-radius:60%;display:block;background:#fff}.btn-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.primary-btn,.secondary-btn{height:42px;min-width:120px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:filter 180ms ease,box-shadow 180ms ease,transform 180ms ease}.primary-btn{color:#fff;background:linear-gradient(135deg,#F04A5E 0%,#D91F3A 52%,#9A1428 100%);box-shadow:0 6px 16px rgba(217,31,58,.18)}.secondary-btn{background:#fff;border:1px solid rgba(217,31,58,.18);color:#9A1428}.primary-btn:hover,.petal-item.is-current:hover,.mobile-bottom .is-current:hover{filter:brightness(1.05);box-shadow:0 0 0 3px rgba(240,74,94,.28),0 10px 24px rgba(154,20,40,.28)}.primary-btn:active,.petal-item.is-current:active,.mobile-bottom .is-current:active{filter:brightness(1.08);box-shadow:0 0 0 4px rgba(201,160,122,.40),0 0 22px rgba(240,74,94,.50)}a:focus-visible,button:focus-visible{outline:2px solid #F04A5E;outline-offset:2px}.section{margin:28px 0}.section h2{font-size:20px;line-height:1.35;color:#2A1216;margin:0 0 12px}.section h3{font-size:16px;color:#2A1216;margin:0 0 8px}.section p{margin:0 0 12px}.surface{background:#fff;border:1px solid rgba(217,31,58,.16);border-radius:14px;box-shadow:0 12px 28px rgba(42,18,22,.08)}.soft{background:#FBECEA}.image-slot{background:#FFF7F5;border:1px solid rgba(217,31,58,.12);border-radius:14px;display:flex;align-items:center;justify-content:center;overflow:hidden}.image-slot img{width:100%;height:100%;object-fit:contain;object-position:center}.slot-176{height:176px}.slot-168{height:168px}.slot-160{height:160px}.slot-200{height:200px}.slot-app{height:320px;width:240px;max-width:100%}.heart-slot{width:240px;height:176px;max-width:100%;border-radius:45% 45% 42% 42% / 42% 42% 58% 58%;position:relative}.heart-slot:before,.heart-slot:after{content:"";position:absolute;top:-1px;width:54%;height:52%;background:#FFF7F5;border:1px solid rgba(217,31,58,.12);border-bottom:0;z-index:0}.heart-slot:before{left:5%;border-radius:60% 60% 0 0;transform:rotate(-4deg)}.heart-slot:after{right:5%;border-radius:60% 60% 0 0;transform:rotate(4deg)}.heart-slot img{position:relative;z-index:1}.home-intro{padding:26px 0 8px}.intro-card{max-width:780px}.feature-cut{display:grid;grid-template-columns:260px 1fr;gap:24px;align-items:center;padding:22px}.feature-copy p{margin:0 0 12px}.dual-heart{display:grid;grid-template-columns:1.15fr .85fr;gap:16px}.dual-heart article{padding:20px}.stack-cards{display:grid;gap:14px}.stack-cards article{padding:18px}.status-card{padding:20px}.status-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.status-list span{padding:7px 10px;border-radius:999px;background:#F6E4E2;color:#7A4E52;font-size:13px}.status-list .done{background:#9A1428;color:#fff}.topic-list{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-list a{padding:16px;background:#fff;border:1px solid rgba(217,31,58,.14);border-radius:14px}.topic-list b{display:block;color:#2A1216;margin-bottom:6px}.app-flow{display:block;padding:22px}.app-visual{width:240px;margin:0 auto 18px}.app-icon{width:48px;height:48px;margin:12px auto 0;object-fit:contain}.faq-preview{display:grid;grid-template-columns:1fr 1fr;gap:12px}.faq-preview details{background:#fff;border:1px solid rgba(217,31,58,.14);border-radius:14px;padding:14px}.faq-preview summary{cursor:pointer;font-weight:700;color:#2A1216}.faq-preview p{margin:10px 0 0}.info-band{padding:20px}.brand-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;align-items:center}.brand-section .image-slot{height:170px}.page-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.page-grid article{padding:20px}.page-grid .wide{grid-column:1/-1}.slice-layout{display:grid;grid-template-columns:280px 1fr;gap:20px;align-items:start}.slice-layout .rail{position:sticky;top:136px;padding:18px}.slice-layout .rail a{display:block;padding:10px 0;border-bottom:1px solid rgba(217,31,58,.12);color:#9A1428}.slice-content{display:grid;gap:14px}.slice-content article{padding:20px;border-left:4px solid #D91F3A}.petal-pages{display:grid;grid-template-columns:1fr 1fr;gap:16px}.petal-pages article{padding:22px;border-radius:28px 14px 28px 14px}.petal-pages article:nth-child(even){border-radius:14px 28px 14px 28px}.timeline-status{display:grid;gap:12px}.timeline-status article{display:grid;grid-template-columns:110px 1fr;gap:16px;padding:18px}.timeline-status .state{align-self:start;padding:8px 10px;border-radius:999px;text-align:center;background:#F6E4E2;color:#7A4E52;font-size:13px}.timeline-status .state.done{background:#9A1428;color:#fff}.essay{max-width:780px}.essay article{padding:22px;margin-bottom:14px}.album-list{display:grid;gap:14px}.album-list article{display:grid;grid-template-columns:140px 1fr auto;gap:18px;align-items:center;padding:18px}.album-chip{width:120px;height:74px;border-radius:50%;background:#FBECEA;border:1px solid rgba(217,31,58,.14);display:flex;align-items:center;justify-content:center;color:#9A1428;font-weight:800}.album-list .secondary-btn{min-width:96px}.behind-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:18px}.behind-layout article{padding:20px}.behind-layout .notes{display:grid;gap:12px}.letter-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:18px}.letter-layout .letter-visual{padding:18px}.letter-layout .letter-body article{padding:18px;margin-bottom:12px}.app-page-flow{display:block}.app-page-top{display:grid;grid-template-columns:260px 1fr;gap:22px;align-items:start}.app-page-copy{padding:20px}.policy article{padding:20px;margin-bottom:14px}.help-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.help-grid article{padding:18px}.faq-list{display:grid;gap:12px}.faq-list details{background:#fff;border:1px solid rgba(217,31,58,.14);border-radius:14px;padding:16px}.faq-list summary{cursor:pointer;color:#2A1216;font-weight:800}.faq-list p{margin:10px 0 0}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-paths article{padding:20px}.about-banner{height:200px;margin-bottom:18px}.site-footer{margin-top:44px;background:#2A1216;color:#FBECEA;border-top:1px solid #D91F3A;padding:28px 0 68px}.footer-inner{max-width:960px;margin:auto;padding:0 16px}.footer-brand{display:flex;align-items:center;gap:12px;margin-bottom:18px}.footer-brand div{display:flex;gap:8px;align-items:baseline}.footer-brand strong{font-size:16px}.footer-brand span{font-size:12px;color:#C9A07A}.footer-groups{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.footer-groups h2{font-size:13px;margin:0 0 8px;color:#C9A07A}.footer-groups a{display:block;font-size:13px;padding:3px 0}.footer-note,.copyright{font-size:13px;color:#F6E4E2}.footer-note{margin:18px 0 8px}.copyright{margin:0;color:#C9A07A}.page-overlay{position:fixed;inset:0;background:rgba(42,18,22,.42);z-index:80;opacity:0;visibility:hidden;pointer-events:none;transition:180ms}.page-overlay.is-visible{opacity:1;visibility:visible}.site-drawer{position:fixed;z-index:90;top:8vh;left:16px;width:min(38vw,480px);height:min(72vh,700px);background:#fff;border:1px solid rgba(217,31,58,.16);border-radius:14px;box-shadow:0 18px 50px rgba(42,18,22,.2);transform:translateX(calc(-100% - 28px));visibility:hidden;pointer-events:none;transition:transform 220ms ease,visibility 220ms}.site-drawer.is-open{transform:translateX(0);visibility:visible;pointer-events:auto}.drawer-head{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(217,31,58,.14)}.drawer-brand{display:flex;align-items:center;gap:10px}.close-button{min-height:44px;padding:0 12px;border:1px solid rgba(217,31,58,.18);background:#fff;color:#9A1428;border-radius:12px;cursor:pointer}.drawer-scroll{height:calc(100% - 62px);overflow:auto;padding:14px 16px}.drawer-group{margin-bottom:18px}.drawer-group h2{font-size:13px;color:#9A1428;margin:0 0 6px}.drawer-group a{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid rgba(217,31,58,.08)}.drawer-group b{min-width:106px;color:#2A1216}.drawer-group span{font-size:13px;color:#7A4E52}.search-panel{position:fixed;z-index:92;top:72px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-18px);background:#FFF7F5;border:1px solid rgba(217,31,58,.16);border-radius:0 0 14px 14px;box-shadow:0 16px 36px rgba(42,18,22,.15);opacity:0;visibility:hidden;pointer-events:none;transition:180ms}.search-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.search-inner{padding:20px}.search-top{display:flex;align-items:center;justify-content:space-between}.search-top h2{font-size:20px;margin:0}.search-links{display:flex;flex-wrap:wrap;gap:9px}.search-links a{min-height:44px;padding:0 14px;display:flex;align-items:center;border:1px solid rgba(217,31,58,.18);border-radius:12px;background:#fff;color:#9A1428}.mobile-bottom{display:none}.note-label{display:inline-block;padding:5px 9px;border-radius:999px;background:#F6E4E2;color:#7A4E52;font-size:12px;margin-bottom:10px}.editor-label{display:inline-block;font-size:12px;color:#9A1428;border:1px solid rgba(217,31,58,.18);border-radius:999px;padding:3px 8px;margin-bottom:8px}
@media(max-width:760px){.petal-nav{display:none}.site-main{padding-top:88px}.site-head-inner{gap:8px}.app-link,.drawer-button{padding:0 10px}.feature-cut,.dual-heart,.brand-section,.page-grid,.slice-layout,.petal-pages,.behind-layout,.letter-layout,.app-page-top,.help-grid,.contact-paths{grid-template-columns:1fr}.feature-cut{padding:16px}.slice-layout .rail{position:static}.heart-slot{margin:auto}.topic-list{grid-template-columns:1fr}.app-flow{padding:16px}.app-visual{width:240px;margin:0 auto 18px}.faq-preview{grid-template-columns:1fr}.timeline-status article{grid-template-columns:1fr}.album-list article{grid-template-columns:1fr}.album-chip{width:100%;height:56px;border-radius:18px}.site-drawer{top:6vh;left:12px;width:88vw;height:min(72vh,720px)}.drawer-group a{display:block}.drawer-group b{display:block;margin-bottom:2px}.search-panel{inset:0;width:auto;transform:none;background:#9A1428;color:#fff;border-radius:0}.search-panel.is-open{transform:none}.search-inner{padding:22px 16px}.search-top h2{color:#fff}.search-panel .close-button{background:#fff}.search-links a{background:#fff;color:#9A1428}.mobile-bottom{position:fixed;z-index:58;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:#fff;border-top:1px solid rgba(217,31,58,.16)}.mobile-bottom a{min-height:48px;display:flex;align-items:center;justify-content:center;font-size:13px;color:#7A4E52}.mobile-bottom .is-current{background:#9A1428;color:#fff;box-shadow:0 6px 16px rgba(217,31,58,.18)}.site-footer{padding-bottom:78px}.footer-groups{grid-template-columns:1fr 1fr}.home-intro{padding-top:18px}.app-page-top .slot-app{margin:auto}}
@media(max-width:460px){.footer-groups{grid-template-columns:1fr}.head-actions{gap:5px}.app-link,.drawer-button{padding:0 8px;font-size:13px}.site-head-inner{padding:0 12px}.wrap{padding:0 16px}}