*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}body{margin:0;background:#FFF4F2;color:#2A1A1C;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",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%;object-fit:contain;object-position:center;display:block}.top-strip{position:fixed;z-index:80;top:0;left:0;right:0;height:20px;background:#1A1012;color:#F4C4B8;font-size:12px}.top-strip-inner{max-width:960px;height:20px;margin:auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between}.text-button{border:0;background:transparent;color:#F4C4B8;padding:0;cursor:pointer}.brand-bar{position:fixed;z-index:79;top:20px;left:0;right:0;height:54px;background:#FFF8F6;border-bottom:1px solid rgba(196,30,58,.35);display:flex;align-items:center;justify-content:space-between;padding:0 max(16px,calc((100vw - 960px)/2));}.brand-link{height:44px;display:flex;align-items:center;font-size:16px;font-weight:800;color:#1A1012}.brand-link img{height:24px;width:auto}.brand-actions{display:flex;align-items:center;gap:8px}.compact-link,.menu-button{height:44px;display:inline-flex;align-items:center;justify-content:center;padding:0 14px;border-radius:12px;border:1px solid rgba(196,30,58,.45);background:#FFF8F6;color:#1A1012;cursor:pointer;transition:.22s ease}.menu-button{background:linear-gradient(135deg,#1A1012 0%,#C41E3A 100%);color:#FFF8F6;box-shadow:0 0 0 0 rgba(196,30,58,0)}.compact-link:hover,.compact-link:focus-visible,.menu-button:hover,.menu-button:focus-visible,.primary-button:hover,.primary-button:focus-visible,.quick-nav a.is-current:hover,.quick-nav a.is-current:focus-visible{box-shadow:0 0 18px rgba(196,30,58,.50),0 0 4px rgba(232,90,114,.35)}.menu-button:active,.primary-button:active,.quick-nav a.is-current:active{box-shadow:0 0 26px rgba(196,30,58,.75)}.quick-nav{position:fixed;z-index:78;top:74px;left:0;right:0;height:44px;background:#FFF8F6;border-bottom:1px solid rgba(26,16,18,.12)}.quick-nav-inner{max-width:960px;height:44px;margin:auto;padding:0 16px;display:flex;align-items:center;gap:18px}.heart-core{width:16px;height:14px;background:#FBE6E2;position:relative;transform:rotate(-45deg);border:1px solid #E85A72;border-top:0;border-right:0;margin-right:2px}.heart-core:before,.heart-core:after{content:"";position:absolute;width:14px;height:14px;border:1px solid #E85A72;border-radius:50%;background:#FBE6E2}.heart-core:before{top:-8px;left:-1px}.heart-core:after{left:7px;top:-1px}.quick-nav a{height:34px;display:flex;align-items:center;padding:0 12px;border-radius:10px;font-size:13px}.quick-nav a.is-current{background:#C41E3A;color:#FFF8F6;box-shadow:0 0 0 0 rgba(196,30,58,0);transition:.22s ease}#main-content{max-width:960px;margin:0 auto;padding:146px 16px 72px;min-height:70vh}article{width:100%}.eyebrow{font-size:12px;color:#8A5A62;letter-spacing:.08em;margin:0 0 8px}.page-title{font-size:24px;line-height:1.3;margin:0 0 14px;color:#1A1012}.lead{max-width:760px;margin:0;color:#6A3A42}.primary-button,.secondary-button{min-height:44px;padding:0 18px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;font-size:14px;transition:.22s ease}.primary-button{background:linear-gradient(135deg,#1A1012 0%,#C41E3A 100%);color:#FFF8F6;box-shadow:0 0 0 0 rgba(196,30,58,0)}.secondary-button{background:#FFF8F6;border:1px solid #C41E3A;color:#1A1012}.button-row{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.section{margin-top:34px}.section h2,.site-footer h2{font-size:20px;line-height:1.35;margin:0 0 14px;color:#1A1012}.section h3{font-size:16px;margin:0 0 8px}.section p{margin:0 0 12px}.soft-card,.warm-card,.center-card,.topic-card,.status-card,.note-card,.faq-item{background:#FFF8F6;border:1px solid rgba(26,16,18,.12);border-radius:16px;box-shadow:0 12px 28px rgba(26,16,18,.08);padding:20px}.media-slot{width:100%;height:168px;background:#FFF8F6;border:1px solid rgba(26,16,18,.12);border-radius:16px;display:flex;align-items:center;justify-content:center;overflow:hidden}.slot-200x176{width:200px;height:176px}.slot-960x168{width:100%;height:168px}.slot-960x160{width:100%;height:160px}.slot-240x320{width:min(100%,240px);height:320px}.slot-960x200{width:100%;height:200px}.slot-48x48{width:48px;height:48px}.media-slot img{width:100%;height:100%;object-fit:contain}.media-slot.wide{width:100%}.media-slot.heart{width:200px;height:176px;clip-path:path('M100 168 C80 150 10 105 10 55 C10 22 50 10 74 35 C86 47 94 58 100 68 C106 58 114 47 126 35 C150 10 190 22 190 55 C190 105 120 150 100 168 Z');background:#FFF8F6}.hero-index{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center;padding:28px;background:#FBE6E2;border:1px solid rgba(196,30,58,.24);border-radius:22px}.mini-index{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.mini-index a{padding:7px 10px;background:#FFF8F6;border-radius:999px;border:1px solid rgba(196,30,58,.26);font-size:12px}.split-heart{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.single-warm{max-width:760px;margin-left:auto;margin-right:auto;background:#FBE6E2;padding:22px;border-radius:18px}.single-warm .media-slot{margin-bottom:18px}.book-pages{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.book-pages .soft-card:first-child{background:#FFF8F6}.book-pages .soft-card:last-child{background:#F3D8D4}.shelf-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.shelf-cards .media-slot{margin-bottom:14px}.period-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.period-row .note-card{min-height:170px}.status-list{display:grid;gap:10px}.status-card{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center}.status-label{font-weight:800;color:#C41E3A}.wrap-heart{display:grid;grid-template-columns:250px 1fr;gap:24px;align-items:start}.wrap-heart .app-visual{position:relative}.app-icon{position:absolute;left:14px;bottom:14px;width:48px;height:48px}.text-flow p:first-of-type::first-letter{font-size:28px;font-weight:800;color:#C41E3A}.bullet-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.reading-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:34px}.reading-links a{padding:16px;background:#FFF8F6;border:1px solid rgba(26,16,18,.12);border-radius:14px}.method-steps{counter-reset:step;display:grid;gap:14px}.method-steps .note-card{position:relative;padding-left:62px}.method-steps .note-card:before{counter-increment:step;content:counter(step);position:absolute;left:18px;top:18px;width:28px;height:28px;border-radius:50%;background:#C41E3A;color:#FFF8F6;display:flex;align-items:center;justify-content:center;font-weight:800}.center-card{max-width:720px;margin-left:auto;margin-right:auto;text-align:center}.center-card p{text-align:left}.topic-list{display:grid;gap:12px}.topic-card{display:grid;grid-template-columns:120px 1fr;gap:20px}.topic-card strong{color:#C41E3A}.memo-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}.memo-list .note-card ul{margin:0;padding-left:18px}.legal-sections{display:grid;gap:16px}.legal-sections section{background:#FFF8F6;border-left:4px solid #C41E3A;border-radius:0 16px 16px 0;padding:18px 20px}.faq-list{display:grid;gap:14px}.faq-item h2{font-size:16px;margin-bottom:8px}.about-banner{width:100%;height:200px}.brand-statement{max-width:780px;margin:24px auto 0}.site-footer{background:#1A1012;color:#FFF4F2;border-top:1px solid #F4C4B8;padding:34px 16px 80px;font-size:13px}.footer-inner{max-width:960px;margin:auto}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:22px}.footer-brand img{height:24px;width:auto}.footer-brand span{color:#F4C4B8}.footer-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.site-footer h2{font-size:14px;color:#F4C4B8;margin-bottom:8px}.footer-grid a{display:block;padding:3px 0;color:#FFF4F2}.footer-note{max-width:760px;margin:24px 0 8px;color:#F3D8D4}.copyright{margin:0;color:#F4C4B8}.overlay{position:fixed;z-index:90;inset:0;background:rgba(26,16,18,.52);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.overlay.is-open{opacity:1;visibility:visible;pointer-events:auto}.menu-panel{position:fixed;z-index:100;right:18px;bottom:18px;width:260px;max-height:380px;overflow:auto;background:#FFF8F6;border:1px solid rgba(196,30,58,.45);border-radius:18px;box-shadow:0 18px 50px rgba(26,16,18,.24);padding:16px;transform:translateY(24px);opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.menu-panel.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto}.panel-head,.search-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-brand{display:flex;align-items:center;gap:8px}.panel-brand img{height:24px;width:auto}.close-button{min-width:44px;min-height:44px;border:1px solid rgba(196,30,58,.45);border-radius:10px;background:#FFF8F6;color:#1A1012;cursor:pointer}.panel-group{margin-top:14px}.panel-group h2{font-size:13px;margin:0 0 6px;color:#8A5A62}.panel-group a{display:grid;grid-template-columns:78px 1fr;gap:8px;padding:7px 0;border-top:1px solid rgba(26,16,18,.08)}.panel-group span{font-size:12px;color:#6A3A42}.search-panel{position:fixed;z-index:101;top:82px;left:50%;width:min(720px,calc(100% - 32px));transform:translate(-50%,-12px);background:#FFF8F6;border:1px solid rgba(196,30,58,.45);border-radius:16px;box-shadow:0 18px 50px rgba(26,16,18,.24);padding:18px;opacity:0;visibility:hidden;pointer-events:none;transition:.22s ease}.search-panel.is-open{transform:translate(-50%,0);opacity:1;visibility:visible;pointer-events:auto}.search-links{display:flex;gap:10px;flex-wrap:wrap}.search-links a{min-height:44px;padding:0 15px;display:inline-flex;align-items:center;background:#FBE6E2;border-radius:12px}.mobile-nav{display:none}.lock-scroll{overflow:hidden}.install-checks{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.contact-paths{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
@media(max-width:720px){.quick-nav{display:none}#main-content{padding-top:104px;padding-bottom:86px}.brand-bar{padding:0 16px}.brand-actions{gap:6px}.compact-link,.menu-button{padding:0 10px}.hero-index{grid-template-columns:1fr}.split-heart,.wrap-heart,.topic-card{grid-template-columns:1fr}.split-heart .media-slot.heart{margin:auto}.book-pages,.shelf-cards,.bullet-grid,.memo-list,.install-checks,.contact-paths{grid-template-columns:1fr}.period-row{grid-template-columns:1fr}.status-card{grid-template-columns:86px 1fr}.wrap-heart .app-visual{width:240px;max-width:100%;margin:auto}.reading-links{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.menu-panel{right:6%;bottom:62px;width:88%;max-height:380px}.search-panel{top:0;left:0;width:100%;height:100dvh;transform:none;border-radius:0;background:#1A1012;color:#F4C4B8;padding:24px 16px;}.search-panel.is-open{transform:none}.search-panel .close-button{background:#1A1012;color:#F4C4B8;border-color:#F4C4B8}.search-links a{background:#2A1A1C;color:#FFF8F6}.mobile-nav{position:fixed;z-index:85;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:#FFF8F6;border-top:1px solid rgba(26,16,18,.12)}.mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:48px}.mobile-nav a.is-current{background:#C41E3A;color:#FFF8F6}.site-footer{padding-bottom:110px}}
@media(max-width:420px){.footer-grid{grid-template-columns:1fr}.brand-link{max-width:135px}.brand-link span{white-space:nowrap}.panel-group a{grid-template-columns:72px 1fr}}