*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff9f8;color:#393237;font:15.5px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-x:hidden}body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center}p{margin:0 0 1.05em}h1,h2,h3{color:#171316;line-height:1.35;margin:0 0 .7em}h1{font-size:30px}h2{font-size:22px}h3{font-size:17px}a,button{transition:color .18s,background .18s,box-shadow .18s,transform .18s}a:hover{color:#a63662}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #eb7295;outline-offset:2px}a:active,button:active{transform:scale(.98)}.wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;z-index:1000;top:-100px;left:12px;background:#fff;padding:8px}.skip:focus{top:8px}.brandbar{height:32px;background:#171316;color:#fff;font-size:12px}.brandbar-inner{display:flex;align-items:center;justify-content:space-between;height:100%;gap:10px}.brandbar-inner>div{display:flex;align-items:center;gap:18px}.age-link{color:#fff1bf}.top-search{color:#fff;background:none;border:0;padding:0 4px}.sitehead{background:#fff;border-bottom:1px solid #f4b7c8}.navline{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}.logo{display:flex;flex:0 0 auto;align-items:center;color:#171316;font-weight:800;font-size:17px}.logo img{height:28px;width:auto;max-width:220px}.primary{display:flex;align-items:stretch;gap:22px;align-self:stretch}.primary a{position:relative;display:flex;align-items:center;font-size:14px;white-space:nowrap}.primary a.current{color:#b43865;font-weight:700}.primary a.current:after{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:#eb7295}.nav-actions{display:flex;align-items:center;gap:12px;white-space:nowrap}.app-link{font-size:13px}.menu-btn,.icon-btn{border:1px solid rgba(35,22,28,.12);background:#fff;padding:7px 13px;border-radius:10px;min-height:44px;color:#171316}.icon-btn{font-size:25px;line-height:1;padding:7px 12px}.search-mobile{display:none}.categorybar{background:#fff8e4;border-bottom:1px solid #f6de8f}.categories,.categories-mobile{display:flex;align-items:center;flex-wrap:wrap;gap:0 22px;min-height:43px}.categories a,.categories-mobile a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.categories .current{color:#b43865;font-weight:700}.categories-mobile{display:none}.footer{background:#171316;color:#e8dfe2;padding:48px 0 22px}.footer-brand{display:flex;gap:14px;align-items:center;margin-bottom:34px}.footer-brand img{width:auto;height:30px;max-width:160px}.footer-brand strong{display:block;font-size:19px;color:white}.footer-brand small{display:block;font-size:12px;letter-spacing:1.2px;color:#f6de8f}.footer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.footer-grid h2{color:#fff;font-size:15px;margin-bottom:12px}.footer-grid a{display:block;color:#d1c7cb;font-size:13px;padding:3px 0}.footer-grid a:hover{color:#fff1bf}.footer-legal{border-top:1px solid #4a3e43;margin-top:32px;padding-top:18px;color:#c7bdc1;font-size:12px}.footer-legal p{margin-bottom:5px}.quicklinks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 24px;padding:28px 0;font-size:13px}.quicklinks strong{color:#171316}.quicklinks a{min-height:44px;display:inline-flex;align-items:center}.overlay{position:fixed;inset:0;z-index:40;background:rgba(23,19,22,.3);visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.overlay.open{visibility:visible;pointer-events:auto;opacity:1}.panel{position:fixed;z-index:41;top:110px;left:50%;transform:translateX(-50%);width:min(900px,calc(100vw - 40px));max-height:68vh;overflow-y:auto;background:white;border-top:3px solid #eb7295;border-radius:0 0 14px 14px;box-shadow:0 12px 30px rgba(80,35,50,.15);visibility:hidden;pointer-events:none}.panel.open{visibility:visible;pointer-events:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 24px;border-bottom:1px solid rgba(35,22,28,.12)}.panel-heading h2{margin:0;font-size:20px}.close-btn{border:0;background:#fff1bf;color:#171316;border-radius:8px;min-height:44px;padding:6px 14px}.menu-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:20px 24px}.menu-columns h3{font-size:15px;color:#b43865}.menu-columns a{display:flex;flex-direction:column;border-bottom:1px solid #f2e7ea;padding:9px 0}.menu-columns a strong{font-size:14px}.menu-columns a span{font-size:12px;color:#72666d}.search-panel{width:min(640px,calc(100vw - 32px));padding-bottom:18px}.search-panel>label{display:block;font-size:13px;margin:18px 24px 8px}.search-panel input{display:block;width:calc(100% - 48px);margin:0 24px 16px;padding:12px;border-radius:10px;border:1px solid #e2cdd4;font-size:15px}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 14px;padding:0 24px}.search-results a{background:#fff9f8;border:1px solid #f6e4e9;padding:8px 12px;border-radius:8px;min-height:44px}.search-results a[hidden],#search-empty[hidden]{display:none}#search-empty{margin:12px 24px}.eyebrow{display:inline-block;font-size:12px;font-weight:700;letter-spacing:1.1px;color:#9c355e;margin-bottom:10px}.btn{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:10px;padding:9px 20px;font-size:14px;font-weight:700;border:1px solid rgba(35,22,28,.12)}.primary-btn{background:#ad3d68;color:white}.primary-btn:hover{background:#922e55;color:white}.secondary-btn{background:#fff1bf;color:#171316}.text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px;font-weight:700;color:#943354}.text-link:after{content:' ↗';margin-left:4px}.home-block{margin:64px 0}.hero{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:34px;align-items:center;padding:55px 0 32px}.hero h1{max-width:620px}.hero p{max-width:650px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.hero-art{max-width:500px;height:315px;background:#fbe5ec;border-radius:18px;padding:12px}.art{width:100%;height:215px;background:#fff;border-radius:14px;padding:8px}.art img,.hero-art img{object-fit:contain}.section-head{margin-bottom:26px}.feature-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.feature-main{background:#fbe5ec;border-radius:16px;padding:26px}.feature-main .art{height:280px;background:transparent}.feature-main h3{font-size:22px}.feature-side{display:grid;gap:18px}.feature-side article{background:#fff;border:1px solid rgba(35,22,28,.12);border-radius:14px;padding:18px}.feature-side .art{height:120px;padding:0}.feature-side p{margin:0}.spotlight{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.spotlight .art{height:245px;background:#fff1bf}.split,.rise-band,.mystery-block,.update-block{display:grid;grid-template-columns:42% minmax(0,1fr);gap:36px;align-items:center}.split.reverse{grid-template-columns:minmax(0,1fr) 42%}.split.reverse .art{order:2}.split .art,.rise-band .art,.mystery-block .art,.update-block .art{height:230px}.split h2,.spotlight h2{margin-bottom:12px}.rise-band{background:#fff1bf;border-radius:16px;padding:25px}.rise-band .art{background:transparent}.mystery-block{background:#fff;border-radius:16px;padding:26px;border:1px solid rgba(35,22,28,.12)}.mystery-notes{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:14px}.mystery-notes p{border-left:3px solid #eb7295;padding-left:12px}.rhythm{padding:38px 30px;background:#fff;border-top:3px solid #f4b7c8}.rhythm-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.rhythm-grid>div{border-top:1px solid #e6d9dc;padding-top:16px}.update-block{background:#fbe5ec;border-radius:15px;padding:24px}.update-block .art{background:transparent}.mobile-feature{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:36px;align-items:center;background:#fff;border-radius:16px;padding:30px}.app-art{max-width:280px;height:410px;margin:auto}.app-icon{height:56px;width:56px;margin-top:18px}.age-notice{background:#fff1bf;padding:28px 32px;border-radius:15px}.age-notice strong{font-size:18px;color:#171316}.age-notice p{margin:10px 0}.age-notice a{font-weight:700;text-decoration:underline}.home-faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:15px}.home-faq a{padding:14px 18px;background:white;border-radius:10px;border:1px solid #eadce1;min-height:50px}.service-block{border-top:1px solid #e7d2d9;padding-top:32px}.service-links{display:flex;gap:12px 23px;flex-wrap:wrap}.service-links a{color:#903253;font-weight:700;min-height:44px;display:inline-flex;align-items:center}.crumb{font-size:13px;padding:24px 0;color:#72666d;display:flex;gap:8px}.article{padding-bottom:44px}.article-intro{max-width:850px;margin:8px auto 30px}.article-intro h1{margin-bottom:14px}.lead{font-size:16px;line-height:1.8;color:#594b53}.article-visual{height:250px;max-width:860px;margin:0 auto 34px;background:#fff;border-radius:15px;padding:10px}.read-section{max-width:850px;margin:0 auto 32px;padding:0 0 16px;border-bottom:1px solid #e6dce0}.read-section h2{margin-bottom:16px}.read-section p{line-height:1.85}.read-section.tone-1{border-left:3px solid #f4b7c8;padding-left:20px}.read-section.tone-2{border-left:3px solid #f6de8f;padding-left:20px}.read-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px;align-items:start}.read-grid .read-section{width:100%;padding:16px 20px;background:#fff;border:1px solid #f0e2e6;border-radius:12px}.article-end{margin:40px auto 0;max-width:850px;background:#fff1bf;padding:24px;border-radius:14px}.article-end h2{font-size:18px}.inline-links{display:flex;flex-wrap:wrap;gap:10px 22px}.inline-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center;color:#903253;font-weight:700}.faq-page{padding-bottom:56px}.faq-list{max-width:860px;margin:auto}.faq-item{padding:22px 0;border-bottom:1px solid #e9d6dd}.faq-item h2{font-size:18px}.faq-item p{line-height:1.85}.article-about .article-visual{height:255px}.article-app .article-visual{height:420px;max-width:280px}.article-app .article-visual img{object-fit:contain}.article-anzhuang .read-section,.article-grade .read-section,.article-banquan .read-section{max-width:800px}.article-privacy .article-intro,.article-privacy .read-section{max-width:790px}a,button,p,h1,h2,h3{overflow-wrap:anywhere}@media(max-width:920px){.primary{gap:12px}.primary a{font-size:13px}.app-link{display:none}.feature-layout{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){body{font-size:15px}.wrap{width:calc(100% - 32px)}h1{font-size:26px}h2{font-size:20px}.brandbar .brand-en{display:none}.brandbar-inner>div{gap:10px}.top-search,.primary,.app-link{display:none}.navline{min-height:58px}.search-mobile{display:inline-flex;align-items:center;justify-content:center}.nav-actions{gap:7px}.menu-btn{font-size:13px;padding:7px 10px}.categories{display:none}.categories-mobile{display:flex;gap:0 15px;align-content:center}.categories-mobile a{font-size:12px;min-height:36px}.categorybar{padding:3px 0}.hero{grid-template-columns:1fr;gap:15px;padding:34px 0 10px}.hero-art{max-width:none;height:210px}.home-block{margin:40px 0}.feature-layout,.feature-side,.spotlight,.split,.split.reverse,.rise-band,.mystery-block,.update-block,.mobile-feature,.rhythm-grid,.read-grid{grid-template-columns:1fr}.feature-side .art{height:190px}.feature-main .art{height:205px}.split.reverse .art{order:0}.spotlight .art,.split .art,.rise-band .art,.mystery-block .art,.update-block .art{height:195px}.rise-band,.mystery-block,.update-block{padding:17px;gap:15px}.mystery-notes{grid-template-columns:1fr;gap:0}.rhythm{padding:24px 18px}.mobile-feature{padding:20px;gap:18px}.app-art{width:220px;height:350px}.footer{padding-top:38px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:22px 18px}.footer-brand img{height:26px}.quicklinks{gap:5px 16px}.panel{top:90px;max-height:72vh;width:calc(100vw - 24px)}.menu-columns{grid-template-columns:1fr;padding:16px 18px;gap:18px}.panel-heading{padding:12px 18px}.article-visual{height:195px}.article-app .article-visual{height:350px;width:220px}.read-section{margin-bottom:26px}.read-grid .read-section{padding:16px}.home-faq{grid-template-columns:1fr}.hero p{font-size:15px}}@media(max-width:380px){.categories-mobile{gap:0 12px}.logo{font-size:15px}.footer-grid{grid-template-columns:1fr 1fr}.brandbar{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}a,button,.overlay{transition:none}}

/* 图片尚未提供时，布局自动扩展为文字阅读区 */
.hero:not(:has(.hero-art)),.spotlight:not(:has(.art)),.split:not(:has(.art)),.split.reverse:not(:has(.art)),.rise-band:not(:has(.art)),.mystery-block:not(:has(.art)),.update-block:not(:has(.art)),.mobile-feature:not(:has(.app-art)){grid-template-columns:1fr}
.feature-layout .feature-main:not(:has(.art)){display:block}
