:root{--bg:#FFF9F8;--surface:#fff;--pinkbg:#FBE5EC;--pink:#EB7295;--soft:#F4B7C8;--yellow:#FFF1BF;--softyellow:#F6DE8F;--ink:#171316;--body:#393237;--muted:#72666D;--faint:#968A90;--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(--body);font:15.5px/1.75 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif;overflow-wrap:anywhere}body.dialog-open{overflow:hidden}a{color:#832b4b;text-decoration:none}a:hover{text-decoration:underline}button,input{font:inherit}button{cursor:pointer}button:active,.btn:active{transform:scale(.98)}button,a,input{transition:box-shadow .18s,background-color .18s,color .18s}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #EB7295;outline-offset:2px}img{display:block;max-width:100%;height:auto;object-fit:contain;object-position:center}figure{margin:0}.wrap{width:min(1140px,calc(100% - 48px));margin-inline:auto}.skip{position:absolute;left:10px;top:-90px;z-index:1000;background:white;padding:12px}.skip:focus{top:10px}h1,h2,h3{color:var(--ink);line-height:1.32;margin:0 0 18px}h1{font-size:30px;letter-spacing:-.02em}h2{font-size:22px}h3{font-size:17px}p{margin:0 0 16px}small{font-size:12px}.eyebrow{display:inline-block;color:#8e3554;font-size:12px;letter-spacing:.08em;font-weight:700;margin-bottom:14px}.site-header{position:relative;z-index:12}.brand-strip{height:32px;color:#fff;background:var(--ink);font-size:12px;line-height:1}.brand-strip small{color:var(--softyellow)}.strip-row,.strip-actions,.nav-row,.nav-tools,.category-links{display:flex;align-items:center}.strip-row{height:100%;justify-content:space-between}.strip-actions{gap:16px}.brand-strip button{border:0;background:transparent;color:#fff;font-size:12px;padding:5px 2px}.nav-shell{background:white;border-bottom:1px solid #f4dfe6}.nav-row{min-height:64px;justify-content:space-between;gap:20px}.brand-home{color:var(--ink);font-size:17px;white-space:nowrap;display:flex;align-items:center;min-height:44px}.brand-home:hover{text-decoration:none}.brand-logo{height:28px;width:auto;max-width:190px}.primary{display:flex;align-items:center;gap:25px;align-self:stretch}.primary a{color:var(--body);font-size:14px;display:flex;align-items:center;position:relative;white-space:nowrap}.primary a[aria-current=page]{color:#a63a60;font-weight:700}.primary a[aria-current=page]::after{content:"";position:absolute;height:2px;background:var(--pink);bottom:12px;left:0;right:0}.nav-tools{gap:14px}.app-link{font-size:13px;white-space:nowrap}.outline-button,.icon-button{border:1px solid var(--line);background:white;color:var(--ink);border-radius:9px;padding:8px 12px;font-size:13px;min-height:44px}.mobile-search{display:none}.category-shell{background:#fffdf5;border-bottom:1px solid var(--line)}.category-links{gap:22px;min-height:43px;flex-wrap:wrap}.category-links a{font-size:13px;color:var(--body);min-height:36px;display:inline-flex;align-items:center}.mobile-category{display:none!important}.main-content{min-height:55vh}.home-section{margin-block:62px}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:center;padding:52px 0 28px}.hero-text p{max-width:610px}.hero-visual{max-width:500px;justify-self:end;width:100%;background:var(--pinkbg);border-radius:16px;min-height:0}.hero-visual img{width:100%;height:auto;max-height:320px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:9px;font-size:14px;min-height:44px;padding:8px 20px;border:1px solid var(--line)}.btn-primary{background:#a9335d;color:white;border-color:#a9335d}.btn-secondary{background:var(--yellow);color:var(--ink)}.section-heading{margin-bottom:24px;max-width:700px}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:auto auto;gap:18px}.feature{background:#fff;border:1px solid var(--line);border-radius:15px;overflow:hidden;min-width:0;display:grid;grid-template-columns:42% 1fr;gap:18px;padding:16px}.feature-big{grid-row:span 2;grid-template-columns:1fr;grid-template-rows:auto 1fr;padding:22px;background:var(--pinkbg)}.feature .media img{width:100%;max-height:205px}.feature-big .media img{max-height:290px}.feature p{font-size:14px}.feature a,.split-feature a,.rise-band a,.mystery-block a,.comedy-strip a,.mobile-feature a,.home-faq>a{font-weight:700;font-size:14px}.split-feature{display:grid;grid-template-columns:42% minmax(0,1fr);gap:42px;align-items:center}.split-feature.reverse{grid-template-columns:minmax(0,1fr) 42%}.split-feature.reverse>.media{grid-column:2;grid-row:1}.split-feature.reverse>div{grid-column:1;grid-row:1}.split-feature .media img{width:100%;max-height:250px}.media{min-width:0;background:linear-gradient(130deg,#fff3f5,#fff8dd);border-radius:13px}.media img{width:100%;height:auto;object-fit:contain}.rise-band{display:grid;grid-template-columns:38% 1fr;gap:30px;align-items:center;background:var(--yellow);border-radius:16px;padding:24px}.rise-band .media{background:#fff8e3}.rise-band .media img{max-height:220px}.mystery-block{display:grid;grid-template-columns:1fr 42%;gap:24px;align-items:center}.mystery-block img{max-height:220px}.mystery-notes{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:18px}.mystery-notes p{border-top:1px solid var(--line);padding-top:16px}.comedy-strip{display:grid;grid-template-columns:38% 1fr;align-items:center;gap:28px;border-bottom:1px solid var(--line);padding-bottom:30px}.comedy-strip img{max-height:210px}.rhythm{border-top:2px solid var(--soft);padding-top:26px}.rhythm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}.rhythm-grid>div{border-left:3px solid var(--soft);padding-left:20px}.mobile-feature{display:grid;grid-template-columns:280px 1fr;align-items:center;gap:46px;background:white;border:1px solid var(--line);border-radius:15px;padding:30px}.app-media{width:min(100%,280px);background:#fff0f4}.app-media img{max-height:420px}.app-icon{width:64px;height:64px;margin-bottom:18px}.app-icon img{height:64px;width:64px}.age-note{background:var(--yellow);border-left:4px solid #d8a33b;border-radius:10px;padding:22px 26px;margin:40px 0;color:var(--ink)}.age-note strong{font-size:17px}.age-note p{margin:7px 0}.faq-teasers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 26px}.faq-teasers>div{padding:14px 0;border-bottom:1px solid var(--line)}.faq-teasers p{font-size:14px;color:var(--muted);margin:5px 0}.service-links{background:#fff;border:1px solid var(--line);border-radius:14px;padding:28px}.service-links>div{display:flex;gap:14px 24px;flex-wrap:wrap}.page-shell{padding-top:25px}.breadcrumbs{font-size:13px;display:flex;align-items:center;gap:9px;color:var(--muted);margin-bottom:34px}.page-intro{max-width:850px;margin-bottom:30px}.lead{font-size:16px;line-height:1.8}.page-visual{width:100%;max-width:960px;margin:0 0 32px}.page-visual img{max-height:255px;width:100%}.brand-banner img{max-height:260px}.article-body{display:grid;gap:20px;margin:28px 0 56px}.article-body.narrow,.faq-list{max-width:850px}.article-section{padding:18px 0 6px;border-top:1px solid var(--line)}.article-section h2{margin-bottom:14px}.article-section p{max-width:85ch}.two-column{grid-template-columns:1fr 1fr;gap:22px}.two-column .article-section{padding:22px;border:1px solid var(--line);background:white;border-radius:12px}.timeline{max-width:900px;border-left:2px solid var(--soft);padding-left:28px}.timeline .article-section{position:relative}.timeline .article-section:before{content:"";position:absolute;left:-36px;top:24px;width:12px;height:12px;background:var(--pink);border-radius:50%}.light-article .article-section{border-color:#f4c9d6}.legal{max-width:780px}.related{padding:10px 0 34px;display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap}.related strong{color:var(--ink)}.faq-list{margin-bottom:50px}.faq-item{padding:20px 0;border-bottom:1px solid var(--line)}.faq-item h2{font-size:18px;margin-bottom:8px}.faq-item p{margin:0}.device-intro{display:grid;grid-template-columns:260px minmax(0,1fr);gap:40px;align-items:center;max-width:920px}.device-intro .app-media img{max-height:420px}.device-intro .article-section{border:0}.quick-nav{display:flex;gap:13px 22px;align-items:center;flex-wrap:wrap;padding-block:28px;border-top:1px solid var(--line)}.quick-nav strong{color:var(--ink)}.footer{background:var(--ink);color:#f3edf0;padding:40px 0 25px}.footer-brand{display:flex;gap:16px;align-items:center;margin-bottom:34px}.footer-brand strong,.footer-brand small{display:block}.footer-brand strong{font-size:18px}.footer-brand small{color:#f0c9d5}.footer-logo{height:28px;width:auto;max-width:180px}.footer-groups{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.footer-groups h2{color:#fff;font-size:15px}.footer-groups a{display:block;color:#e2d6db;font-size:13px;line-height:1.6;margin:0 0 9px}.footer-note{color:#d3c6cb;font-size:13px;margin:18px 0 0;max-width:900px}.copyright{font-size:12px;color:#bcaeb5;border-top:1px solid #46383f;padding-top:17px;margin-top:28px}.overlay{position:fixed;inset:0;background:rgba(23,19,22,.48);z-index:29;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,visibility .18s}.overlay.is-open{visibility:visible;pointer-events:auto;opacity:1}.popup{position:fixed;z-index:30;top:140px;left:50%;transform:translateX(-50%);background:#fff;border-top:3px solid var(--pink);box-shadow:var(--shadow);border-radius:0 0 12px 12px;max-height:68vh;overflow:auto;visibility:hidden;pointer-events:none;opacity:0;transition:opacity .18s,visibility .18s}.popup.is-open{visibility:visible;pointer-events:auto;opacity:1}.menu-panel{width:min(900px,calc(100vw - 40px));padding:20px 24px}.search-panel{width:min(640px,calc(100vw - 32px));padding:22px 26px}.popup-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.popup-head h2{margin:0}.popup-head button{border:1px solid var(--line);background:white;border-radius:8px;min-height:44px;padding:7px 14px}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px}.menu-grid h3{margin:14px 0 8px}.menu-item{display:grid;grid-template-columns:110px 1fr;gap:8px;border-bottom:1px solid var(--line);padding:8px 0;color:var(--body);font-size:13px;min-height:44px}.menu-item strong{color:var(--ink)}.menu-item span{color:var(--muted)}.search-panel label{display:block;margin:18px 0 5px;font-size:13px}.search-panel input{border:1px solid #c4aeb7;border-radius:9px;width:100%;height:44px;padding:8px 12px;background:white}.search-results{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:16px}.search-results a{display:block;padding:10px 12px;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:44px}.search-results a[hidden]{display:none}.search-empty{margin-top:14px;color:var(--muted)}
@media(max-width:950px){.primary{gap:13px}.primary a{font-size:13px}.app-link{display:none}.split-feature{gap:25px}.wrap{width:calc(100% - 48px)}}
@media(max-width:700px){h1{font-size:26px}h2{font-size:20px}.wrap{width:calc(100% - 32px)}.brand-strip small{display:none}.nav-row{min-height:58px}.primary,.app-link,.strip-search{display:none}.mobile-search{display:inline-block}.brand-logo{height:27px;max-width:140px}.nav-tools{gap:7px}.outline-button,.icon-button{font-size:12px;padding:7px 9px}.category-links{gap:0 16px;min-height:40px;justify-content:flex-start}.category-links a{min-height:42px}.desktop-only-category{display:none!important}.mobile-category{display:inline-flex!important}.category-links a[href="/lian.php"],.category-links a[href="/wan.php"]{order:4}.category-links .mobile-category{order:1}.hero{grid-template-columns:1fr;padding:30px 0 14px;gap:22px}.hero-visual{justify-self:stretch;max-width:none}.hero-visual img{max-height:220px}.home-section{margin-block:40px}.feature-grid,.split-feature,.split-feature.reverse,.rise-band,.mystery-block,.comedy-strip,.rhythm-grid,.mobile-feature,.two-column,.device-intro{grid-template-columns:1fr}.feature-big{grid-row:auto}.feature{grid-template-columns:1fr;padding:16px}.feature-big{padding:16px}.feature .media img{max-height:210px}.split-feature.reverse>.media,.split-feature.reverse>div{grid-column:1;grid-row:auto}.split-feature.reverse>.media{grid-row:1}.split-feature .media img{max-height:210px}.mystery-notes{grid-template-columns:1fr;gap:0}.rise-band{padding:18px}.mobile-feature{padding:18px;gap:22px}.mobile-feature .app-media{width:210px;margin-inline:auto}.app-media img,.device-intro .app-media img{max-height:360px}.faq-teasers{grid-template-columns:1fr}.footer-groups{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.page-shell{padding-top:17px}.breadcrumbs{margin-bottom:23px}.page-visual img{max-height:210px}.brand-banner img{max-height:190px}.article-body{gap:12px;margin-bottom:35px}.article-section{padding-top:16px}.two-column .article-section{padding:16px}.menu-panel{width:calc(100vw - 24px);max-height:72vh;padding:16px}.menu-grid{grid-template-columns:1fr;gap:10px}.popup{top:132px}.search-panel{width:calc(100vw - 32px);padding:16px}.search-results{grid-template-columns:1fr}.device-intro .app-media{width:210px;margin:auto}.brand-strip{font-size:11px}}
@media(max-width:360px){.brand-home{font-size:15px}.nav-tools{gap:4px}.outline-button,.icon-button{padding:6px 7px}.category-links{gap:0 12px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}