@charset "UTF-8";
:root{--bg:#FFF9F8;--paper:#fff;--blush:#FBE5EC;--pink:#EB7295;--pink-dark:#8A2446;--rose:#F4B7C8;--yellow:#FFF1BF;--gold:#F6DE8F;--ink:#171316;--text:#393237;--muted:#72666D;--line:rgba(35,22,28,.12);--shadow:0 12px 30px rgba(80,35,50,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.75;overflow-x:clip}body.panel-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}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{color:var(--ink);line-height:1.35}h1{font-size:30px;letter-spacing:-.02em}h2{font-size:22px}h3{font-size:17px}p{margin-bottom:1em}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--pink);outline-offset:2px}a,button{transition:background-color .18s,color .18s,box-shadow .18s,transform .18s}button:active,.button:active{transform:scale(.98)}.wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:12px;top:-70px;z-index:300;background:#fff;padding:10px}.skip:focus{top:10px}.topline{background:var(--ink);color:#fff;font-size:12px}.topflex{min-height:32px;display:flex;align-items:center;justify-content:space-between;gap:12px}.topactions{display:flex;gap:18px;align-items:center}.topactions>span{color:var(--yellow)}.top-search{border:0;background:transparent;color:white;padding:3px 8px;min-height:32px}.site-header{background:#fff;border-bottom:1px solid #f4dce3;position:relative;z-index:12}.header-inner{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{font-size:17px;font-weight:800;color:var(--ink);white-space:nowrap;display:flex;align-items:center;min-height:44px}.brand-logo{width:auto;height:28px;max-width:210px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:24px;align-self:stretch}.main-nav a{position:relative;display:flex;align-items:center;font-size:14px;white-space:nowrap}.main-nav a[aria-current=page],.main-nav a:hover,.categories a:hover{color:var(--pink-dark)}.main-nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--pink)}.header-tools{display:flex;align-items:center;gap:12px}.app-nav{font-size:13px;white-space:nowrap}.tool-btn,.directory-toggle{border:1px solid var(--line);background:white;border-radius:9px;min-height:44px;color:var(--ink)}.tool-btn{width:44px;font-size:23px}.directory-toggle{padding:0 15px;white-space:nowrap;font-size:13px}.directory-toggle span{margin-left:6px}.category-strip{background:#fffdf8;border-bottom:1px solid var(--line)}.categories{display:flex;flex-wrap:wrap;align-items:center;gap:0 23px;min-height:44px}.categories>a,.mobile-category a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.categories>a[aria-current=page]{color:var(--pink-dark);font-weight:700}.mobile-category{display:none}.eyebrow{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.1em;color:var(--pink-dark);margin-bottom:14px}.visual{display:flex;align-items:center;justify-content:center;min-width:0;background:linear-gradient(135deg,#fff,#fff6dd);border-radius:16px;padding:10px;margin:0;max-width:100%}.visual img{width:100%;height:100%;object-fit:contain;object-position:center}.visual:empty{display:none}.section{margin-block:64px}.section-head{margin-bottom:25px}.section-head p{color:var(--muted);max-width:680px}.split{display:grid;grid-template-columns:minmax(0,56fr) minmax(0,44fr);gap:38px;align-items:center}.hero{padding:44px 0 8px}.hero h1{max-width:650px;line-height:1.32;margin-bottom:23px}.hero p{max-width:660px}.hero-visual{height:310px;max-width:500px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:23px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:0 22px;border-radius:10px;font-size:14px;font-weight:700}.button.primary{background:var(--pink-dark);color:#fff}.button.secondary{background:var(--yellow);border:1px solid #d6b85b;color:var(--ink)}.button:hover{box-shadow:0 8px 20px rgba(70,25,40,.12)}.text-link{display:inline-flex;align-items:center;min-height:44px;color:var(--pink-dark);font-weight:700;font-size:14px}.text-link:hover{text-decoration:underline}.featured-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:18px}.featured-wide,.featured-side article{min-width:0;border:1px solid var(--line);background:#fff;border-radius:16px;padding:22px}.featured-wide .visual{height:270px;margin-bottom:18px}.featured-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}.featured-side article{display:grid;grid-template-columns:42% 1fr;grid-template-rows:auto auto auto;gap:0 15px;align-content:center}.featured-side .visual{grid-row:1/4;height:170px}.featured-side h3{margin-bottom:7px}.featured-side p{font-size:14px;margin:0}.featured-side .text-link{align-self:end}.picks-panel{padding:30px;background:#fff;border-radius:16px}.picks-panel>.visual{height:225px;margin-bottom:24px}.reading{max-width:850px;margin-inline:auto}.story-block{grid-template-columns:42% 1fr}.story-block.image-right{grid-template-columns:1fr 42%}.story-block .visual,.update-section .visual,.device-section .visual,.comedy-section .visual,.mystery-section .visual{height:230px}.rise-band{background:var(--yellow);padding:30px;border-radius:16px}.rise-band .visual{height:210px}.mystery-section .split{grid-template-columns:42% 1fr}.mystery-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.mystery-notes p{padding:20px;background:white;border-left:3px solid var(--pink);border-radius:8px}.comedy-section{grid-template-columns:1fr 42%}.rhythm{background:#fff;padding:34px;border-radius:16px}.rhythm-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.rhythm-cols>div{border-top:3px solid var(--rose);padding-top:16px}.rhythm-cols span{font-size:12px;color:var(--pink-dark);font-weight:800}.rhythm-cols h3{margin-top:7px}.update-section{grid-template-columns:42% 1fr}.insight-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.insight-grid section{background:white;padding:25px;border-radius:16px;border:1px solid var(--line)}.insight-grid .visual{height:205px;margin:8px 0 18px}.device-section{grid-template-columns:1fr 42%}.mobile-section{display:grid;grid-template-columns:1fr 300px;gap:35px;align-items:center;background:var(--blush);border-radius:16px;padding:30px}.app-display{display:flex;align-items:center;justify-content:center;gap:15px}.app-visual{width:240px;max-height:420px;aspect-ratio:4/5}.app-icon{width:60px;height:60px;flex:none}.adult-notice{background:var(--yellow);padding:27px 30px;border-radius:14px}.adult-notice h2{margin-bottom:10px}.home-faq .faq-short{display:grid;grid-template-columns:1fr 1fr;gap:10px 20px;margin-bottom:12px}.faq-short a{background:#fff;padding:11px 18px;border-radius:9px;min-height:44px;border:1px solid var(--line)}.faq-short a:hover,.service-links a:hover{background:var(--blush)}.service-links{display:flex;flex-wrap:wrap;gap:12px}.service-links a{background:white;border:1px solid var(--line);padding:10px 18px;border-radius:9px;min-height:44px}.interior{padding-top:22px;padding-bottom:60px}.breadcrumbs{display:flex;gap:12px;color:var(--muted);font-size:13px;margin-bottom:24px}.breadcrumbs a:hover{text-decoration:underline}.page-heading{margin-bottom:32px;max-width:860px}.page-heading h1{margin-bottom:13px}.page-heading p{font-size:16px;color:var(--muted);max-width:830px}.article{max-width:860px;margin-inline:auto}.article.narrow{max-width:780px}.article.special{max-width:950px}.page-visual{height:250px;margin-bottom:35px}.about-layout .page-visual{height:250px}.app-layout .page-visual{width:min(280px,100%);height:400px;margin-inline:auto}.app-layout .app-icon{margin:0 auto 35px}.prose-section{margin:0 0 35px}.prose-section h2{margin-bottom:12px}.prose-section p{font-size:16px;line-height:1.85}.delicate-divider{border-bottom:1px solid var(--line);padding-bottom:14px}.timeline-step{position:relative;padding-left:28px;border-left:2px solid var(--rose)}.timeline-step:before{content:"";position:absolute;width:11px;height:11px;border-radius:50%;background:var(--pink);top:7px;left:-7px}.two-col-item{background:white;padding:22px;border-radius:12px}.related{margin:36px 0 0;padding:24px;background:var(--yellow);border-radius:12px}.related>div{display:flex;gap:15px;flex-wrap:wrap}.related a{min-height:44px;display:flex;align-items:center;gap:8px;font-weight:700;color:var(--ink)}.related a span{font-size:24px;color:var(--pink-dark)}.faq-list{max-width:850px;margin-inline:auto}.faq-item{background:white;border:1px solid var(--line);border-radius:12px;padding:22px 25px;margin-bottom:14px}.faq-item h2{font-size:17px;margin-bottom:8px}.faq-item p{margin:0}.quick-entry{display:flex;align-items:center;flex-wrap:wrap;gap:12px 23px;padding:24px 0;border-top:1px solid var(--line)}.quick-entry strong{font-size:14px}.quick-entry a{font-size:13px;min-height:44px;display:inline-flex;align-items:center}.quick-entry a:hover{text-decoration:underline}.footer{background:var(--ink);color:#f3eced;padding:42px 0 22px}.footer-brand{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:27px}.footer-brand a{display:flex;align-items:center;min-height:44px}.footer-brand strong{font-size:17px}.footer-brand span{font-size:12px;color:var(--gold)}.footer-logo{height:28px;width:auto;max-width:190px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;margin-bottom:27px}.footer-groups h2{font-size:15px;color:var(--yellow)}.footer-groups a{display:block;color:#e1d5d9;font-size:13px;padding:5px 0;min-height:32px}.footer-groups a:hover{color:white;text-decoration:underline}.footer-note{font-size:13px;color:#e1d5d9;max-width:900px}.copyright{font-size:12px;color:#cbbec2;margin:24px 0 0;padding-top:15px;border-top:1px solid #51464a}.overlay{position:fixed;inset:0;background:rgba(23,19,22,.45);z-index:40;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s}.overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.floating-panel{position:fixed;top:106px;left:50%;transform:translateX(-50%) translateY(-8px);z-index:41;width:min(900px,calc(100vw - 40px));max-height:68vh;overflow:auto;background:white;border-top:3px solid var(--pink);border-radius:0 0 14px 14px;box-shadow:var(--shadow);padding:22px 26px;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,transform .18s}.floating-panel.is-open{visibility:visible;pointer-events:auto;opacity:1;transform:translateX(-50%) translateY(0)}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.panel-head h2{margin:0}.panel-head button{width:44px;height:44px;border:1px solid var(--line);border-radius:10px;background:white}.directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 30px}.directory-group h3{border-bottom:1px solid var(--line);padding-bottom:9px}.directory-group a{display:flex;gap:8px;align-items:baseline;min-height:44px;padding:8px 0}.directory-group a strong{font-size:14px;min-width:80px;color:var(--ink)}.directory-group a span{font-size:13px;color:var(--muted)}.directory-group a:hover strong{color:var(--pink-dark)}.search-panel{width:min(640px,calc(100vw - 32px))}.search-panel label{display:block;font-size:13px;margin-bottom:9px}.search-panel input{width:100%;min-height:44px;border-radius:8px;border:1px solid #ac969e;padding:10px 13px}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;margin-top:17px}.search-results a{display:flex;align-items:center;min-height:44px;border-bottom:1px solid var(--line)}.search-results a[hidden]{display:none}.search-panel #search-empty{margin:16px 0 0;color:var(--muted)}
@media(max-width:1000px){.main-nav{gap:12px}.header-inner{gap:13px}.app-nav{display:none}.featured-side article{display:block}.featured-side .visual{height:130px;margin-bottom:12px}.floating-panel{top:100px}}
@media(max-width:760px){.wrap{width:calc(100% - 32px)}.header-inner{min-height:58px}.main-nav{display:none}.brand{font-size:17px}.brand-logo{height:28px;max-width:170px}.topline .top-search{display:none}.topflex{gap:8px}.topactions{gap:4px}.categories{gap:0 16px;min-height:0}.categories>.category-item{display:none}.mobile-category{display:flex;flex-wrap:wrap;gap:0 16px}.mobile-category a{font-size:13px}.section{margin-block:40px}.split,.story-block,.story-block.image-right,.comedy-section,.mystery-section .split,.update-section,.device-section,.rise-band{display:flex;flex-direction:column;align-items:stretch;gap:16px}.image-right .visual{order:1}.image-right>div:first-child{order:0}.hero{padding-top:30px}.hero h1{font-size:26px}.hero-visual{width:100%;max-width:none;height:215px}.featured-layout{grid-template-columns:1fr}.featured-wide .visual{height:200px}.featured-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}.featured-side article{padding:16px}.featured-side .visual{height:150px}.picks-panel,.rhythm,.mobile-section{padding:18px}.picks-panel>.visual,.story-block .visual,.mystery-section .visual,.comedy-section .visual,.update-section .visual,.device-section .visual{width:100%;height:195px}.mystery-notes,.insight-grid,.home-faq .faq-short,.rhythm-cols{grid-template-columns:1fr}.rise-band .visual{height:195px}.insight-grid section{padding:17px}.mobile-section{grid-template-columns:1fr}.app-display{justify-content:flex-start}.app-visual{width:215px;max-height:355px}.footer-groups{grid-template-columns:1fr 1fr}.floating-panel{top:90px;width:calc(100vw - 24px);max-height:72vh;padding:17px}.directory-grid{grid-template-columns:1fr}.search-panel{width:calc(100vw - 32px)}.interior{padding-top:16px}.page-heading h1{font-size:26px}.page-heading p{font-size:15px}.page-visual{height:195px}.about-layout .page-visual{height:180px}.app-layout .page-visual{height:355px;width:225px}.prose-section p{font-size:15px}.related{padding:17px}}
@media(max-width:420px){.topflex{font-size:11px}.directory-toggle{font-size:12px;padding:0 9px}.header-tools{gap:6px}.brand{font-size:16px}.featured-side{grid-template-columns:1fr}.featured-side article{display:grid;grid-template-columns:40% 1fr;gap:0 10px}.featured-side article .visual{grid-row:1/4;height:145px}.featured-side article p{font-size:13px}.search-results{grid-template-columns:1fr}.footer-groups{gap:15px}.mobile-category{gap:0 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
