*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#FFF9F8;color:#393237;font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;overflow-x:clip}img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a,button,input{transition:background-color .18s,box-shadow .18s,color .18s,transform .18s}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #EB7295;outline-offset:2px}button:active,.btn:active{transform:scale(.98)}[hidden]{display:none!important}.wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;top:-80px;left:10px;z-index:200;background:#fff;padding:10px}.skip:focus{top:10px}.micro{background:#171316;color:#fff;font-size:12px}.micro-inner{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.micro-inner>div{display:flex;align-items:center;gap:18px}.age-mini{color:#FFF1BF}.micro-search{border:0;background:none;color:#fff;padding:2px 4px}.site-head{background:#fff;border-bottom:1px solid #F4D6E0}.main-nav{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{min-width:160px;display:flex;align-items:center}.logo-img{width:auto;height:28px;max-width:200px}.logo-text{font-size:17px;font-weight:800;color:#171316}.primary,.nav-actions{display:flex;align-items:center;gap:22px}.primary a,.nav-app{font-size:14px;white-space:nowrap;min-height:44px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}.primary a:hover,.nav-app:hover,.category a:hover{color:#C03E68}.primary [aria-current=page],.nav-app[aria-current=page]{color:#C03E68;border-bottom-color:#EB7295}.menu-btn{background:#FFF1BF;border:1px solid #F6DE8F;border-radius:10px;padding:9px 13px;color:#171316;min-height:44px;font-size:14px}.menu-btn:hover,.btn-secondary:hover{box-shadow:0 8px 18px #50323c17}.icon-btn{background:none;border:0;min-width:44px;min-height:44px;font-size:24px}.mobile-search{display:none}.category{background:#FFFAEC}.category-desktop,.category-mobile{display:flex;gap:22px;align-items:center;flex-wrap:wrap}.category a{display:inline-flex;align-items:center;min-height:42px;font-size:13px}.category [aria-current=page]{color:#C03E68;font-weight:700}.category-mobile{display:none}main{min-height:45vh}h1,h2,h3{line-height:1.35;letter-spacing:-.02em;color:#171316;margin:0 0 16px}h1{font-size:30px}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 15px}.kicker{color:#AD355B;font-size:12px;letter-spacing:.08em;font-weight:800;display:inline-block;margin-bottom:13px}.home-section{margin-block:66px}.section-heading{margin-bottom:22px}.section-heading h2{max-width:720px}.hero{display:grid;grid-template-columns:56fr 44fr;align-items:center;gap:24px;padding:48px 0 20px}.hero h1{max-width:610px}.hero-copy>p{max-width:590px}.hero-picture{max-width:500px;width:100%;justify-self:end}.hero-picture img{height:auto;max-height:320px}.hero-graphic{aspect-ratio:16/9;background:linear-gradient(125deg,#FBE5EC,#FFF1BF);border-radius:18px;display:flex;justify-content:center;flex-direction:column;padding:28px 38px;gap:8px;color:#171316}.hero-graphic span,.hero-graphic i{font-size:12px;letter-spacing:.14em;font-style:normal}.hero-graphic b{font-size:clamp(23px,3vw,42px);line-height:1.25}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 20px;border-radius:11px;font-size:14px;font-weight:700}.btn-primary{background:#B83561;color:#fff}.btn-primary:hover{background:#9D2B52}.btn-secondary{background:#FFF1BF;color:#171316;border:1px solid #EAD58D}.feature-grid{display:grid;grid-template-columns:1.18fr 1fr;gap:18px}.feature-main,.feature-stack>a{display:block;background:#fff;border:1px solid #ebdfe2;border-radius:15px;overflow:hidden}.feature-main .media{height:280px;background:#FBE5EC}.feature-main>div:last-child{padding:26px}.feature-main h3{font-size:22px}.feature-stack{display:grid;gap:18px}.feature-stack>a{display:grid;grid-template-columns:38% 1fr;align-items:center}.feature-stack .media{height:180px;background:#fff8e8}.feature-stack>a>div:last-child{padding:20px}.feature-stack p{font-size:14px;margin:0}.mini-label{font-size:12px;color:#A53F60}.more,.text-link{color:#A82E58;font-weight:700;display:inline-block;margin-top:10px;min-height:32px}.more:hover,.text-link:hover{text-decoration:underline}.wide-art{background:#FFF1BF;border-radius:16px;padding:12px}.wide-art img{max-height:230px;height:auto}.picks-text{max-width:850px;margin:22px auto 0}.split{display:grid;grid-template-columns:42% 1fr;align-items:center;gap:48px}.split.reverse{grid-template-columns:1fr 42%}.split.reverse .split-media{order:2}.split-media{background:#fff;border-radius:16px;min-width:0}.split-media:empty{display:none}.split-media img{height:auto;max-height:250px}.split-copy{min-width:0}.split.warm{background:#FFF1BF;border-radius:18px;padding:30px}.split.compact{margin-block:45px}.rise-strip{background:#FBE5EC;border-radius:16px;display:grid;grid-template-columns:1fr 42%;align-items:center;gap:24px;padding:32px}.strip-art img{max-height:220px;height:auto}.mystery{display:grid;grid-template-columns:1fr 42%;gap:26px;align-items:center}.mystery-art img{max-height:240px;height:auto}.mystery-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:20px;border-top:1px solid #ddd1d4;padding-top:18px}.mystery-notes p{margin:0}.rhythm{background:#fff;border-radius:16px;padding:32px}.rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.rhythm-grid>div{border-top:2px solid #EB7295;padding-top:18px}.rhythm-grid b{font-size:12px;color:#A4335D}.mobile-experience{display:grid;grid-template-columns:1fr 300px;gap:44px;align-items:center;background:#fff;border-radius:16px;padding:30px}.phone-visual{display:flex;gap:18px;align-items:center;justify-content:center}.app-illustration{width:240px;max-height:420px;height:auto}.app-icon{width:54px;height:54px}.adult-box{background:#FFF1BF;border:1px solid #F6DE8F;padding:28px 34px;border-radius:16px}.adult-box p{max-width:850px}.adult-box a{color:#9F3459;font-weight:700}.short-faq{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}.short-faq a{display:flex;justify-content:space-between;gap:14px;border-bottom:1px solid #d9cbce;min-height:55px;align-items:center;font-weight:600}.short-faq a span{color:#986a79;font-weight:400;font-size:13px}.service-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.service-links a{background:#fff;border:1px solid #eee0e4;border-radius:12px;padding:20px;min-height:112px;display:flex;flex-direction:column;gap:8px}.service-links span{font-size:13px;color:#72666D}.crumb{display:flex;gap:10px;align-items:center;font-size:13px;color:#72666D;margin:30px 0 26px}.crumb a:hover{text-decoration:underline}.sub-intro{max-width:860px;margin:0 0 26px}.sub-intro p{font-size:16px}.feature-art{background:#fff;border-radius:16px;margin:0 0 28px;padding:10px}.feature-art img{height:auto;max-height:260px}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:64px;align-items:start;margin:34px 0 52px}.reading{max-width:840px;min-width:0}.reading-section{margin-bottom:30px}.reading-section h2{margin-bottom:12px}.reading-section p{font-size:16px;line-height:1.85}.reading-aside{border-top:3px solid #EB7295;padding:18px;background:#fff;border-radius:0 0 12px 12px;position:static}.reading-aside h2{font-size:17px}.reading-aside p{font-size:13px;color:#72666D}.reading-aside a{display:block;min-height:38px;color:#A12F58}.mode-1 .reading-section:nth-child(even){border-left:3px solid #F4B7C8;padding-left:20px}.mode-2 .reading-section{padding-bottom:22px;border-bottom:1px solid #e5d7da}.mode-3 .reading-section:nth-child(2n){background:#FFF1BF;border-radius:12px;padding:20px}.mode-4 .reading-section:nth-child(odd){background:#fff;border-radius:12px;padding:18px}.end-note{background:#FFF1BF;padding:22px 26px;border-radius:12px;margin-bottom:54px;max-width:850px}.end-note p{margin:6px 0 0}.faq-list{max-width:880px;margin:35px 0 70px}.faq-item{border-bottom:1px solid #e3d5d9;padding:23px 0}.faq-item h2{font-size:19px;margin-bottom:10px}.faq-item p{font-size:16px}.quick{padding-block:30px;border-top:1px solid #ecdcdf;display:flex;gap:28px;align-items:center}.quick>div{display:flex;gap:22px;flex-wrap:wrap}.quick a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}.quick a:hover{color:#AD355B}.site-footer{background:#171316;color:#ede8e9;padding:38px 0 25px}.footer-brand{display:flex;gap:10px;align-items:center;margin-bottom:30px}.foot-logo{height:28px;width:auto;max-width:130px}.footer-brand strong{font-size:17px}.footer-brand span{font-size:12px;color:#F6DE8F}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:32px}.footer-groups h2{color:#FFF1BF;font-size:15px;margin-bottom:12px}.footer-groups a{display:block;color:#d5cccf;font-size:13px;padding:5px 0}.footer-groups a:hover{color:#fff}.footer-note,.copyright{font-size:13px;color:#d6cbd0;margin:10px 0;max-width:920px}.copyright{padding-top:16px;border-top:1px solid #4f4148}.panel-shade{position:fixed;inset:0;background:#17131680;z-index:50;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.panel-shade.open{visibility:visible;pointer-events:auto;opacity:1}.floating-panel{position:fixed;top:105px;left:50%;transform:translateX(-50%);z-index:60;background:#fff;box-shadow:0 12px 30px #50233220;border-top:3px solid #EB7295;border-radius:0 0 14px 14px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s;overflow-y:auto}.floating-panel.open{visibility:visible;pointer-events:auto;opacity:1}.menu-panel{width:min(900px,calc(100vw - 40px));max-height:68vh}.search-panel{width:min(640px,calc(100vw - 32px));padding:18px 24px 24px;max-height:68vh}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:17px 24px;border-bottom:1px solid #eee0e3}.search-panel .panel-heading{padding:0 0 16px;margin-bottom:16px}.panel-heading h2{font-size:19px;margin:0}.panel-heading button{border:1px solid #eddde1;background:#fff;border-radius:8px;min-height:44px;padding:6px 12px}.menu-groups{display:grid;grid-template-columns:1fr 1fr;gap:22px;padding:24px}.menu-group h3{font-size:16px;border-bottom:1px solid #eee0e3;padding-bottom:8px}.menu-group a{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding:8px 0;min-height:44px}.menu-group a strong{font-size:14px;flex-shrink:0}.menu-group a small{color:#72666D;font-size:12px;text-align:right}.menu-group a:hover strong{color:#AD355B}.search-panel label{display:block;font-size:13px;color:#72666D}.search-panel input{display:block;width:100%;min-height:46px;border:1px solid #d8c9ce;border-radius:9px;padding:10px 12px;margin:8px 0 15px;background:#fff}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px}.search-results a{min-height:44px;display:flex;align-items:center;padding:6px 12px;border-radius:8px;background:#FFF9F8}.search-results a:hover{background:#FBE5EC}.overlay-open{overflow:hidden}
@media(max-width:950px){.primary{gap:12px}.nav-app{display:none}.logo{min-width:120px}.article-layout{gap:30px;grid-template-columns:minmax(0,1fr) 190px}.service-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.wrap{width:calc(100% - 32px)}.micro-inner{font-size:11px}.micro-search{display:none}.main-nav{min-height:58px;gap:8px}.primary,.nav-app{display:none}.mobile-search{display:inline-flex;align-items:center;justify-content:center}.nav-actions{gap:4px}.menu-btn{font-size:13px;padding:8px 10px}.logo-img{height:27px;max-width:155px}.logo-text{font-size:17px}.category-desktop{display:none}.category-mobile{display:flex;gap:8px 18px}.category a{min-height:35px}.category-links{padding:4px 0}.home-section{margin-block:40px}.hero{grid-template-columns:1fr;gap:20px;padding:34px 0 10px}.hero-picture{justify-self:center}.hero-picture img{max-height:220px}.hero h1,h1{font-size:26px}h2{font-size:20px}.hero-copy>p{font-size:15px}.feature-grid{grid-template-columns:1fr}.feature-main .media{height:205px}.feature-main>div:last-child{padding:18px}.feature-stack>a{grid-template-columns:38% 1fr}.feature-stack .media{height:140px}.feature-stack>a>div:last-child{padding:16px}.split,.split.reverse,.mystery,.mobile-experience{grid-template-columns:1fr;gap:15px}.split.reverse .split-media{order:0}.split-media img,.mystery-art img{max-height:210px}.split.warm,.rise-strip,.rhythm,.mobile-experience{padding:18px}.rise-strip{grid-template-columns:1fr}.strip-art img{max-height:200px}.mystery-notes{grid-template-columns:1fr;gap:10px}.rhythm-grid{grid-template-columns:1fr;gap:16px}.mobile-experience{grid-template-columns:1fr}.app-illustration{width:min(220px,70vw);max-height:360px}.adult-box{padding:20px}.short-faq{grid-template-columns:1fr}.short-faq a{align-items:start;flex-direction:column;justify-content:center;gap:2px;padding:8px 0}.service-links{grid-template-columns:1fr 1fr}.service-links a{padding:16px;min-height:100px}.article-layout{grid-template-columns:1fr;gap:10px}.reading-section{margin-bottom:24px}.reading-aside{margin:15px 0 25px}.sub-intro{margin-bottom:20px}.sub-intro p{font-size:15px}.reading-section p,.faq-item p{font-size:15px}.feature-art img{max-height:210px}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.quick{align-items:start;flex-direction:column;gap:6px}.quick>div{gap:4px 15px}.footer-brand{flex-wrap:wrap}.floating-panel{top:100px}.menu-panel{width:calc(100vw - 24px);max-height:72vh}.menu-groups{grid-template-columns:1fr;gap:10px;padding:16px}.menu-group a{align-items:start;flex-direction:column;gap:0;padding:7px 0}.menu-group a small{text-align:left}.search-panel{max-height:72vh;padding:14px}.search-results{grid-template-columns:1fr}.panel-heading{padding:14px}.search-panel .panel-heading{padding:0 0 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
