:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#e9e7ef;background:#f7f7f7;font-synthesis:none;--bg:#0b0b0f;--panel:#141319;--soft:#1b1922;--line:rgba(255,255,255,.08);--muted:#9994a6;--purple:#8b5cf6;--purple2:#a78bfa;--white:#f7f5fb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f7f7f7;color:var(--white)}button,input,select,textarea{font:inherit}button,a{color:inherit}button{cursor:pointer}a{text-decoration:none}main{min-height:60vh}.site-shell{overflow:hidden}.topbar{height:72px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1240px)/2));position:relative;z-index:50;background:rgba(11,11,15,.88);border-bottom:1px solid var(--line);backdrop-filter:blur(18px);position:sticky;top:0}.brand{display:flex;align-items:center;gap:10px;margin-right:20px;font-weight:800;font-size:19px;white-space:nowrap}.brand-glyph{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#a78bfa,#6d28d9);font-family:'Noto Serif SC';box-shadow:0 8px 22px #6d28d94d}.brand small{display:block;font-size:8px;letter-spacing:2.6px;color:#938ea0;margin-top:-2px}.topbar>nav{display:flex;height:100%;align-items:center;gap:30px}.topbar>nav a{font-size:14px;color:#aba6b5;height:100%;display:flex;align-items:center;position:relative}.topbar>nav a:hover,.topbar>nav a.active{color:#fff}.topbar>nav a.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--purple)}.avatar-button{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#3b2a55,#8b5cf6);border:1px solid #9f7aea}.mobile-menu{display:none;background:0;border:0}.bottom-nav{display:none}.hero-section{min-height:610px;max-width:1240px;margin:auto;padding:78px 30px 55px;display:grid;grid-template-columns:1.15fr .85fr;align-items:center;position:relative}.hero-glow{position:absolute;width:600px;height:420px;left:-280px;top:50px;border-radius:50%;background:#6d28d929;filter:blur(110px);pointer-events:none}.hero-copy{position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:7px;color:#c4b5fd;font-size:12px;font-weight:700;letter-spacing:2px}.hero-copy h1{font-family:'Noto Serif SC';font-size:58px;line-height:1.2;letter-spacing:-2px;margin:18px 0 22px}.hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(90deg,#c4b5fd,#8b5cf6,#f0abfc);background-clip:text}.hero-copy>p{color:#9f9aa9;font-size:16px;line-height:1.9;max-width:570px}.hero-search{height:58px;max-width:600px;background:#fff;border-radius:14px;padding:0 7px 0 18px;display:flex;align-items:center;color:#777;margin-top:30px;box-shadow:0 16px 44px #0009}.hero-search input{border:0;outline:0;flex:1;padding:0 12px;font-size:14px}.hero-search button{height:44px;border:0;border-radius:10px;background:#18151f;color:#fff;padding:0 18px;display:flex;gap:8px;align-items:center;font-weight:600}.hero-metrics{display:flex;align-items:center;gap:22px;margin-top:34px}.hero-metrics div{display:flex;flex-direction:column}.hero-metrics strong{font-size:20px}.hero-metrics span{font-size:11px;color:#797480;margin-top:4px}.hero-metrics i{height:28px;width:1px;background:var(--line)}.hero-visual{height:440px;position:relative;display:grid;place-items:center}.hero-cover{display:block;width:285px;height:390px;position:relative;transform:rotate(3deg);z-index:3;filter:drop-shadow(0 30px 45px #000b)}.hero-cover .cover-art{height:100%;border-radius:8px}.hero-cover .cover-art strong{font-size:36px}.hero-play{position:absolute;bottom:22px;right:-26px;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6d28d9;box-shadow:0 10px 30px #0007}.back-card{position:absolute;width:260px;height:360px;display:flex;align-items:flex-end;padding:24px;font-family:'Noto Serif SC';font-size:20px;background:linear-gradient(160deg,#31113a,#111827);transform:rotate(-9deg) translate(-45px,15px);border-radius:8px;color:#eab308}.floating-note{z-index:4;position:absolute;right:5px;top:70px;background:#201d28dd;border:1px solid var(--line);box-shadow:0 20px 40px #0008;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;backdrop-filter:blur(15px)}.floating-note>span{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#f59e0b;color:#332000}.floating-note svg{width:18px}.floating-note small,.floating-note b{display:block}.floating-note small{font-size:10px;color:#aaa}.floating-note b{font-size:12px;margin-top:3px}.channel-strip{max-width:1180px;margin:0 auto 30px;background:#121117;border:1px solid var(--line);border-radius:16px;display:grid;grid-template-columns:repeat(3,1fr);padding:14px}.channel-strip>a{display:flex;align-items:center;gap:14px;padding:14px 24px;border-right:1px solid var(--line);transition:.2s}.channel-strip>a:last-child{border:0}.channel-strip>a:hover{background:#ffffff05}.channel-strip>a>svg{margin-left:auto;color:#65606d;width:18px}.channel-strip b,.channel-strip small{display:block}.channel-strip small{font-size:11px;color:#77717f;margin-top:5px}.channel-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:12px}.channel-icon.purple{background:#7c3aed22;color:#a78bfa}.channel-icon.blue{background:#2563eb22;color:#60a5fa}.channel-icon.orange{background:#f9731622;color:#fb923c}.page-section{max-width:1180px;margin:0 auto;padding:76px 0}.section-title{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.section-title span{font-size:10px;letter-spacing:3px;color:#8b5cf6;font-weight:800}.section-title h2{font-family:'Noto Serif SC';font-size:28px;margin:6px 0 0}.section-title>a{font-size:12px;color:#918b9a}.featured-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.content-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.content-card{display:block;min-width:0;animation:rise .5s ease both}.card-cover{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:10px;background:#1d1b24}.cover-art{height:100%;width:100%;position:relative;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 85%,#111),#11101a 72%);padding:18px;color:white;display:flex;flex-direction:column;justify-content:flex-end}.cover-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 35%,#08070cc7);z-index:0}.cover-art>*:not(.cover-orb){position:relative;z-index:1}.cover-art strong{font-family:'Noto Serif SC';font-size:24px;line-height:1.25;text-shadow:0 2px 15px #000;letter-spacing:2px}.cover-art small{font-size:10px;margin-top:7px;color:#ddd}.cover-kicker{position:absolute!important;top:15px;left:18px;font-size:7px;letter-spacing:1.5px;opacity:.75}.cover-orb{position:absolute;border-radius:50%;border:1px solid #ffffff30}.orb-a{width:190px;height:190px;top:15%;left:-30%;box-shadow:0 0 60px #ffffff17 inset}.orb-b{width:100px;height:100px;top:36%;right:-14%;background:#ffffff10}.play-badge{position:absolute!important;left:50%;top:48%;transform:translate(-50%,-50%);width:45px;height:45px;border-radius:50%;background:#fff;color:var(--accent);display:grid;place-items:center}.access-pill{position:absolute;top:10px;right:10px;z-index:4;background:#131119d9;border:1px solid #ffffff24;padding:5px 8px;border-radius:15px;font-size:9px;display:flex;align-items:center;gap:4px}.access-pill.free{background:#15803dcc}.access-pill.member,.access-pill.member_purchase{background:#7c3aeddd}.access-pill.special{background:#b45309dd}.saved-mark{position:absolute;z-index:4;bottom:12px;right:12px;color:#fff}.card-copy{padding:12px 2px}.card-copy h3{font-size:15px;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-copy p{font-size:11px;color:#837e89;margin:5px 0 8px}.card-copy span{display:flex;align-items:center;gap:4px;font-size:10px;color:#716b78}.content-card:hover .cover-art{transform:scale(1.025)}.cover-art{transition:transform .35s}.content-card:hover h3{color:#c4b5fd}.dark-band{background:#111015;border-block:1px solid var(--line)}.rank-list{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}.rank-item{display:grid;grid-template-columns:38px 58px 1fr auto 20px;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid var(--line)}.rank-item>b{font-family:serif;font-size:22px;color:#514c57}.rank-item:nth-child(1)>b,.rank-item:nth-child(2)>b{color:#a78bfa}.rank-cover{width:54px;height:65px;overflow:hidden;border-radius:5px}.rank-cover .cover-art{padding:6px}.rank-cover strong{font-size:9px}.rank-cover small,.rank-cover .cover-kicker{display:none}.rank-copy span{font-size:9px;color:#8b5cf6}.rank-copy h3{margin:3px 0;font-size:14px}.rank-copy p{font-size:10px;color:#76717b;margin:0}.rank-item>small{color:#6e6974;font-size:10px}.rank-item>svg{width:16px;color:#5c5662}.membership-banner{min-height:270px;border-radius:20px;margin-top:70px;margin-bottom:90px!important;padding:50px 65px!important;background:radial-gradient(circle at 80% 10%,#9f7aea35,transparent 32%),linear-gradient(120deg,#25183e,#111019 65%);border:1px solid #8b5cf64a;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.membership-banner h2{font-family:'Noto Serif SC';font-size:32px;margin:12px 0}.membership-banner p{font-size:13px;color:#aaa1b6}.membership-banner a{display:inline-flex;align-items:center;gap:8px;margin-top:16px;background:#f6f2ff;color:#2d1b54;padding:12px 20px;border-radius:8px;font-weight:700;font-size:13px}.vip-ring{width:150px;height:150px;border-radius:50%;border:1px solid #c4b5fd4f;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 0 60px #8b5cf64d inset,0 0 0 18px #8b5cf612}.vip-ring svg{width:43px;height:43px;color:#f6c453}.vip-ring span{font-size:11px;letter-spacing:4px;margin-top:6px}footer{border-top:1px solid var(--line);min-height:180px;max-width:1180px;margin:auto;display:grid;grid-template-columns:1fr auto;align-content:center;gap:20px;color:#77717f}.footer-brand{display:flex;gap:12px;align-items:center}.footer-brand b{color:#ddd}.footer-brand p{font-size:11px;margin:4px 0}.footer-links{display:flex;gap:24px;font-size:12px}.footer-links a:hover{color:white}footer>small{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:10px}.skeleton-card i{display:block;aspect-ratio:3/4;border-radius:10px;background:linear-gradient(90deg,#18171c,#232129,#18171c);background-size:200%;animation:shimmer 1.4s infinite}.skeleton-card b,.skeleton-card span{display:block;height:12px;border-radius:6px;background:#1d1b22;margin-top:12px}.skeleton-card span{width:60%;height:8px}.empty{text-align:center;padding:80px 20px;color:#5f5967}.empty svg{width:38px;height:38px}.empty h3{color:#bbb6c2}.empty p{font-size:12px}.toast{position:fixed;z-index:100;top:88px;left:50%;transform:translateX(-50%);background:#f7f5fb;color:#18151e;padding:12px 18px;border-radius:9px;border:0;box-shadow:0 14px 40px #0009;display:flex;align-items:center;gap:8px;font-size:13px}.toast svg{width:16px}.spinner{width:28px;height:28px;border:2px solid #ffffff22;border-top-color:#a78bfa;border-radius:50%;animation:spin .8s linear infinite}
/* explore */.explore-head{text-align:center;padding:80px 20px 60px;background:radial-gradient(circle at 50% -20%,#7c3aed36,transparent 52%);border-bottom:1px solid var(--line)}.explore-head>span{font-size:10px;letter-spacing:4px;color:#8b5cf6}.explore-head h1{font:700 38px 'Noto Serif SC';margin:10px}.explore-head p{font-size:13px;color:#8a8490}.explore-head form{max-width:520px;height:48px;margin:28px auto 0;display:flex;align-items:center;background:#fff;border-radius:8px;padding-left:15px;color:#777}.explore-head input{border:0;outline:0;padding:0 10px;flex:1}.explore-head button{height:38px;margin-right:5px;padding:0 22px;border:0;border-radius:6px;background:#17141c;color:#fff}.explore-body{max-width:1180px;margin:auto;display:grid;grid-template-columns:190px 1fr;gap:48px;padding:52px 0 100px}.explore-body aside{border-right:1px solid var(--line);padding-right:30px}.explore-body aside h3{font-size:14px;display:flex;gap:8px;align-items:center;margin:0 0 32px}.explore-body aside h3 svg{width:17px}.explore-body aside label{font-size:10px;color:#716b76;letter-spacing:1px;display:block;margin:24px 0 10px}.filter-list,.filter-chips{display:flex;flex-direction:column;gap:4px}.filter-list button,.filter-chips button{border:0;background:transparent;color:#96909e;text-align:left;padding:9px 11px;border-radius:6px;font-size:12px}.filter-list button.active,.filter-chips button.active{background:#8b5cf61d;color:#c4b5fd}.filter-chips small{float:right;color:#5c5661}.result-toolbar{height:52px;display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px}.result-toolbar b,.result-toolbar span{display:block}.result-toolbar b{font-size:18px}.result-toolbar span{font-size:10px;color:#736e78;margin-top:5px}.result-toolbar select{background:#16151b;border:1px solid var(--line);color:#a39da9;border-radius:7px;padding:8px 26px 8px 10px;font-size:11px}.explore-body .content-grid{grid-template-columns:repeat(4,1fr)}
/* detail */.detail-loading,.reader-loading{height:70vh;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#888}.detail-hero{position:relative;min-height:500px;overflow:hidden;border-bottom:1px solid var(--line)}.detail-backdrop{position:absolute;inset:-20%;opacity:.16;filter:blur(40px);transform:scale(1.2)}.detail-backdrop .cover-art{background:var(--accent)}.detail-backdrop .cover-art>*{display:none}.detail-inner{max-width:1100px;margin:auto;padding:64px 0;display:grid;grid-template-columns:240px 1fr;gap:46px;position:relative}.back-link{position:absolute;top:20px;left:0;border:0;background:transparent;color:#9a94a1;display:flex;align-items:center;gap:6px;font-size:11px}.back-link svg{width:16px}.detail-cover{aspect-ratio:3/4;box-shadow:0 25px 60px #000b}.detail-cover .cover-art{border-radius:8px}.detail-copy{padding-top:18px}.detail-meta{display:flex;gap:8px}.detail-meta span{font-size:10px;padding:5px 9px;border:1px solid #ffffff18;border-radius:4px;color:#aaa3b0}.detail-meta .access{border:0;background:#15803d}.detail-meta .access.member,.detail-meta .access.member_purchase{background:#6d28d9}.detail-meta .access.purchase,.detail-meta .access.special{background:#a16207}.detail-copy h1{font:800 43px 'Noto Serif SC';margin:18px 0 8px;letter-spacing:2px}.detail-copy .author{font-size:12px;color:#a29ca8}.detail-copy .desc{font-size:14px;color:#aaa4b0;line-height:1.9;max-width:650px}.tag-row{display:flex;gap:8px}.tag-row span{font-size:10px;color:#9f7aea}.detail-stats{display:flex;gap:24px;margin:23px 0;color:#8b8592;font-size:11px}.detail-stats span{display:flex;align-items:center;gap:5px}.detail-stats svg{width:15px}.detail-actions{display:flex;gap:10px}.detail-actions a,.detail-actions button{height:44px;padding:0 18px;border-radius:7px;border:1px solid #ffffff18;background:#1a181f;display:flex;align-items:center;justify-content:center;gap:7px;font-size:12px}.detail-actions .primary-action{background:#f7f5fb;color:#17131d;font-weight:700;border:0;min-width:150px}.detail-actions svg{width:17px}.detail-actions .selected{color:#c4b5fd;border-color:#8b5cf688}.detail-content{max-width:1100px;margin:50px auto 20px;display:grid;grid-template-columns:1fr 270px;gap:50px}.detail-tabs{border-bottom:1px solid var(--line);display:flex;gap:25px}.detail-tabs button{background:0;border:0;color:#75707b;padding:0 0 14px;font-size:13px}.detail-tabs .active{color:#fff;border-bottom:2px solid #8b5cf6}.chapter-head{display:flex;justify-content:space-between;margin:20px 0 8px;font-size:11px;color:#77717d}.chapter-head b{color:#aaa}.chapter-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.chapter-list a{display:grid;grid-template-columns:34px 1fr 20px;align-items:center;gap:10px;background:#141319;border:1px solid transparent;border-radius:7px;padding:12px}.chapter-list a:hover{border-color:#8b5cf655}.chapter-no{font-size:10px;color:#615b67}.chapter-list b,.chapter-list small{display:block}.chapter-list b{font-size:12px}.chapter-list small{font-size:9px;color:#716b76;margin-top:4px}.chapter-list svg{width:15px;color:#625c68}.chapter-list a.locked{opacity:.65}.unlock-card{border:1px solid #8b5cf64f;background:linear-gradient(150deg,#261b3b,#15131b);padding:25px;border-radius:11px;text-align:center}.unlock-card>span{width:48px;height:48px;display:grid;place-items:center;margin:auto;border-radius:50%;background:#8b5cf626;color:#f6c453}.unlock-card h3{font:700 18px 'Noto Serif SC';margin-bottom:8px}.unlock-card p{font-size:10px;color:#98919e;line-height:1.7}.unlock-card>a,.unlock-card button{display:block;width:100%;border:0;border-radius:6px;background:#8b5cf6;color:white;padding:11px;font-size:11px;font-weight:600;margin-top:15px}.unlock-card .points-buy{background:transparent;border:1px solid #8b5cf677;margin-top:8px}.creator-card{margin-top:14px;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;gap:12px;align-items:center}.creator-avatar{width:40px;height:40px;border-radius:50%;background:#312342;display:grid;place-items:center}.creator-card small,.creator-card b{display:block}.creator-card small{font-size:9px;color:#6d6773}.creator-card b{font-size:12px;margin-top:4px}.related{padding-top:50px}.related>h2{font:700 24px 'Noto Serif SC';margin-bottom:25px}
/* reader */.reader-page{min-height:100vh;background:#0d0c10}.reader-page>header{height:64px;position:sticky;top:0;z-index:50;background:#0d0c10eb;border-bottom:1px solid var(--line);display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:0 28px;backdrop-filter:blur(12px)}.reader-page>header button{border:0;background:transparent;color:#918b99}.reader-page>header div:nth-child(2) b,.reader-page>header div:nth-child(2) small{display:block}.reader-page>header b{font-size:12px}.reader-page>header small{font-size:9px;color:#6d6871;margin-top:2px}.reader-tools{display:flex}.reader-tools button{width:38px}.novel-reader{max-width:720px;margin:0 auto;padding:65px 24px 100px;line-height:2.2;color:#d7d2da;font-family:'Noto Serif SC'}.novel-reader h1{text-align:center;font-size:1.7em;margin-bottom:50px}.novel-reader p{text-indent:2em;margin:1.1em 0}.reader-page.light{background:#f3efe8;color:#2d2924}.reader-page.light>header{background:#f3efe8ed;border-color:#dfd8ce;color:#332f2a}.reader-page.light .novel-reader{color:#35312c}.comic-reader{max-width:740px;margin:auto;background:#151419}.comic-panel{height:620px;position:relative;overflow:hidden;background:radial-gradient(circle at 28% 30%,hsl(var(--hue),70%,55%),transparent 10%),radial-gradient(circle at 67% 62%,hsl(calc(var(--hue) + 60),60%,40%),transparent 16%),linear-gradient(145deg,hsl(var(--hue),35%,18%),#0c0b0f);border-bottom:8px solid #09090b}.comic-panel:before{content:"";position:absolute;width:60%;height:130%;border:2px solid #ffffff1f;transform:rotate(35deg);top:-30%;left:20%;box-shadow:0 0 80px #ffffff0b}.comic-panel>span{position:absolute;left:25px;top:25px;font:700 10px monospace;letter-spacing:3px;color:#ffffff66}.speech{position:absolute;max-width:240px;right:12%;top:24%;background:white;color:#111;padding:15px 20px;border-radius:50%;font-size:13px;box-shadow:0 8px 30px #0008}.video-reader{max-width:900px;margin:50px auto}.video-media{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:10px;background:#000}.video-stage{aspect-ratio:16/9;background:radial-gradient(circle,#332548,#08080b 65%);display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:10px}.video-pulse{width:70px;height:70px;border-radius:50%;background:#ffffffed;color:#7c3aed;display:grid;place-items:center;font-size:25px;padding-left:4px}.video-stage p{margin:20px 0 3px}.video-stage small{color:#777}.video-reader>h1{margin:25px 0 5px}.video-reader>p{font-size:12px;color:#777}.reader-nav{max-width:720px;margin:0 auto;padding:35px 24px 70px;border-top:1px solid var(--line);display:flex;justify-content:space-between}.reader-nav a{display:grid;grid-template-columns:auto auto;align-items:center;font-size:12px;color:#aaa}.reader-nav a span{grid-column:1/-1;color:#666;font-size:9px;margin:6px 22px}.reader-nav a:last-child{text-align:right}.reader-nav button{background:#201d27;border:0;color:white;border-radius:6px;padding:10px 16px}.paywall-page{height:100vh;background:radial-gradient(circle at 50% 40%,#412970,#0b0b0f 45%);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.paywall-icon{width:75px;height:75px;border-radius:50%;display:grid;place-items:center;background:#8b5cf633;color:#f2c35e;border:1px solid #c4b5fd55}.paywall-icon svg{width:34px;height:34px}.paywall-page>span{font-size:10px;letter-spacing:3px;color:#a78bfa;margin-top:22px}.paywall-page h1{font:700 28px 'Noto Serif SC';margin:12px}.paywall-page p{font-size:12px;color:#9b95a1}.paywall-page>div:last-child{display:flex;gap:10px;margin-top:20px}.paywall-page a,.paywall-page button{border:0;border-radius:7px;padding:12px 18px;font-size:12px}.paywall-page a{background:white;color:#21162f}.paywall-page button{background:#ffffff10;color:white}
/* home-search */.home-search{display:flex;align-items:center;gap:10px;width:100%;max-width:560px;margin:0 auto 24px;padding:11px 12px 11px 18px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 6px 18px #5f1c270a}
.home-search .home-search-icon{color:#ff5a67;font-size:17px;flex:0 0 auto}
.home-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:14px;color:#333}
.home-search button{flex:0 0 auto;border:0;border-radius:9px;background:#ff5a67;color:#fff;padding:8px 20px;font-size:13px;font-weight:600}
/* profile */.profile-page{max-width:1180px;margin:55px auto 100px;display:grid;grid-template-columns:220px 1fr;gap:52px}
.profile-sidebar{border-right:1px solid var(--line);padding-right:28px}.user-mini{display:flex;align-items:center;gap:11px;padding-bottom:24px;border-bottom:1px solid var(--line)}.user-mini>span{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#473063,#9167d2);font:700 20px 'Noto Serif SC'}.user-mini b,.user-mini small{display:block}.user-mini b{font-size:13px}.user-mini small{font-size:9px;color:#d7a93b;margin-top:4px;display:flex;gap:4px;align-items:center}.user-mini svg{width:11px}.profile-sidebar nav{display:flex;flex-direction:column;padding:18px 0}.profile-sidebar nav a{display:grid;grid-template-columns:20px 1fr 14px;align-items:center;gap:9px;padding:11px;border-radius:6px;color:#96909c;font-size:11px}.profile-sidebar nav svg{width:16px}.profile-sidebar nav a:hover{background:#ffffff08;color:#fff}.profile-sidebar nav a svg:last-child{width:12px}.profile-help{border-radius:10px;background:#18151f;border:1px solid var(--line);padding:18px;text-align:center;margin-top:15px}.profile-help>svg{color:#8b5cf6}.profile-help b,.profile-help p{display:block}.profile-help b{font-size:11px;margin-top:7px}.profile-help p{font-size:9px;color:#736d79}.profile-help a{font-size:10px;color:#c4b5fd}.logout{border:0;background:0;color:#6f6975;font-size:10px;display:flex;gap:7px;align-items:center;margin:18px}.logout svg{width:14px}.profile-welcome{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px}.profile-welcome span{font-size:12px;color:#8d8792}.profile-welcome h1{font:700 29px 'Noto Serif SC';margin:3px 0}.profile-welcome p{font-size:10px;color:#77717c}.profile-welcome button{background:#8b5cf6;color:#fff;border:0;padding:11px 16px;border-radius:7px;display:flex;align-items:center;gap:7px;font-size:11px}.profile-welcome svg{width:16px}.inline-notice,.save-message{border:1px solid #16a34a55;background:#16a34a19;color:#86efac;border-radius:6px;padding:9px 12px;font-size:11px;margin:-15px 0 18px}.account-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.account-cards>div{background:#151419;border:1px solid var(--line);border-radius:10px;padding:17px;position:relative}.metric-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:7px}.metric-icon svg{width:17px}.metric-icon.gold{color:#f6c453;background:#f59e0b1d}.metric-icon.purple{color:#a78bfa;background:#8b5cf61d}.metric-icon.pink{color:#f472b6;background:#db27771d}.metric-icon.cyan{color:#22d3ee;background:#0891b21d}.account-cards p{font-size:9px;color:#716b77}.account-cards b{display:block;font-size:19px}.account-cards a{font-size:9px;color:#7f7885;display:flex;align-items:center;margin-top:13px}.account-cards a svg{width:11px}.quick-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:13px;margin-top:20px}.quick-grid>a{min-height:120px;border-radius:10px;padding:23px;display:flex;align-items:center;gap:17px}.quick-vip{background:radial-gradient(circle at 80% 0,#9f7aea4b,transparent 45%),linear-gradient(120deg,#2b1c48,#17141e);border:1px solid #8b5cf64d}.quick-agent{background:#151419;border:1px solid var(--line)}.quick-grid>a>svg{width:34px;height:34px;color:#e9bc54}.quick-agent>svg{color:#a78bfa!important}.quick-grid span{font-size:8px;letter-spacing:2px;color:#b9a3e7}.quick-grid h3{font-size:15px;margin:5px 0}.quick-grid p{font-size:9px;color:#827b89}.quick-grid>a>b,.quick-grid>a>svg:last-child{margin-left:auto;font-size:10px}.subsection-title{font-size:14px;margin:28px 0 14px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.service-grid a{background:#151419;border:1px solid var(--line);border-radius:8px;padding:14px;display:grid;grid-template-columns:24px 1fr 15px;align-items:center;font-size:10px;color:#aaa}.service-grid svg{width:15px;color:#9181bd}.service-grid svg:last-child{color:#5a5560}.profile-page-head{height:75px;border-bottom:1px solid var(--line);margin-bottom:25px}.profile-page-head h1{font:700 26px 'Noto Serif SC';margin:0}.profile-page-head p{font-size:10px;color:#7a7480}.profile-grid{grid-template-columns:repeat(4,1fr)}.data-list,.message-list,.ticket-list{display:flex;flex-direction:column;gap:8px}.order-row{display:grid;grid-template-columns:38px 1fr auto 65px;align-items:center;gap:12px;background:#151419;border:1px solid var(--line);border-radius:8px;padding:13px}.row-icon{width:36px;height:36px;border-radius:7px;background:#8b5cf61d;color:#a78bfa;display:grid;place-items:center}.row-icon svg{width:17px}.order-row b,.order-row small{display:block}.order-row b{font-size:11px}.order-row small{font-size:8px;color:#6f6975;margin-top:4px}.order-row strong{font-size:12px}.order-row i{font-style:normal;font-size:9px;color:#6ee7b7;text-align:center}.message-list button{border:1px solid var(--line);background:#17161c;color:white;border-radius:8px;padding:16px;text-align:left;display:grid;grid-template-columns:36px 1fr 10px;gap:12px}.message-list button>span{width:34px;height:34px;border-radius:50%;background:#8b5cf622;color:#a78bfa;display:grid;place-items:center}.message-list svg{width:16px}.message-list b{font-size:11px}.message-list p{font-size:10px;color:#9a949f}.message-list small{font-size:8px;color:#5f5964}.message-list i{width:6px;height:6px;background:#8b5cf6;border-radius:50%}.message-list button.read{opacity:.6}.ticket-form{display:grid;grid-template-columns:150px 1fr;gap:10px;margin-bottom:25px}.ticket-form select,.ticket-form input,.ticket-form textarea{background:#151419;border:1px solid var(--line);color:#ddd;border-radius:7px;padding:11px;outline:0;font-size:10px}.ticket-form textarea{grid-column:1/-1;min-height:100px;resize:vertical}.ticket-form button{grid-column:2;justify-self:end;border:0;border-radius:6px;background:#8b5cf6;color:#fff;padding:9px 20px;font-size:10px}.ticket-list>div{padding:18px;background:#151419;border:1px solid var(--line);border-radius:8px;position:relative}.ticket-list span{font-size:8px;color:#a78bfa}.ticket-list b{font-size:12px;display:block;margin-top:6px}.ticket-list p{font-size:10px;color:#8b8591}.ticket-list blockquote{margin:12px 0 0;padding:12px;border-left:2px solid #8b5cf6;background:#1c1923;font-size:10px;color:#aaa}.ticket-list blockquote strong{display:block;color:#c4b5fd;margin-bottom:4px}.ticket-list>div>small{position:absolute;right:14px;top:14px;font-size:8px;color:#6ee7b7}.agent-hero{background:linear-gradient(125deg,#352252,#17141e);border:1px solid #8b5cf644;border-radius:12px;padding:27px;display:flex;justify-content:space-between;align-items:center}.agent-hero span{font-size:9px;color:#a89eb0}.agent-hero b{display:block;font-size:30px;margin:5px 0}.agent-hero p{font-size:9px;color:#918999}.agent-hero button{border:0;background:white;color:#2c1a43;border-radius:6px;padding:10px 16px;font-size:10px}.invite-box{display:flex;align-items:center;gap:14px;padding:17px;border:1px solid var(--line);border-radius:9px;margin-top:12px}.invite-box>svg{color:#e7b84d}.invite-box b{font-size:11px}.invite-box p{font-size:9px;color:#777;margin:4px 0}.invite-box button{margin-left:auto;background:#24202c;color:#c4b5fd;border:0;border-radius:5px;padding:8px 12px;font-size:9px}.redeem-card,.membership-page{max-width:550px;margin:auto;text-align:center;background:radial-gradient(circle at 50% 0,#8b5cf63d,transparent 35%),#151419;border:1px solid #8b5cf644;border-radius:14px;padding:40px}.redeem-card>svg,.membership-page>svg{width:44px;height:44px;color:#e8b94c}.redeem-card h2{font:700 22px 'Noto Serif SC'}.redeem-card p{font-size:10px;color:#888}.redeem-card>div{display:flex;margin-top:25px}.redeem-card input{flex:1;background:#0f0e12;border:1px solid var(--line);border-radius:7px 0 0 7px;padding:13px;color:white;outline:0}.redeem-card button{border:0;background:#8b5cf6;color:white;padding:0 18px;border-radius:0 7px 7px 0;font-size:10px}.redeem-card>span{display:block;color:#86efac;font-size:10px;margin-top:13px}.redeem-card>small{display:block;color:#5f5964;font-size:8px;margin-top:20px}.membership-page>span{display:block;font-size:9px;letter-spacing:3px;color:#c4b5fd}.membership-page h1{font:700 27px 'Noto Serif SC'}.membership-page ul{text-align:left;font-size:10px;color:#aaa;line-height:2}.plan{display:flex;justify-content:space-between;align-items:center;text-align:left;border:1px solid #8b5cf6;border-radius:8px;padding:14px;margin-top:20px}.plan b,.plan small{display:block}.plan small{font-size:8px;color:#777;margin-top:3px}.plan strong{font-size:22px}.plan strong small{display:inline}.membership-page>button{width:100%;border:0;background:#8b5cf6;color:white;border-radius:7px;padding:12px;margin-top:12px;font-size:11px}.membership-page>p{font-size:10px;color:#86efac}
/* admin */.admin-shell{min-height:100vh;background:#f4f5f8;color:#24222b;display:grid;grid-template-columns:225px 1fr}.admin-shell>aside{background:#141219;color:#e5e2e9;padding:22px 14px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.admin-brand{display:flex;align-items:center;gap:10px;padding:0 10px 25px;border-bottom:1px solid #ffffff0e}.admin-brand>span{width:35px;height:35px;border-radius:9px;background:#7c3aed;display:grid;place-items:center;font-family:'Noto Serif SC'}.admin-brand b,.admin-brand small{display:block}.admin-brand b{font-size:13px}.admin-brand small{font-size:7px;letter-spacing:1.6px;color:#77717e}.admin-shell aside nav{display:flex;flex-direction:column;gap:4px;padding-top:20px}.admin-shell aside nav button{border:0;background:transparent;color:#8d8794;border-radius:7px;padding:10px 12px;text-align:left;display:flex;align-items:center;gap:10px;font-size:11px}.admin-shell aside nav button svg{width:16px}.admin-shell aside nav button.active{background:#7c3aed;color:#fff;box-shadow:0 8px 20px #6d28d933}.admin-shell aside nav button i{font-style:normal;margin-left:auto;background:#ef4444;color:white;border-radius:8px;padding:1px 5px;font-size:8px}.admin-user{margin-top:auto;border-top:1px solid #ffffff0d;padding:17px 8px 10px;display:grid;grid-template-columns:35px 1fr 14px;gap:9px;align-items:center}.admin-user>span,.admin-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#4c3271,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:12px}.admin-user b,.admin-user small{display:block}.admin-user b{font-size:10px}.admin-user small{font-size:7px;color:#aaa;display:flex;align-items:center;gap:3px}.admin-user svg{width:10px}.admin-exit{padding:10px;font-size:9px;color:#716b77;display:flex;align-items:center;gap:8px}.admin-exit svg{width:13px}.admin-shell>main>header{height:64px;background:#fff;border-bottom:1px solid #e6e6e9;display:flex;align-items:center;padding:0 28px;gap:18px}.admin-shell>main>header form{width:320px;height:35px;border:1px solid #e5e3e8;background:#f8f8fa;border-radius:7px;display:flex;align-items:center;padding:0 10px;color:#aaa}.admin-shell>main>header form svg{width:15px}.admin-shell>main>header input{border:0;outline:0;background:0;flex:1;padding:0 8px;font-size:10px}.notification{margin-left:auto;border:0;background:transparent;position:relative;color:#777}.notification svg{width:18px}.notification i{position:absolute;right:1px;top:0;background:#ef4444;color:#fff;border-radius:50%;font-size:6px;width:11px;height:11px}.admin-menu{display:none}.admin-content{padding:32px;max-width:1450px;margin:auto}.admin-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.admin-title h1{font-size:22px;margin:0}.admin-title p{font-size:9px;color:#8b8791}.date-button,.primary-admin{border:1px solid #dedce3;background:#fff;border-radius:6px;padding:9px 13px;font-size:9px;display:flex;align-items:center;gap:8px}.date-button svg{width:13px}.primary-admin{background:#7c3aed;color:#fff;border-color:#7c3aed}.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.metric-card{background:#fff;border:1px solid #e8e7eb;border-radius:10px;padding:17px;display:flex;gap:14px;align-items:center}.metric-card>span{width:39px;height:39px;border-radius:9px;display:grid;place-items:center}.metric-card>span svg{width:18px}.metric-card .purple{color:#7c3aed;background:#7c3aed16}.metric-card .blue{color:#2563eb;background:#2563eb16}.metric-card .orange{color:#ea580c;background:#ea580c16}.metric-card .pink{color:#db2777;background:#db277716}.metric-card small,.metric-card b,.metric-card em{display:block}.metric-card small{font-size:8px;color:#8a8690}.metric-card b{font-size:20px;margin:3px 0}.metric-card em{font-size:7px;color:#16a34a;font-style:normal}.panel{background:#fff;border:1px solid #e7e6ea;border-radius:10px;padding:19px}.admin-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:15px;margin-top:15px}.admin-grid.bottom{grid-template-columns:1.6fr 1fr}.panel-head{display:flex;align-items:center;justify-content:space-between}.panel-head b,.panel-head small{display:block}.panel-head b{font-size:11px}.panel-head small{font-size:7px;color:#99949d;margin-top:3px}.panel-head>svg{color:#aaa;width:17px}.panel-head button{border:0;background:transparent;color:#7c3aed;font-size:8px}.bar-chart{height:180px;display:flex;align-items:flex-end;justify-content:space-around;border-bottom:1px solid #eee;margin-top:15px;padding:0 30px}.bar-chart>div{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px}.bar-chart span{display:block;width:45px;background:linear-gradient(#8b5cf6,#c4b5fd);border-radius:5px 5px 0 0;max-height:135px}.bar-chart b{font-size:8px}.bar-chart small{font-size:7px;color:#aaa;order:-1}.channel-row{display:grid;grid-template-columns:10px 1fr auto;align-items:center;gap:10px;padding:14px 4px;border-bottom:1px solid #eee;position:relative}.channel-dot{width:7px;height:7px;border-radius:50%;background:#8b5cf6}.channel-dot.c1{background:#3b82f6}.channel-dot.c2{background:#f97316}.channel-row b,.channel-row small{display:block}.channel-row b{font-size:9px}.channel-row small{font-size:7px;color:#aaa}.channel-row strong{font-size:10px}.channel-row i{position:absolute;bottom:0;left:0;height:2px;background:#8b5cf6}.admin-shell table{width:100%;border-collapse:collapse;margin-top:13px}.admin-shell th{text-align:left;color:#9a969f;font-size:7px;font-weight:500;padding:8px;border-bottom:1px solid #eee}.admin-shell td{padding:10px 8px;border-bottom:1px solid #f0eff2;font-size:8px}.admin-shell td b,.admin-shell td small{display:block}.admin-shell td small{color:#aaa;font-size:7px;margin-top:2px}.admin-shell em{font-style:normal}.success{color:#159447;background:#16a34a12;padding:3px 6px;border-radius:4px}.mini-ticket{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:9px;padding:12px 0;border-bottom:1px solid #eee}.mini-ticket>span{width:28px;height:28px;border-radius:50%;background:#eee8fa;color:#7c3aed;display:grid;place-items:center;font-size:9px}.mini-ticket b,.mini-ticket small{display:block}.mini-ticket b{font-size:8px}.mini-ticket small{font-size:7px;color:#aaa}.mini-ticket em{font-size:7px;color:#d97706}.mini-ticket em.resolved{color:#16a34a}.admin-filters{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.admin-filters>div{background:#eae9ed;border-radius:6px;padding:3px}.admin-filters button{border:0;background:transparent;padding:7px 15px;border-radius:5px;font-size:8px;color:#777}.admin-filters button.active{background:white;color:#7c3aed;box-shadow:0 1px 4px #0001}.admin-filters>span{font-size:8px;color:#999}.table-panel{padding:8px 16px 16px;overflow:auto}.content-table td:first-child{display:flex;align-items:center;gap:8px;min-width:160px}.admin-cover{width:31px;height:41px;border-radius:3px;color:white;display:grid;place-items:center;font-size:8px}.access-tag{padding:3px 6px;border-radius:4px;background:#eee;color:#777}.access-tag.member,.access-tag.member_purchase{color:#7c3aed;background:#7c3aed12}.access-tag.free{color:#16803b;background:#16a34a12}.access-tag.special{color:#c65d0b;background:#f9731612}.switch{width:28px;height:15px;border:0;border-radius:10px;background:#ccc;padding:2px}.switch i{display:block;width:11px;height:11px;border-radius:50%;background:#fff;transition:.2s}.switch.on{background:#7c3aed}.switch.on i{transform:translateX(13px)}.text-button,.dots{border:0;background:transparent;color:#7c3aed;font-size:8px}.dots{color:#999}.vip-tag{background:#7c3aed13;color:#7c3aed;padding:3px 6px;border-radius:4px}.admin-ticket-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.ticket-admin>div{display:flex;justify-content:space-between}.ticket-admin>div span,.ticket-admin>div em{font-size:7px;color:#7c3aed}.ticket-admin h3{font-size:12px;margin:10px 0 3px}.ticket-admin>small{font-size:7px;color:#aaa}.ticket-admin>p{font-size:9px;color:#68646c;line-height:1.7}.ticket-admin blockquote{font-size:8px;background:#f5f3f8;border-left:2px solid #8b5cf6;padding:10px;margin:10px 0 0}.reply-box{display:flex!important;gap:7px;margin-top:10px}.reply-box textarea{flex:1;min-height:60px;border:1px solid #ddd;border-radius:5px;padding:8px;font-size:8px;resize:none}.reply-box button{border:0;background:#7c3aed;color:#fff;border-radius:5px;padding:0 12px;font-size:8px}.import-layout{display:grid;grid-template-columns:1.5fr .7fr;gap:15px}.import-layout textarea{width:100%;height:380px;background:#18161e;color:#ddd;border:0;border-radius:7px;padding:18px;font:10px/1.8 monospace;margin:15px 0;resize:vertical}.import-guide>svg{color:#7c3aed;width:30px}.import-guide h3{font-size:13px}.import-guide ul{font-size:8px;color:#777;line-height:2.4;padding-left:16px}.import-result,.import-error{margin-top:25px;border-radius:6px;background:#dcfce7;color:#16803b;padding:12px;font-size:9px}.import-result b,.import-result span{display:block}.import-result span{margin-top:4px}.import-error{background:#fee2e2;color:#b91c1c}.settings-panel h3{font-size:12px;display:flex;align-items:center;gap:7px}.settings-panel h3 svg{width:17px;color:#7c3aed}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.settings-grid label{display:grid;grid-template-columns:1fr 1fr;align-items:center;border-bottom:1px solid #eee;padding-bottom:10px}.settings-grid span{font-size:9px}.settings-grid input{border:1px solid #dedce1;border-radius:5px;padding:7px;font-size:9px}.settings-grid small{grid-column:1/-1;font:6px monospace;color:#aaa;margin-top:3px}.save-message{margin:15px 0 0}.admin-loading{padding:100px;text-align:center;color:#999;font-size:11px}.not-found{height:60vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.not-found b{font-size:80px;color:#241c32}.not-found h1{font-family:'Noto Serif SC'}.not-found a{font-size:12px;color:#a78bfa}
@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200%}}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:900px){.topbar{padding:0 18px;height:62px}.topbar>nav{position:absolute;display:none;top:62px;left:0;right:0;background:#111015;padding:14px 22px;height:auto;flex-direction:column;align-items:flex-start;gap:0;border-bottom:1px solid var(--line)}.topbar>nav.open{display:flex}.topbar>nav a{height:42px;width:100%}.topbar>nav a.active:after{display:none}.avatar-button{margin-left:auto}.mobile-menu{display:block;color:#aaa}.hero-section{grid-template-columns:1fr;min-height:auto;padding:65px 22px 30px}.hero-copy h1{font-size:42px}.hero-visual{height:390px}.hero-cover{width:235px;height:325px}.floating-note{right:8%}.channel-strip{margin:15px 18px;grid-template-columns:1fr;padding:8px}.channel-strip>a{border:0;border-bottom:1px solid var(--line);padding:11px}.channel-strip>a:last-child{border:0}.page-section{padding:55px 20px}.featured-layout,.content-grid{grid-template-columns:repeat(3,1fr)}.rank-list{grid-template-columns:1fr}.membership-banner{margin:35px 20px 70px!important}.explore-body{grid-template-columns:1fr;padding:35px 20px}.explore-body aside{border:0;padding:0}.filter-list,.filter-chips{flex-direction:row;flex-wrap:wrap}.explore-body .content-grid{grid-template-columns:repeat(3,1fr)}.detail-inner{margin:0 25px;grid-template-columns:200px 1fr}.detail-content{margin:40px 25px;grid-template-columns:1fr}.detail-content>aside{display:grid;grid-template-columns:1fr 1fr;gap:12px}.creator-card{margin:0}.profile-page{margin:35px 20px;grid-template-columns:1fr}.profile-sidebar{border:0;padding:0}.profile-sidebar nav{display:grid;grid-template-columns:repeat(4,1fr)}.profile-sidebar nav a{display:flex;flex-direction:column;text-align:center}.profile-sidebar nav a svg:last-child{display:none}.profile-help,.logout{display:none}.profile-main{min-width:0}.admin-shell{grid-template-columns:1fr}.admin-shell>aside{position:fixed;z-index:100;width:225px;transform:translateX(-100%);transition:.25s}.admin-shell>aside.open{transform:none}.admin-menu{display:block;border:0;background:0}.admin-stats{grid-template-columns:1fr 1fr}.admin-content{padding:22px}.admin-grid,.admin-grid.bottom{grid-template-columns:1fr}}
@media(max-width:600px){body{padding-bottom:60px}.topbar{position:sticky}.bottom-nav{position:fixed;z-index:80;bottom:0;left:0;right:0;height:60px;display:grid;grid-template-columns:repeat(4,1fr);background:#121117ed;border-top:1px solid var(--line);backdrop-filter:blur(15px);padding-bottom:env(safe-area-inset-bottom)}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#66616c;font-size:12px}.bottom-nav a b{font-size:22px;line-height:1}.bottom-nav svg{width:19px}.bottom-nav a.active{color:#a78bfa}.hero-section{padding-top:48px}.hero-copy{text-align:center}.hero-copy h1{font-size:35px}.hero-copy>p{font-size:13px}.hero-search{height:52px}.hero-search button{font-size:0;width:44px;padding:0;justify-content:center}.hero-search button:after{content:'→';font-size:17px}.hero-metrics{justify-content:center}.hero-visual{height:350px}.hero-cover{width:210px;height:290px}.back-card{width:200px;height:280px}.floating-note{display:none}.page-section{padding:45px 16px}.featured-layout,.content-grid{grid-template-columns:repeat(2,1fr);gap:15px}.content-card:nth-child(n+7){display:none}.section-title h2{font-size:23px}.rank-item{grid-template-columns:30px 52px 1fr 15px}.rank-item>small{display:none}.membership-banner{padding:35px 25px!important;min-height:auto}.membership-banner h2{font-size:24px}.vip-ring{display:none}footer{display:none}.explore-head{padding:50px 16px 40px}.explore-head h1{font-size:31px}.explore-body{padding:28px 16px}.explore-body aside h3,.explore-body aside label{display:none}.filter-list,.filter-chips{flex-wrap:nowrap;overflow:auto;padding-bottom:6px}.filter-list button,.filter-chips button{white-space:nowrap}.explore-body .content-grid{grid-template-columns:repeat(2,1fr)}.result-toolbar{margin-top:10px}.detail-inner{margin:0;padding:45px 0 35px;grid-template-columns:110px 1fr;gap:18px}.back-link{left:0;top:12px}.detail-copy{padding:0}.detail-copy h1{font-size:25px;margin:10px 0 4px}.detail-copy .desc{font-size:11px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.detail-meta span:nth-child(2){display:none}.detail-stats{gap:9px;margin:12px 0}.detail-stats span{font-size:8px}.tag-row{display:none}.detail-actions a,.detail-actions button{height:38px;padding:0 12px}.detail-actions .primary-action{min-width:auto}.detail-actions button:last-child{display:none}.detail-content{margin:30px 16px}.chapter-list{grid-template-columns:1fr}.detail-content>aside{grid-template-columns:1fr}.related{padding-top:20px}.comic-panel{height:430px}.video-reader{margin:20px 14px}.reader-page>header{padding:0 10px;grid-template-columns:38px 1fr auto}.reader-tools button{width:30px}.reader-tools button:nth-child(2){display:none}.profile-page{margin:20px 14px}.profile-sidebar{background:#151419;border-radius:10px;padding:12px}.profile-sidebar nav{grid-template-columns:repeat(4,1fr);padding-bottom:0}.profile-sidebar nav a{font-size:8px;padding:7px}.profile-sidebar nav a:nth-child(n+5){display:none}.account-cards{grid-template-columns:1fr 1fr}.quick-grid{grid-template-columns:1fr}.service-grid{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:repeat(2,1fr)}.ticket-form{grid-template-columns:1fr}.ticket-form textarea,.ticket-form button{grid-column:1}.order-row{grid-template-columns:36px 1fr auto}.order-row i{display:none}.redeem-card,.membership-page{padding:28px 18px}.admin-content{padding:18px 12px}.admin-shell>main>header{padding:0 14px}.admin-shell>main>header form{width:auto;flex:1}.admin-stats{grid-template-columns:1fr}.admin-grid,.admin-grid.bottom{grid-template-columns:1fr}.admin-ticket-grid,.import-layout,.settings-grid{grid-template-columns:1fr}.admin-title h1{font-size:19px}.content-table{min-width:680px}.admin-shell table{min-width:600px}.bar-chart{padding:0}.profile-welcome{align-items:flex-start}.profile-welcome button{font-size:0;padding:10px}.profile-welcome button:after{content:'签到';font-size:10px}.profile-welcome button svg{margin:0}}

/* Reader controls: the top-right list icon opens these local, persistent preferences. */
.reader-settings-panel{position:fixed;top:72px;right:14px;z-index:65;width:min(280px,calc(100vw - 28px));padding:14px;background:#17151c;color:#eee;border:1px solid #39343f;border-radius:12px;box-shadow:0 14px 36px #0008}
.reader-settings-panel[hidden]{display:none}
.reader-settings-panel header{height:auto!important;position:static!important;display:flex!important;align-items:center;justify-content:space-between;padding:0 0 10px!important;border:0!important;background:transparent!important}
.reader-settings-panel header b{font-size:13px!important}.reader-settings-panel header button{width:28px!important;font-size:18px;color:#aaa!important}
.reader-setting-group{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid #302c35}.reader-setting-group>span{font-size:11px;color:#aaa}.reader-setting-group>div{display:flex;gap:6px}.reader-setting-group>div button{width:auto!important;min-width:42px;padding:7px 9px;border:1px solid #4a4452;border-radius:7px;background:#211e27;color:#bbb;font-size:11px}.reader-setting-group>div button.active{background:#ff5a67;border-color:#ff5a67;color:#fff}
.reader-page[data-reader-font="small"] .novel-reader{font-size:14px}.reader-page[data-reader-font="normal"] .novel-reader{font-size:16px}.reader-page[data-reader-font="large"] .novel-reader{font-size:19px}.reader-page[data-reader-spacing="compact"] .novel-reader{line-height:1.8}.reader-page[data-reader-spacing="normal"] .novel-reader{line-height:2.2}.reader-page[data-reader-spacing="loose"] .novel-reader{line-height:2.8}
.reader-page.light .reader-settings-panel{background:#fffaf3;color:#332f2a;border-color:#dfd8ce;box-shadow:0 14px 36px #6b5b4426}.reader-page.light .reader-settings-panel header button{color:#766f66!important}.reader-page.light .reader-setting-group{border-color:#eee5d8}.reader-page.light .reader-setting-group>span{color:#887f75}.reader-page.light .reader-setting-group>div button{background:#fff;border-color:#ded4c6;color:#766f66}.reader-page.light .reader-setting-group>div button.active{background:#d86b63;border-color:#d86b63;color:#fff}

/* Refined reader settings: compact bottom sheet with segmented controls on mobile. */
@keyframes mj-reader-settings-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.reader-settings-panel{top:auto!important;right:16px;bottom:18px;width:min(320px,calc(100vw - 32px));padding:20px 16px 16px;background:linear-gradient(145deg,#24202c,#15131a);border:1px solid #ffffff18;border-radius:22px;box-shadow:0 22px 55px #000b,0 2px 0 #ffffff0c inset;animation:mj-reader-settings-in .18s ease-out;overflow:visible}
.reader-settings-panel:before{content:'';position:absolute;top:8px;left:50%;width:34px;height:3px;border-radius:3px;background:#ffffff2e;transform:translateX(-50%)}
.reader-settings-panel header{padding:5px 2px 15px!important;border-bottom:1px solid #ffffff12!important}
.reader-settings-panel header b{display:flex;align-items:center;gap:9px;font-size:15px!important;letter-spacing:.2px;color:#fff}
.reader-settings-panel header b:before{content:'Aa';display:grid;place-items:center;width:30px;height:30px;border-radius:10px;background:linear-gradient(145deg,#ff7b85,#ff5365);color:#fff;font:700 13px Georgia,serif;letter-spacing:-1px}
.reader-settings-panel header button{display:grid;place-items:center;width:30px!important;height:30px;border:1px solid #ffffff18!important;border-radius:50%;background:#ffffff0d!important;color:#c9c3cf!important;font-size:18px!important;line-height:1}
.reader-setting-group{display:block;padding:15px 0 0;border:0}
.reader-setting-group>span{display:block;margin:0 2px 8px;font-size:11px;color:#aaa2b0;letter-spacing:.3px}
.reader-setting-group>div{display:flex;gap:3px;padding:3px;border:1px solid #ffffff12;border-radius:13px;background:#0d0c11}
.reader-settings-panel .reader-setting-group>div button{flex:1;width:auto!important;min-width:0;padding:0;height:34px;border:0;border-radius:10px;background:transparent;color:#aaa3b1;font-size:11px;transition:background .18s,color .18s,box-shadow .18s}
.reader-settings-panel .reader-setting-group>div button.active{background:linear-gradient(135deg,#ff7b85,#ff5365);border:0;color:#fff;box-shadow:0 5px 12px #ff53654d}
.reader-page.light .reader-settings-panel{background:linear-gradient(145deg,#fffdf9,#f7f0e8);border-color:#eadfd1;box-shadow:0 22px 55px #6b5b4426,0 2px 0 #fff inset}.reader-page.light .reader-settings-panel:before{background:#c8bcae}.reader-page.light .reader-settings-panel header{border-color:#eee5d8!important}.reader-page.light .reader-settings-panel header b{color:#332f2a}.reader-page.light .reader-settings-panel header b:before{color:#fff}.reader-page.light .reader-settings-panel header button{background:#f1e9df!important;border-color:#e6dacd!important;color:#766f66!important}.reader-page.light .reader-setting-group>span{color:#887f75}.reader-page.light .reader-setting-group>div{border-color:#e9dfd3;background:#f5eee6}.reader-page.light .reader-settings-panel .reader-setting-group>div button{color:#8c8174}.reader-page.light .reader-settings-panel .reader-setting-group>div button.active{color:#fff}
@media(max-width:600px){.reader-settings-panel{left:10px;right:10px;bottom:12px;width:auto;border-radius:20px;padding:20px 15px 15px}}

/* 18mh-inspired information architecture: light, dense and content-first. */
.ref-skin{--pink:#ff5a67;--pink-soft:#fff0f2;--ink:#333;--sub:#8b8b8b;--light-line:#ededed;background:#f7f7f7;color:var(--ink);min-height:100vh}.ref-skin .topbar{height:auto;display:block;padding:0;position:sticky;top:0;background:#fff;color:var(--ink);border-bottom:1px solid var(--light-line);box-shadow:0 2px 12px #00000008;z-index:70}.header-main{height:64px;max-width:1000px;margin:auto;display:flex;align-items:center;gap:28px}.ref-skin .brand{margin:0;min-width:180px;color:#333}.ref-skin .brand-glyph{width:46px;height:42px;border-radius:48% 52% 44% 56%;background:linear-gradient(145deg,#ff7380,#ff4055);box-shadow:0 5px 15px #ff5a6738;color:#fff;transform:rotate(-5deg)}.ref-skin .brand>span:last-child{font-size:20px;line-height:1}.ref-skin .brand small{color:#ff6573;font-size:7px;letter-spacing:2px;margin-top:4px}.search-type{border:0;background:transparent;color:#666;padding:0 9px;font-size:11px;border-right:1px solid #ddd}.search-submit{width:50px;align-self:stretch;border:0;background:var(--pink);color:#fff;font-size:20px}.header-actions{display:flex;align-items:center;gap:14px;white-space:nowrap;font-size:11px}.header-actions>a{color:#444}.header-actions i{height:16px;width:1px;background:#ddd}.apps-link{display:flex;flex-direction:column;align-items:center;font-size:19px!important;line-height:.8}.apps-link small{font-size:8px;margin-top:5px}.channel-nav{max-width:1000px;height:55px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.channel-nav>a,.channel-nav>div>a{height:55px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;position:relative}.channel-nav>a.active{color:var(--pink)}.channel-nav>div{position:relative}.channel-nav>div>span{display:none;position:absolute;top:48px;left:50%;transform:translateX(-50%);min-width:145px;padding:8px;background:#fff;border:1px solid #eee;border-radius:5px;box-shadow:0 12px 28px #0002}.channel-nav>div:hover>span{display:block}.channel-nav>div>span a{display:block;padding:9px 12px;font-size:10px;color:#666}.channel-nav>div>span a:hover{background:var(--pink-soft);color:var(--pink)}.ref-skin>main{background:#f7f7f7;min-height:65vh}.ref-home{max-width:1000px;margin:auto;padding:14px 0 55px}.announcement{height:42px;border:1px solid #ff8891;border-radius:22px;background:#fff5f6;color:#ef5664;display:flex;align-items:center;padding:0 15px;font-size:11px;margin-bottom:13px}.announcement>b{width:29px;height:29px;border-radius:50%;background:#ff6b78;color:#fff;display:grid;place-items:center;margin-right:9px}.announcement>a{margin-left:auto;color:#ef5664}.promo-banner{height:210px;border-radius:5px;overflow:hidden;display:flex;align-items:center;padding:0 62px;position:relative;color:#fff;background:radial-gradient(circle at 15% 30%,#fff8 0 5%,transparent 6%),radial-gradient(circle at 82% 70%,#fff5 0 8%,transparent 9%),linear-gradient(120deg,#ff7f76,#ff5267 48%,#ff973c);box-shadow:0 8px 25px #fb64742e}.promo-banner:before,.promo-banner:after{content:"";position:absolute;border:24px solid #fff2;border-radius:50%;width:210px;height:210px;right:12%;top:-85px}.promo-banner:after{width:110px;height:110px;right:4%;top:auto;bottom:-45px}.promo-banner>span{position:absolute;left:25px;top:22px;background:#fff;color:#ff5968;padding:7px 11px;border-radius:3px;font-size:12px;font-weight:800}.promo-banner>div{display:flex;flex-direction:column;position:relative;z-index:1}.promo-banner small{letter-spacing:3px;font-size:9px;opacity:.8}.promo-banner strong{font-size:39px;margin:6px 0;text-shadow:0 3px 0 #d83e4c}.promo-banner strong em{font-style:normal;font-size:62px;color:#ffe45e}.promo-banner p{font-size:15px;letter-spacing:5px;margin:0}.promo-banner>b{margin-left:auto;background:#fff;color:#ff5968;padding:13px 22px;border-radius:25px;font-size:12px;position:relative;z-index:2}.shortcut-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:17px 15px;padding:21px 8px 7px;border-bottom:1px solid #eee;background:#fff}.shortcut-grid a{text-align:center;color:#555;font-size:10px}.shortcut-grid b{width:52px;height:52px;margin:auto auto 6px;display:grid;place-items:center;border-radius:12px;color:#fff;font-size:20px;background:hsl(calc(var(--i)*31 + 345),72%,62%);box-shadow:0 5px 12px #0001}.shortcut-grid a:nth-child(3n) b{border-radius:50%}.ref-skin .page-section{max-width:1000px;padding:31px 0 5px;margin:auto}.ref-skin .section-title{margin-bottom:15px;border-bottom:1px solid #eee;padding-bottom:10px}.ref-skin .section-title>div{display:flex;align-items:center;gap:7px}.ref-skin .section-title span{font-size:15px;letter-spacing:0;color:var(--pink)}.ref-skin .section-title h2{font:700 16px 'Noto Sans SC',sans-serif;margin:0;color:#3c3c3c}.ref-skin .section-title>a{color:#999;font-size:10px}.ref-grid{grid-template-columns:repeat(6,1fr);gap:16px}.ref-skin .content-card{color:#333}.ref-skin .card-cover{border-radius:4px;aspect-ratio:3/4;background:#f1f1f1}.ref-skin .cover-art{padding:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 78%,#fff),color-mix(in srgb,var(--accent) 30%,#242229));}.ref-skin .cover-art strong{font-size:17px;letter-spacing:1px}.ref-skin .cover-art small{color:#fff}.ref-skin .access-pill{top:8px;right:7px;background:#5b5b58dd;color:#fff;border:0;font-size:8px;padding:5px 8px}.ref-skin .access-pill.free{background:#ff6370}.ref-skin .card-copy{padding:8px 1px 4px}.ref-skin .card-copy h3{font-size:12px;color:#333;font-weight:500}.ref-skin .card-copy p{font-size:9px;color:#929292;margin:5px 0}.ref-skin .card-copy span{font-size:8px;color:#aaa}.member-strip{height:100px;margin-top:35px;padding:0 38px;border-radius:6px;background:linear-gradient(110deg,#ff7882,#ff4d60);display:flex;align-items:center;color:#fff}.member-strip div{display:flex;flex-direction:column}.member-strip b{font-size:20px}.member-strip span{font-size:10px;margin-top:6px;opacity:.8}.member-strip a{margin-left:auto;background:white;color:#f45362;padding:10px 20px;border-radius:20px;font-size:11px}.ref-skin footer{max-width:none;padding:35px max(24px,calc((100vw - 1000px)/2));background:#fff;border-top:1px solid #eee;color:#999}.ref-skin .footer-brand b{color:#444}.ref-skin .footer-links a{color:#777}
/* Light inner pages */.ref-skin .explore-head{padding:18px 20px;background:#fff;border-bottom:1px solid #eee}.ref-skin .explore-head>span{color:var(--pink)}.ref-skin .explore-head h1{font:700 28px 'Noto Sans SC';color:#333}.ref-skin .explore-head p{color:#999}.ref-skin .explore-head form{margin:0 auto;border:1px solid #eee;box-shadow:none}.ref-skin .explore-head button{background:var(--pink)}.ref-skin .explore-body{max-width:1000px;padding:32px 0 70px;grid-template-columns:165px 1fr;gap:30px}.ref-skin .explore-body aside{border-right:1px solid #e7e7e7}.ref-skin .explore-body aside h3{color:#444}.ref-skin .filter-list button,.ref-skin .filter-chips button{color:#777}.ref-skin .filter-list button.active,.ref-skin .filter-chips button.active{background:#ffe9ec;color:#f14f5e}.ref-skin .result-toolbar b{color:#333}.ref-skin .result-toolbar select{background:#fff;border-color:#e3e3e3;color:#666}.ref-skin .detail-hero{background:#fff;border-bottom:1px solid #eee}.ref-skin .detail-backdrop{display:none}.ref-skin .detail-copy h1{color:#333}.ref-skin .detail-copy .author,.ref-skin .detail-copy .desc,.ref-skin .detail-stats{color:#777}.ref-skin .detail-meta span{border-color:#ddd;color:#777}.ref-skin .detail-actions a,.ref-skin .detail-actions button{background:#fff;color:#555;border-color:#ddd}.ref-skin .detail-actions .primary-action{background:var(--pink);color:#fff}.ref-skin .detail-content{color:#444}.ref-skin .detail-tabs{border-color:#eee}.ref-skin .detail-tabs .active{color:#333;border-color:var(--pink)}.ref-skin .chapter-list a{background:#fff;border:1px solid #eee;color:#444}.ref-skin .unlock-card{background:#fff6f7;border-color:#ffb1b7;color:#444}.ref-skin .unlock-card>a,.ref-skin .unlock-card button{background:var(--pink)}.ref-skin .creator-card{background:#fff;border-color:#eee}.ref-skin .profile-page{max-width:1000px;color:#444}.ref-skin .profile-sidebar{border-color:#e5e5e5}.ref-skin .profile-sidebar nav a{color:#666}.ref-skin .profile-sidebar nav a:hover{background:#fff0f2;color:#f05260}.ref-skin .account-cards>div,.ref-skin .service-grid a,.ref-skin .message-list button,.ref-skin .ticket-list>div,.ref-skin .quick-agent{background:#fff;color:#444;border-color:#e8e8e8}.ref-skin .profile-page-head{border-color:#eee}.ref-skin .profile-page-head h1,.ref-skin .profile-welcome h1{color:#333}.ref-skin .profile-welcome button{background:var(--pink)}
@media(max-width:900px){.header-main{padding:0 18px;gap:12px}.ref-skin .brand{min-width:auto}.ref-skin .brand>span:last-child{display:none}.header-actions{margin-left:auto}.channel-nav{padding:0 16px}.ref-home{padding-inline:16px}.ref-grid{grid-template-columns:repeat(4,1fr)}.shortcut-grid{display:flex;justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:12px 8px;scrollbar-width:none;-ms-overflow-style:none}.shortcut-grid::-webkit-scrollbar{display:none}.shortcut-grid a{flex:1 0 calc((100% - 24px)/4);min-width:calc((100% - 24px)/4)}.shortcut-grid b{width:42px;height:42px}.promo-banner{height:150px;padding:0 24px}.promo-banner strong{font-size:22px;margin:4px 0}.promo-banner strong em{font-size:34px}.promo-banner p{font-size:12px;letter-spacing:3px}.promo-banner>span{left:16px;top:14px;padding:5px 9px;font-size:10px}.promo-banner>b{padding:9px 16px;font-size:11px}.ref-skin .explore-body{padding-inline:18px}}
.ref-skin .search-type{white-space:nowrap;min-width:48px}

/* Readability pass */

/* Admin readability pass */
.admin-shell{font-size:14px}.admin-brand b{font-size:16px}.admin-brand small{font-size:9px}.admin-shell aside nav button{font-size:14px;padding:12px}.admin-shell aside nav button svg{width:18px}.admin-user b{font-size:13px}.admin-user small{font-size:10px}.admin-exit{font-size:12px}.admin-shell>main>header form{height:40px}.admin-shell>main>header input{font-size:13px}.admin-title h1{font-size:27px}.admin-title p{font-size:12px}.date-button,.primary-admin{font-size:12px;padding:10px 15px}.metric-card small{font-size:11px}.metric-card b{font-size:25px}.metric-card em{font-size:10px}.panel-head b{font-size:15px}.panel-head small{font-size:11px}.panel-head button{font-size:11px}.bar-chart b{font-size:11px}.bar-chart small{font-size:10px}.channel-row b{font-size:13px}.channel-row small{font-size:10px}.channel-row strong{font-size:13px}.admin-shell th{font-size:12px;padding:11px 10px}.admin-shell td{font-size:13px;padding:13px 10px}.admin-shell td small{font-size:11px;margin-top:4px}.success,.access-tag,.vip-tag{font-size:11px;padding:5px 8px}.mini-ticket b{font-size:12px}.mini-ticket small{font-size:10px}.mini-ticket em{font-size:10px}.admin-filters button{font-size:12px;padding:8px 17px}.admin-filters>span{font-size:11px}.text-button,.dots{font-size:12px}.ticket-admin>div span,.ticket-admin>div em{font-size:11px}.ticket-admin h3{font-size:16px}.ticket-admin>small{font-size:10px}.ticket-admin>p{font-size:13px}.ticket-admin blockquote{font-size:12px}.reply-box textarea,.reply-box button{font-size:12px}.import-layout textarea{font-size:13px}.import-guide h3{font-size:16px}.import-guide ul{font-size:12px}.import-result,.import-error{font-size:12px}.settings-panel h3{font-size:16px}.settings-grid span{font-size:13px}.settings-grid input{font-size:13px;padding:9px}.settings-grid small{font-size:9px}.admin-loading{font-size:14px}

/* Admin information architecture and forms: adapted from MIT admin-dashboard patterns. */
.admin-shell>aside{overflow-y:auto}.admin-shell aside nav{padding-top:4px;gap:3px}.admin-nav-label{display:block;color:#615c68;font-size:10px;font-weight:700;letter-spacing:.08em;padding:17px 12px 6px}.admin-breadcrumb{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}.admin-breadcrumb span{color:#9a96a0}.admin-breadcrumb b{color:#d2cfd6}.admin-breadcrumb strong{font-weight:600}.admin-toolbar{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px;padding:12px 16px}.toolbar-tabs{display:flex;gap:5px;flex-wrap:wrap}.toolbar-tabs button{border:0;background:transparent;color:#77717f;border-radius:7px;padding:9px 12px;font-size:12px}.toolbar-tabs button b{margin-left:4px;color:#aaa;font-size:10px}.toolbar-tabs button.active{background:#f0eafb;color:#6d28d9}.toolbar-tabs button.active b{color:#7c3aed}.admin-toolbar>label{height:38px;min-width:255px;border:1px solid #dfdde4;border-radius:7px;display:flex;align-items:center;padding:0 11px;color:#a09ba6}.admin-toolbar>label input,.admin-toolbar>label select{border:0;outline:0;background:transparent;min-width:0;flex:1;font-size:12px;padding:0 8px;color:#35303a}.admin-toolbar .content-picker{min-width:340px}.admin-toolbar .content-picker>span{color:#625d68;white-space:nowrap}.admin-shell tr[hidden]{display:none}.admin-shell .table-panel .text-button+.text-button{margin-left:7px}.admin-modal-backdrop{position:fixed;z-index:200;inset:0;background:#17131e99;backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:24px}.admin-modal{width:min(760px,100%);max-height:calc(100vh - 48px);overflow:auto;background:#fff;border-radius:13px;box-shadow:0 30px 80px #150d243b;color:#2b2730}.admin-modal>header{position:sticky;top:0;z-index:1;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #eceaf0}.admin-modal>header small{display:block;color:#7c3aed;font-size:10px;font-weight:700;letter-spacing:.12em}.admin-modal>header h2{font-size:21px;margin:3px 0 0}.admin-modal>header button{border:0;background:#f2f0f5;width:32px;height:32px;border-radius:7px;font-size:21px;color:#6d6872}.admin-modal form{padding:22px 24px}.admin-form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.admin-form-grid label{display:flex;flex-direction:column;gap:7px}.admin-form-grid label>span{font-size:12px;font-weight:600;color:#514b58}.admin-form-grid input,.admin-form-grid select,.admin-form-grid textarea{width:100%;border:1px solid #dcd9e1;border-radius:7px;background:#fff;padding:10px 11px;font:12px/1.5 inherit;color:#29242e;outline:0}.admin-form-grid input:focus,.admin-form-grid select:focus,.admin-form-grid textarea:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf619}.admin-form-grid textarea{resize:vertical}.admin-form-grid .span-2{grid-column:span 2}.admin-form-grid .span-3{grid-column:1/-1}.admin-check-row{display:flex;gap:25px;padding:18px 2px;font-size:12px;color:#514b58}.admin-check-row label{display:flex;align-items:center;gap:7px}.admin-modal footer{display:flex;justify-content:flex-end;gap:9px;padding-top:17px;border-top:1px solid #eee}.ghost-admin{border:1px solid #dedbe3;background:#fff;color:#514b58;border-radius:6px;padding:10px 16px;font-size:12px}.admin-modal .primary-admin{display:inline-flex}.admin-modal select:disabled{background:#f5f4f7;color:#8e8993}
.admin-list-toolbar{align-items:center}.admin-list-toolbar>form{margin-left:auto;display:grid;grid-template-columns:minmax(260px,1fr) 105px auto auto;gap:8px;align-items:center}.admin-list-toolbar>form label{height:40px;display:flex;align-items:center;border:1px solid #ddd9e2;border-radius:7px;padding:0 10px;color:#999}.admin-list-toolbar>form input{min-width:0;width:100%;border:0;background:transparent;outline:0;padding:0 8px;font-size:11px;color:#3e3843}.admin-list-toolbar>form select,.admin-list-toolbar>form button{height:40px;border-radius:7px;font-size:11px}.admin-list-toolbar>form select{border:1px solid #ddd9e2;background:#fff;color:#514b58;padding:0 9px}.admin-list-toolbar>form button{border:0;background:#7c3aed;color:#fff;padding:0 15px;font-weight:700}.admin-list-toolbar>form button[type="button"]{border:1px solid #ddd9e2;background:#fff;color:#746d79}.ticket-pagination{margin-top:14px}.ticket-pagination .admin-pagination{border-top:0}
@media(max-width:600px){.admin-title h1{font-size:23px}.admin-title p{font-size:11px}.admin-shell th{font-size:11px}.admin-shell td{font-size:12px}.metric-card b{font-size:23px}}
@media(max-width:700px){.admin-breadcrumb{display:none}.admin-toolbar{align-items:stretch;flex-direction:column}.admin-toolbar>label,.admin-toolbar .content-picker{min-width:0;width:100%}.toolbar-tabs{overflow-x:auto;flex-wrap:nowrap}.toolbar-tabs button{white-space:nowrap}.admin-modal-backdrop{padding:8px}.admin-modal{max-height:calc(100vh - 16px);border-radius:10px}.admin-modal>header,.admin-modal form{padding:16px}.admin-form-grid{grid-template-columns:1fr}.admin-form-grid .span-2,.admin-form-grid .span-3{grid-column:1}.admin-check-row{flex-wrap:wrap}}


/* Expanded Chinese system settings */
.settings-actions{display:flex;align-items:center;gap:13px}.settings-actions>span{font-size:11px;color:#99949f}.settings-anchor{position:sticky;top:64px;z-index:5;display:flex;gap:5px;overflow-x:auto;background:#f4f5f8e8;backdrop-filter:blur(10px);padding:8px 0 14px;margin-top:-8px}.settings-anchor a{flex:0 0 auto;border:1px solid #e2dfe7;background:#fff;color:#625d68;border-radius:7px;padding:9px 12px;font-size:12px}.settings-anchor a:hover{border-color:#8b5cf6;color:#6d28d9}.settings-sections{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}.settings-group{padding:0;overflow:hidden;scroll-margin-top:125px}.settings-group>header{display:flex;align-items:center;gap:12px;padding:18px 20px;background:linear-gradient(135deg,#fbfaff,#fff);border-bottom:1px solid #ece9f0}.settings-group>header>b{width:38px;height:38px;border-radius:9px;background:#7c3aed12;color:#7c3aed;display:grid;place-items:center;font-size:17px}.settings-group>header h3{font-size:16px;margin:0 0 4px}.settings-group>header p{font-size:11px;color:#96919b;margin:0}.settings-group .settings-grid{display:grid;grid-template-columns:1fr;gap:0;margin:0;padding:5px 20px 14px}.settings-group .setting-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(135px,44%);align-items:center;gap:15px;border-bottom:1px solid #f0eef3;padding:15px 0;margin:0}.settings-group .setting-row.wide{grid-column:1/-1}.settings-group .setting-row>div span,.settings-group .setting-row>div small{display:block}.settings-group .setting-row>div span{font-size:13px;font-weight:600;color:#3f3944}.settings-group .setting-row>div small{font-size:10px;line-height:1.45;color:#a09ba5;margin-top:4px}.settings-group .setting-row>input,.settings-group .setting-row>select{width:100%;min-width:0;border:1px solid #dcd9e1;border-radius:7px;background:#fff;padding:9px 10px;font-size:12px;color:#302a35;outline:0}.settings-group .setting-row>input:focus,.settings-group .setting-row>select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf617}.setting-switch{justify-self:end;display:flex!important;grid-template-columns:none!important;align-items:center!important;gap:8px!important;border:0!important;padding:0!important}.setting-switch input{position:absolute;opacity:0;pointer-events:none}.setting-switch i{position:relative;width:36px;height:20px;border-radius:20px;background:#c9c5ce;transition:.2s}.setting-switch i:after{content:'';position:absolute;width:16px;height:16px;left:2px;top:2px;border-radius:50%;background:#fff;box-shadow:0 1px 3px #0002;transition:.2s}.setting-switch input:checked+i{background:#7c3aed}.setting-switch input:checked+i:after{transform:translateX(16px)}.setting-switch b{font-size:11px;color:#77717d;min-width:36px;font-weight:500}
@media(max-width:1100px){.settings-sections{grid-template-columns:1fr}}@media(max-width:700px){.settings-actions>span{display:none}.settings-anchor{top:64px}.settings-group .settings-grid{grid-template-columns:1fr;padding:4px 15px 12px}.settings-group .setting-row,.settings-group .setting-row.wide{grid-column:1}.settings-group .setting-row{grid-template-columns:minmax(0,1fr) minmax(120px,42%)}.settings-group>header{padding:15px}.settings-anchor a{font-size:11px;padding:8px 10px}}

/* Membership levels and distribution */
.membership-hero{border-radius:18px;padding:34px 38px;margin-bottom:20px;color:#fff;background:radial-gradient(circle at 85% 10%,#ffffff24,transparent 30%),linear-gradient(135deg,#31204f,#8b5cf6)}.membership-hero span{font-size:10px;letter-spacing:3px;opacity:.75}.membership-hero h1{font:800 30px 'Noto Serif SC';margin:9px 0}.membership-hero p{font-size:13px;opacity:.82;margin:0}.member-plan-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.member-plan-card{--plan:#8b5cf6;position:relative;padding:24px;border:1px solid #e7e4eb;border-radius:14px;background:#fff;color:#39343e;box-shadow:0 8px 28px #2c1f3b0b}.member-plan-card.current{border:2px solid var(--plan);box-shadow:0 10px 30px color-mix(in srgb,var(--plan) 18%,transparent)}.plan-top{display:flex;align-items:center;justify-content:space-between}.plan-top>span{background:var(--plan);color:#fff;font-size:10px;font-weight:800;letter-spacing:1px;padding:5px 9px;border-radius:20px}.plan-top em{font-style:normal;font-size:10px;color:var(--plan);font-weight:700}.member-plan-card h2{font-size:21px;margin:15px 0 6px}.plan-price b{font-size:29px;color:var(--plan)}.plan-price small{color:#9a949f;font-size:11px}.member-plan-card ul{list-style:none;padding:12px 0;margin:8px 0;border-top:1px solid #eee}.member-plan-card li{font-size:12px;padding:5px 0;color:#6d6872}.plan-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.plan-actions button{border:1px solid var(--plan);background:#fff;color:var(--plan);border-radius:7px;padding:10px;font-size:12px;font-weight:700}.plan-actions button:first-child{background:var(--plan);color:#fff}.admin-plan-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.admin-plan-card{--plan:#8b5cf6;padding:19px;border-top:4px solid var(--plan)}.admin-plan-card header{display:flex;align-items:center;justify-content:space-between}.admin-plan-card header span{background:var(--plan);color:#fff;border-radius:20px;padding:4px 8px;font-size:9px;font-weight:800}.admin-plan-card header em{font-style:normal;font-size:10px;color:#777}.admin-plan-card h2{font-size:18px;margin:14px 0 6px}.admin-plan-card>p{font-size:10px;color:#918b96;min-height:32px}.admin-plan-prices{display:flex;gap:8px;flex-wrap:wrap}.admin-plan-prices b{font-size:11px;background:#f5f3f7;padding:6px;border-radius:5px}.admin-plan-card ul{padding:8px 0 8px 15px;min-height:110px}.admin-plan-card li{font-size:11px;color:#69636e;margin:7px 0}.distributor-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}.distributor-level{--level:#8b5cf6;padding:19px;border-left:4px solid var(--level)}.distributor-level>span{font-size:9px;font-weight:800;color:var(--level);letter-spacing:1px}.distributor-level h3{margin:7px 0 12px}.distributor-level>b{font-size:25px;color:var(--level)}.distributor-level>b small{font-size:10px;color:#8f8994}.distributor-level p{font-size:11px;color:#8f8994}.member-badge{display:inline-flex;align-items:center;border-radius:20px;padding:5px 9px;font-style:normal;font-size:11px;background:#f0eef3;color:#777}.member-badge.active{background:color-mix(in srgb,var(--badge) 13%,white);color:var(--badge);font-weight:700}.primary-mini{border:0;border-radius:6px;padding:7px 10px;background:#7c3aed;color:#fff;font-size:11px;margin-right:5px}.admin-stats.compact{margin-bottom:16px}.admin-stats.compact .metric-card{min-height:96px}.current-membership{padding:14px 16px;margin-bottom:18px;border-radius:9px;background:#f7f5fa;display:grid;grid-template-columns:1fr auto;align-items:center}.current-membership span{font-size:10px;color:#96919b}.current-membership b{grid-row:2;font-size:17px}.current-membership small{grid-row:1/3;grid-column:2;font-size:11px;color:#777}.secondary-admin{border:1px solid #dedbe3;background:#fff;color:#514b58;border-radius:6px;padding:10px 16px;font-size:12px}.check-label{justify-content:center;font-size:12px;color:#514b58}.check-label input{width:auto!important}
@media(max-width:1100px){.admin-plan-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.member-plan-grid,.admin-plan-grid,.distributor-level-grid{grid-template-columns:1fr}.membership-hero{padding:26px 22px}.current-membership{grid-template-columns:1fr}.current-membership small{grid-row:auto;grid-column:auto;margin-top:5px}}

/* Admin authentication */
.admin-login-page{min-height:100vh;display:grid;grid-template-columns:minmax(360px,42%) 1fr;background:#f5f4f7;color:#302b35}.admin-login-brand{position:relative;overflow:hidden;padding:42px clamp(36px,6vw,82px);display:flex;flex-direction:column;color:#fff;background:radial-gradient(circle at 15% 20%,#a78bfa55,transparent 28%),radial-gradient(circle at 90% 85%,#ec489944,transparent 30%),linear-gradient(145deg,#17111f,#38205f 58%,#6d28d9)}.admin-login-brand:after{content:'';position:absolute;width:380px;height:380px;right:-190px;top:16%;border:1px solid #ffffff24;border-radius:50%;box-shadow:0 0 0 60px #ffffff08,0 0 0 120px #ffffff05}.admin-login-brand>a{position:relative;z-index:1;display:flex;align-items:center;gap:13px}.admin-login-brand>a>span{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#fff;color:#6d28d9;font:800 24px 'Noto Serif SC';box-shadow:0 10px 30px #130b2670}.admin-login-brand>a b,.admin-login-brand>a small{display:block}.admin-login-brand>a b{font-size:18px}.admin-login-brand>a small{font-size:8px;letter-spacing:2px;opacity:.62;margin-top:3px}.admin-login-brand>div{position:relative;z-index:1;margin:auto 0}.admin-login-brand em{font-style:normal;font-size:10px;letter-spacing:4px;color:#ddd6fe}.admin-login-brand h1{font:800 clamp(36px,4.5vw,62px)/1.22 'Noto Serif SC';letter-spacing:-1px;margin:15px 0 22px}.admin-login-brand p{max-width:470px;color:#d8d1df;font-size:14px;line-height:1.9}.admin-login-brand ul{list-style:none;padding:18px 0 0;margin:0;display:flex;flex-direction:column;gap:11px}.admin-login-brand li{font-size:12px;color:#ede9fe}.admin-login-brand>footer{position:relative;z-index:1;display:block;min-height:0;border:0;padding:0;color:#aca3b8;font-size:10px}.admin-login-main{display:grid;place-items:center;padding:40px}.admin-login-card{width:min(430px,100%);padding:38px 42px;border-radius:18px;background:#fff;border:1px solid #e8e5ec;box-shadow:0 24px 70px #2a1d3d17}.admin-login-card>header span{font-size:10px;font-weight:800;letter-spacing:2px;color:#7c3aed}.admin-login-card>header h2{font-size:29px;margin:8px 0}.admin-login-card>header p{font-size:12px;color:#918b96;margin:0 0 30px}.admin-login-card>label{display:block;margin:0 0 18px}.admin-login-card>label>span{display:block;font-size:12px;font-weight:700;margin-bottom:8px;color:#514b58}.admin-login-card>label>div{height:48px;border:1px solid #ddd9e2;border-radius:9px;display:flex;align-items:center;overflow:hidden;transition:.2s}.admin-login-card>label>div:focus-within{border-color:#7c3aed;box-shadow:0 0 0 4px #7c3aed12}.admin-login-card>label>div>b{width:43px;text-align:center;color:#8c8592}.admin-login-card input{height:100%;min-width:0;flex:1;border:0;outline:0;background:transparent;color:#302b35;font-size:13px}.admin-login-card input::placeholder{color:#bbb6c0}.captcha-input>button{align-self:stretch;width:135px;border:0;border-left:1px solid #e2dfe5;background:#f6f4f8;padding:0;display:grid;place-items:center}.captcha-input img{display:block;width:132px;height:44px}.admin-login-submit{height:50px;width:100%;border:0;border-radius:9px;background:linear-gradient(135deg,#7c3aed,#5b21b6);color:#fff;font-size:14px;font-weight:700;display:flex;justify-content:center;align-items:center;gap:15px;box-shadow:0 12px 25px #6d28d938;margin-top:8px}.admin-login-submit:hover{filter:brightness(1.07);transform:translateY(-1px)}.admin-login-card>small{display:block;text-align:center;color:#aaa4af;font-size:10px;margin-top:16px}.admin-avatar{border:0;color:#fff;font-size:12px}.admin-avatar:hover{box-shadow:0 0 0 4px #7c3aed18}
@media(max-width:820px){.admin-login-page{grid-template-columns:1fr}.admin-login-brand{min-height:230px;padding:28px}.admin-login-brand>div{margin:35px 0}.admin-login-brand h1{font-size:32px}.admin-login-brand p,.admin-login-brand ul,.admin-login-brand>footer{display:none}.admin-login-main{padding:24px}.admin-login-card{padding:28px 24px}}@media(max-width:480px){.admin-login-brand{min-height:180px}.admin-login-brand>div{margin:24px 0 0}.admin-login-brand h1{font-size:27px}.admin-login-main{padding:14px}.admin-login-card{border-radius:13px}.captcha-input>button{width:116px}.captcha-input img{width:114px;object-fit:cover}}
.member-badge.admin{background:#ede9fe;color:#6d28d9;font-weight:700}.admin-scope{display:inline-flex;padding:6px 9px;border-radius:6px;background:#f4f2f7;color:#756f7b;font-size:11px}

/* Mobile explore layout */
@media(max-width:900px){
  .ref-skin .explore-body{display:block;max-width:none;padding:28px 18px 72px}
  .ref-skin .explore-body aside{width:100%;border-right:0;border-bottom:1px solid #e8e8e8;padding:0 0 18px;margin:0 0 22px;overflow:hidden}
  .ref-skin .explore-body main{width:100%;min-width:0}
  .ref-skin .filter-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .ref-skin .filter-list button{text-align:center;min-width:0}
  .ref-skin .filter-chips{display:flex;flex-flow:row wrap;gap:10px 8px;overflow:visible;padding:2px 0 8px}
  .ref-skin .filter-chips button{flex:0 0 auto;min-width:72px;text-align:center;border:1px solid #ececec;background:#fff}
  .ref-skin .filter-chips button.active{border-color:#ffd4d9}
  .ref-skin .filter-chips small{float:none;margin-left:5px}
}
@media(max-width:600px){
  .ref-skin .explore-body{padding:20px 12px 72px}
  .ref-skin .explore-body aside{margin-bottom:18px;padding-bottom:14px}
  .ref-skin .explore-body aside h3,.ref-skin .explore-body aside label{display:none}
  .ref-skin .filter-list{gap:6px;margin-bottom:10px}
  .ref-skin .filter-list button{padding:10px 4px;font-size:13px;white-space:nowrap}
  .ref-skin .filter-chips button{padding:9px 12px;font-size:13px;white-space:nowrap}
  .ref-skin .result-toolbar{height:auto;min-height:52px;align-items:center;gap:10px;margin:0 0 18px}
  .ref-skin .result-toolbar>div{min-width:0}
  .ref-skin .result-toolbar b{font-size:20px;white-space:nowrap}
  .ref-skin .result-toolbar select{flex:0 0 auto;max-width:116px}
  .ref-skin .explore-body .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 12px}
  .ref-skin .explore-body .content-card:nth-child(n+7){display:block}
}

/* User account and message operations */
.user-auth-page{max-width:1000px;margin:48px auto 90px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#333}.user-auth-page>section{background:#fff;border:1px solid #e8e8e8;border-radius:14px;padding:34px;box-shadow:0 14px 40px #3016200a}.user-auth-page>section>span{font-size:10px;letter-spacing:3px;color:#ff5868}.user-auth-page h1,.user-auth-page h2{font-size:27px;margin:10px 0}.user-auth-page p{font-size:13px;line-height:1.8;color:#888;margin:0 0 24px}.user-auth-page form{display:flex;flex-direction:column;gap:15px}.user-auth-page label>span{display:block;font-size:12px;font-weight:700;margin-bottom:7px}.user-auth-page input{width:100%;height:46px;border:1px solid #dedede;border-radius:8px;padding:0 13px;color:#333;outline:0}.user-auth-page input:focus{border-color:#ff5868;box-shadow:0 0 0 3px #ff586814}.user-auth-page form>button{height:47px;border:0;border-radius:8px;background:#ff5868;color:#fff;font-weight:700}.user-auth-page>section>small{display:block;color:#999;font-size:11px;margin-top:16px}.profile-logout{width:100%;margin-top:14px;padding:10px;border:1px solid #e6e2e9;border-radius:7px;background:#fff;color:#777;font-size:12px}.message-admin-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}.message-composer{padding:20px;display:flex;flex-direction:column;gap:15px}.message-composer header b,.message-composer header small{display:block}.message-composer header b{font-size:16px}.message-composer header small{font-size:10px;color:#999;margin-top:4px}.message-composer label>span{display:block;font-size:12px;font-weight:700;color:#514b58;margin-bottom:7px}.message-composer input,.message-composer select,.message-composer textarea{width:100%;border:1px solid #ddd9e2;border-radius:7px;padding:10px;color:#302b35;outline:0;resize:vertical}.message-composer input:focus,.message-composer select:focus,.message-composer textarea:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed12}.message-history{margin:0}.text-button.danger{color:#dc2626}.message-list button.read{opacity:.72}
@media(max-width:900px){.message-admin-layout{grid-template-columns:1fr}.user-auth-page{margin:28px 18px 80px}}
@media(max-width:600px){.user-auth-page{grid-template-columns:1fr;margin:18px 12px 75px}.user-auth-page>section{padding:24px 20px}.profile-logout{display:block}.message-composer{padding:16px}}
.user-mini .account-id{display:block;margin:3px 0;color:#94a3b8;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;letter-spacing:.04em}.profile-account{display:block;margin:12px 0 0;padding:11px 14px;border:1px solid #e5e7eb;border-radius:9px;text-align:center;color:#475569;font-size:12px;font-weight:700;background:#fff}.generated-account{margin:22px 0;padding:18px 20px;border:1px solid #e9d5ff;border-radius:14px;background:linear-gradient(135deg,#faf5ff,#fff)}.generated-account small,.generated-account span{display:block;color:#64748b}.generated-account b{display:block;margin:8px 0;font:800 22px/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.06em;color:#6d28d9;word-break:break-all}.account-ready{margin-top:22px;padding:18px 20px;border-radius:14px;background:#ecfdf5;color:#047857}.account-ready p{margin:7px 0 0;color:#64748b}

.cover-art .cover-image{position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;z-index:0!important}.cover-art:after{z-index:1}.cover-art>*:not(.cover-image){z-index:2}.cover-art .cover-kicker{background:#0b0b1280;padding:4px 6px;border-radius:3px;backdrop-filter:blur(4px)}

/* Android WebView 83 does not support aspect-ratio; keep the H5 3:4 card shape. */
.ref-skin .card-cover{aspect-ratio:auto;height:auto;position:relative}
.ref-skin .card-cover::before{content:"";display:block;padding-top:133.3333%}
.ref-skin .card-cover>.cover-art{position:absolute;inset:0;top:0;right:0;bottom:0;left:0;width:100%;height:100%}
.cover-art .cover-image{top:0!important;right:0!important;bottom:0!important;left:0!important}
.cover-art:after{top:0;right:0;bottom:0;left:0}
.detail-cover{border-radius:8px;overflow:hidden}
@media(max-width:900px){.ref-skin .ref-home{padding-left:16px;padding-right:16px}}

.recharge-button{background:#16a34a!important}.balance-current{background:#ecfdf5}.balance-current b{color:#15803d;font-size:24px}

/* Categorized favorites */
.favorites-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:18px;padding:26px 28px;border:1px solid #f0e3e5;border-radius:16px;background:linear-gradient(135deg,#fff3f5,#fff 62%);box-shadow:0 9px 28px #7b27310a}.favorites-head>div{min-width:0}.favorites-head span{color:#f05260;font-size:9px;font-weight:800;letter-spacing:4px}.favorites-head h1{margin:5px 0 4px;color:#2f2a30;font:800 27px 'Noto Serif SC'}.favorites-head p{margin:0;color:#8b838c;font-size:11px}.favorites-head>strong{width:78px;height:78px;flex:0 0 78px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-radius:50%;background:#fff;color:#f05260;box-shadow:0 8px 24px #ff586821}.favorites-head>strong b{font-size:24px;line-height:1}.favorites-head>strong small{margin-top:5px;color:#a28f92;font-size:8px}.favorite-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:23px}.favorite-tabs a{position:relative;min-height:58px;display:grid;grid-template-columns:26px 1fr auto;align-items:center;gap:9px;padding:10px 13px;border:1px solid #ece7ed;border-radius:11px;background:#fff;color:#777078;transition:.18s}.favorite-tabs a>b{width:26px;height:26px;display:grid;place-items:center;border-radius:8px;background:#f6f3f7;color:#948b96;font-size:12px}.favorite-tabs a>span{font-size:12px;font-weight:700}.favorite-tabs a>small{min-width:22px;padding:3px 6px;border-radius:11px;background:#f5f2f5;color:#938c95;text-align:center;font-size:9px}.favorite-tabs a:hover,.favorite-tabs a.active{border-color:#ff9ca6;background:#fff4f5;color:#ed4f5e;box-shadow:0 6px 18px #ff586812}.favorite-tabs a.active>b,.favorite-tabs a.active>small{background:#ff5868;color:#fff}.favorites-toolbar{display:flex;align-items:end;justify-content:space-between;margin:0 1px 14px}.favorites-toolbar b{color:#342f35;font-size:17px}.favorites-toolbar span{color:#999199;font-size:10px}.favorites-empty a{display:inline-flex;margin-top:12px;padding:9px 16px;border-radius:18px;background:#ff5868;color:#fff;font-size:11px;font-weight:700}


/* Mobile account overview layout */
.mobile-profile-hero,.mobile-overview-title,.mobile-account-footer{display:none}
@media(max-width:600px){
 .profile-page .profile-sidebar{display:none} /* 移动端所有"我的"子页面隐藏左侧导航，内容全宽 */
 .profile-mobile-bar{display:flex;align-items:center;justify-content:space-between;height:48px;margin:0 -14px 14px;padding:0 4px;background:#fff;border-bottom:1px solid #f0e5e7}
 .profile-back-btn{flex:0 0 auto;width:44px;height:44px;border:0;background:none;color:#ff5a67;font-size:20px;display:grid;place-items:center}
 .profile-mobile-bar b{flex:1;min-width:0;text-align:center;font-size:15px;color:#333;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .profile-mobile-bar i{flex:0 0 44px}
 .profile-page .profile-page-head{display:none}
 .profile-favorites .favorites-head{display:none}
 .ref-skin .profile-overview{margin:12px 12px 82px}
 .profile-overview .profile-sidebar{display:none}
 .profile-overview .profile-main{display:flex;flex-direction:column;min-width:0}
 .profile-overview .mobile-profile-hero{order:1;display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:18px 16px;background:linear-gradient(135deg,#fff4f5,#fff);border:1px solid #f1e3e5;border-radius:14px;box-shadow:0 7px 24px #5f1c2709}
 .mobile-user-card{display:flex;align-items:center;gap:12px;min-width:0}
 .mobile-avatar{flex:0 0 60px;width:60px;height:60px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#ff7584,#ff4f61);color:#fff;font:800 24px 'Noto Serif SC';box-shadow:0 8px 18px #ff586832}
 .mobile-user-card>div{min-width:0}
 .mobile-user-card b,.mobile-user-card small,.mobile-user-card em{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .mobile-user-card b{font-size:18px;color:#29252a}
 .mobile-user-card small{max-width:165px;margin-top:3px;color:#999;font:11px ui-monospace,SFMono-Regular,Consolas,monospace}
 .mobile-user-card em{margin-top:5px;font-size:11px;font-style:normal;font-weight:700}
 .mobile-profile-hero>button{flex:0 0 auto;border:0;border-radius:18px;background:#ff5868;color:#fff;padding:8px 12px;font-size:11px;font-weight:700;box-shadow:0 5px 14px #ff58682d}
 .profile-overview .profile-welcome{display:none}
 .profile-overview .mobile-overview-title{order:2;display:block;margin:20px 2px 10px;font-size:16px;color:#333}
 .profile-overview .account-cards{order:3;gap:10px}
 .profile-overview .account-cards>div{padding:15px;background:#fff;border-color:#eee}
 .profile-overview .account-cards p{margin:8px 0 3px;font-size:11px}
 .profile-overview .account-cards b{font-size:18px;color:#333}
 .profile-overview .account-cards a{font-size:10px;color:#999}
 .profile-overview .subsection-title{order:4;margin:24px 2px 11px;font-size:16px;color:#333}
 .profile-overview .service-grid{order:5;grid-template-columns:1fr 1fr;gap:9px}
 .profile-overview .service-grid a{min-height:52px;padding:13px 12px;background:#fff;border-color:#eee;font-size:12px;color:#555}
 .profile-overview .service-grid a>b:first-child{color:#ff5868;font-size:15px}
 .profile-overview .quick-grid{order:6;margin-top:22px;grid-template-columns:1fr;gap:10px}
 .profile-overview .quick-grid>a{min-height:100px;padding:18px}
 .profile-overview .mobile-account-footer{order:7;display:flex;flex-direction:column;margin-top:22px;overflow:hidden;background:#fff;border:1px solid #eee;border-radius:12px}
 .mobile-account-footer a,.mobile-account-footer button{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;border:0;background:#fff;color:#555;font:700 12px inherit;text-align:left}
 .mobile-account-footer a{border-bottom:1px solid #eee}
 .mobile-account-footer b{font-size:18px;color:#bbb}
 .mobile-account-footer button span{color:#e54b59}
 .ref-skin .profile-favorites{display:block;margin:0 0 82px;max-width:none}
 .profile-favorites .profile-sidebar{display:none}
 .profile-favorites .profile-main{width:100%;min-width:0}
 .profile-favorites .favorites-head{margin:0;padding:25px 16px 20px;border:0;border-bottom:1px solid #f0e5e7;border-radius:0;background:linear-gradient(145deg,#fff1f3,#fff 72%);box-shadow:none}
 .profile-favorites .favorites-head span{font-size:8px;letter-spacing:3px}
 .profile-favorites .favorites-head h1{font-size:24px}
 .profile-favorites .favorites-head p{max-width:230px;font-size:10px;line-height:1.6}
 .profile-favorites .favorites-head>strong{width:66px;height:66px;flex-basis:66px}
 .profile-favorites .favorites-head>strong b{font-size:21px}
 .profile-favorites .favorite-tabs{position:sticky;top:101px;z-index:35;grid-template-columns:repeat(4,1fr);gap:6px;margin:0;padding:12px;background:#fff;border-bottom:1px solid #eee}
 .profile-favorites .favorite-tabs a{min-height:52px;display:flex;flex-direction:column;justify-content:center;gap:2px;padding:6px 3px;border:0;background:#f7f6f8;border-radius:9px}
 .profile-favorites .favorite-tabs a>b{width:auto;height:auto;background:transparent;font-size:13px}
 .profile-favorites .favorite-tabs a>span{font-size:10px}
 .profile-favorites .favorite-tabs a>small{position:absolute;margin:0 0 29px 34px;min-width:17px;padding:2px 4px;font-size:7px}
 .profile-favorites .favorite-tabs a.active{background:#ffe9ec;box-shadow:none}
 .profile-favorites .favorite-tabs a.active>b{background:transparent;color:#ed4f5e}
 .profile-favorites .favorites-toolbar{margin:18px 14px 12px}
 .profile-favorites .favorites-toolbar b{font-size:16px}
 .profile-favorites .favorites-grid{padding:0 12px;grid-template-columns:repeat(2,1fr);gap:14px 10px}
 .profile-favorites .favorites-grid .content-card:nth-child(n+7){display:block}
 .profile-favorites .favorites-empty{margin:20px 12px;padding:48px 18px;background:#fff;border:1px solid #eee;border-radius:12px}
}


/* Admin content covers, filters and pagination */
.content-toolbar{display:block}.content-toolbar .toolbar-tabs{margin-bottom:14px}.content-filter-bar{display:grid;grid-template-columns:minmax(230px,1.7fr) repeat(4,minmax(130px,.8fr)) 105px auto auto;gap:9px;align-items:center}.content-filter-bar>label,.content-filter-bar>select{min-width:0;width:100%}.content-filter-bar select,.content-filter-bar input{height:40px;border:1px solid #ddd9e3;border-radius:7px;background:#fff;color:#403b46;padding:0 10px;outline:0;font-size:11px}.content-search{position:relative}.content-search span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#8e8793}.content-search input{padding-left:31px}.filter-submit,.filter-reset{height:40px;padding:0 14px;border-radius:7px;font-size:11px;font-weight:700}.filter-submit{border:0;background:#7c3aed;color:#fff}.filter-reset{border:1px solid #ded9e5;background:#fff;color:#716a78}.admin-content-item{display:flex;align-items:center;gap:11px;min-width:220px}.admin-content-item>img{width:42px;height:56px;flex:0 0 auto;border-radius:5px;object-fit:cover;background:#eee;border:1px solid #e5e0e8}.admin-content-item b,.admin-content-item small{display:block}.admin-content-item b{max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-empty-result{padding:42px;text-align:center;color:#999;font-size:12px;border-top:1px solid #eee}.admin-pagination{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px 18px;border-top:1px solid #ece9ef}.admin-pagination>span{font-size:11px;color:#8d8792}.admin-pagination>div{display:flex;gap:5px}.admin-pagination button{min-width:32px;height:32px;padding:0 9px;border:1px solid #ddd9e2;border-radius:6px;background:#fff;color:#68616e;font-size:10px}.admin-pagination button.active{border-color:#7c3aed;background:#7c3aed;color:#fff}.admin-pagination button:disabled{opacity:.38;cursor:not-allowed}.admin-cover-field{display:grid;grid-template-columns:135px 1fr;gap:18px;padding:15px;border:1px solid #e2ddea;border-radius:10px;background:#faf9fc}.admin-cover-preview{position:relative;width:120px;aspect-ratio:3/4;overflow:hidden;border-radius:8px;background:linear-gradient(145deg,#eee8f7,#d8c9ee);border:1px solid #ded5e9}.admin-cover-preview img{width:100%;height:100%;object-fit:cover;display:block}.admin-cover-preview span{position:absolute;left:0;right:0;bottom:0;padding:6px;background:#17121cb8;color:#fff;text-align:center;font-size:9px}.admin-cover-controls{display:flex;flex-direction:column;justify-content:center;gap:12px}.admin-cover-controls label>span{display:block;margin-bottom:6px;font-size:11px;font-weight:700;color:#544d5a}.admin-cover-controls label>small{display:block;margin-top:5px;color:#918a96;font-size:9px}.cover-upload-button{display:flex!important;align-items:center;gap:11px;width:max-content;padding:10px 13px;border:1px dashed #a78bfa;border-radius:7px;background:#f7f3ff;cursor:pointer}.cover-upload-button input{display:none}.cover-upload-button b{font-size:10px;color:#6d28d9}.cover-upload-button small{margin:0!important}
@media(max-width:1200px){.content-filter-bar{grid-template-columns:repeat(3,1fr)}.content-search{grid-column:span 2}}
@media(max-width:700px){.content-filter-bar{grid-template-columns:1fr 1fr}.content-search{grid-column:1/-1}.admin-pagination{align-items:flex-start;flex-direction:column}.admin-pagination>div{max-width:100%;overflow-x:auto}.admin-cover-field{grid-template-columns:100px 1fr}.admin-cover-preview{width:90px}.cover-upload-button{width:100%;align-items:flex-start;flex-direction:column}}

/* 内容页内悬浮章节管理 */
.chapter-manager-modal{width:min(1120px,100%);height:min(780px,calc(100vh - 48px));overflow:hidden;display:flex;flex-direction:column}.chapter-manager-body{min-height:0;display:flex;flex:1;flex-direction:column;padding:20px 24px}.chapter-manager-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.chapter-manager-toolbar form{display:flex;align-items:center;gap:8px;flex:1;max-width:520px}.chapter-manager-toolbar form label{height:40px;display:flex;align-items:center;flex:1;border:1px solid #ddd9e2;border-radius:7px;padding:0 11px;color:#999}.chapter-manager-toolbar form input{width:100%;border:0;outline:0;background:transparent;padding:0 8px;font-size:12px}.chapter-manager-toolbar form>button{height:40px;border:0;border-radius:7px;background:#ede9fe;color:#6d28d9;padding:0 16px;font-size:11px;font-weight:700}.chapter-manager-table{min-height:0;flex:1;overflow:auto;border:1px solid #ece9ef;border-radius:9px}.chapter-manager-table table{margin-top:0}.chapter-manager-table th{position:sticky;top:0;z-index:1;background:#faf9fc}.chapter-manager-table td,.chapter-manager-table th{font-size:11px;padding:12px}.chapter-manager-pagination{padding:13px 0;border-top:0}.chapter-manager-footer{padding-top:13px!important}.chapter-manager-footer .primary-admin{margin-left:auto}
@media(max-width:700px){.chapter-manager-modal{height:calc(100vh - 16px)}.chapter-manager-body{padding:14px}.chapter-manager-toolbar{align-items:stretch;flex-direction:column}.chapter-manager-toolbar form{max-width:none}.chapter-manager-toolbar>.primary-admin{justify-content:center}.chapter-manager-table{overflow:auto}.chapter-manager-table table{min-width:680px}.chapter-manager-footer{position:sticky;bottom:0;background:#fff}}

/* PWA install page */
.header-actions .install-link{color:#ff5968!important;font-weight:700}.pwa-install-page{min-height:100vh;background:linear-gradient(180deg,#fff 0,#fff7f8 48%,#fff 100%);color:#29272d;padding-bottom:90px}.pwa-install-hero{padding:76px 24px 65px;text-align:center;background:radial-gradient(circle at 50% 12%,#ff596825,transparent 34%),#fff}.pwa-install-icon{width:112px;height:112px;margin:0 auto 24px;border-radius:27px;overflow:hidden;box-shadow:0 22px 50px #ff59683b}.pwa-install-icon img{width:100%;height:100%;display:block}.pwa-install-hero>span,.pwa-guide-head>span,.pwa-install-share span{font-size:11px;font-weight:800;letter-spacing:.28em;color:#ff5968}.pwa-install-hero h1{max-width:760px;margin:14px auto 13px;font-size:42px;line-height:1.18;letter-spacing:-.035em}.pwa-install-hero>p{max-width:640px;margin:0 auto;color:#77717a;font-size:15px;line-height:1.8}.pwa-install-actions{display:flex;justify-content:center;gap:12px;margin:29px auto 18px}.pwa-install-actions button,.pwa-install-actions a{min-width:180px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800}.pwa-install-actions button{border:0;background:#ff5968;color:#fff;box-shadow:0 13px 30px #ff596838}.pwa-install-actions button:disabled{background:#31a36a;box-shadow:none}.pwa-install-actions a{border:1px solid #ddd7dc;background:#fff;color:#55505a}.pwa-secure{display:inline-flex;padding:7px 11px;border-radius:20px;font-size:10px}.pwa-secure.ok{background:#e9f8ef;color:#258250}.pwa-secure.warn{background:#fff2dc;color:#a96606}.pwa-install-guide{max-width:1080px;margin:0 auto;padding:70px 24px}.pwa-guide-head{text-align:center}.pwa-guide-head h2,.pwa-install-share h2{font-size:29px;margin:10px 0 7px}.pwa-guide-head p,.pwa-install-share p{font-size:12px;color:#89838c}.pwa-step-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:34px}.pwa-step-grid article,.pwa-benefits article{background:#fff;border:1px solid #eee7eb;border-radius:15px;padding:25px;box-shadow:0 10px 35px #2d182b08}.pwa-step-grid article>b{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:#fff0f2;color:#ff5968;font-size:12px}.pwa-step-grid h3,.pwa-benefits h3{font-size:15px;margin:17px 0 8px}.pwa-step-grid p,.pwa-benefits p{font-size:11px;color:#89838c;line-height:1.7;margin:0}.pwa-install-share{max-width:960px;margin:0 auto 24px;padding:31px 34px;border-radius:17px;background:#211921;color:#fff;display:grid;grid-template-columns:1fr auto;gap:9px 25px;align-items:center;box-shadow:0 20px 55px #26141f24}.pwa-install-share>div{grid-row:span 2}.pwa-install-share h2{margin-top:7px}.pwa-install-share p{color:#aaa1aa;max-width:500px;line-height:1.6}.pwa-install-share code{min-width:330px;padding:12px 14px;border:1px solid #ffffff1c;border-radius:8px;background:#ffffff0a;color:#ffb0b8;font-size:11px;overflow:hidden;text-overflow:ellipsis}.pwa-install-share>button{height:39px;border:0;border-radius:8px;background:#ff5968;color:#fff;font-size:11px;font-weight:800}.pwa-benefits{max-width:960px;margin:15px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.pwa-benefits article>b{font-size:25px;color:#ff5968}.pwa-benefits h3{margin-top:13px}
@media(max-width:760px){.header-actions .install-link{display:none}.pwa-install-page{padding-bottom:35px}.pwa-install-hero{padding:48px 18px 42px}.pwa-install-icon{width:86px;height:86px;border-radius:21px}.pwa-install-hero h1{font-size:30px}.pwa-install-hero>p{font-size:13px}.pwa-install-actions{flex-direction:column;padding:0 20px}.pwa-install-actions button,.pwa-install-actions a{width:100%}.pwa-install-guide{padding:47px 16px}.pwa-step-grid{grid-template-columns:1fr 1fr}.pwa-install-share{margin:0 16px 18px;padding:25px;grid-template-columns:1fr}.pwa-install-share>div{grid-row:auto}.pwa-install-share code{min-width:0;width:100%}.pwa-benefits{margin:0 16px;grid-template-columns:1fr}.pwa-guide-head h2,.pwa-install-share h2{font-size:24px}}
@media(max-width:430px){.pwa-step-grid{grid-template-columns:1fr}.pwa-step-grid article{display:grid;grid-template-columns:45px 1fr;column-gap:12px}.pwa-step-grid article>b{grid-row:span 2}.pwa-step-grid h3{margin:2px 0 5px}.pwa-step-grid p{grid-column:2}}

.owned-card{border:1px solid #22c55e55;background:#f0fdf4;color:#166534;padding:20px;border-radius:11px}.owned-card b{display:block;font-size:13px}.owned-card p{margin:7px 0 0;color:#4b7a5c;font-size:10px;line-height:1.6}.ref-skin .owned-card{background:#f0fdf4;border-color:#bbf7d0}
@media(max-width:700px){.admin-list-toolbar>form{width:100%;margin:0;grid-template-columns:1fr 100px}.admin-list-toolbar>form label{grid-column:1/-1}.admin-list-toolbar>form button{width:100%}}

/* Advertising, finance and points */
.finance-tabs{display:flex;gap:7px;margin:0 0 16px;padding:6px;background:#eeeaf3;border-radius:9px;width:max-content}.finance-tabs button{border:0;border-radius:7px;padding:9px 17px;background:transparent;color:#6f6875;font-size:11px;font-weight:700}.finance-tabs button.active{background:#fff;color:#6d28d9;box-shadow:0 2px 8px #39264d18}.points-activity-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.point-activity-card{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:16px}.point-activity-card>span{width:38px;height:38px;display:grid;place-items:center;border-radius:10px;background:#f1e9ff;color:#6d28d9;font-weight:900}.point-activity-card div b,.point-activity-card div small{display:block}.point-activity-card div b{font-size:11px}.point-activity-card div small{margin-top:4px;color:#999;font-size:9px}.point-activity-card strong{color:#ed4f5e}.point-activity-card button{grid-column:2/-1;text-align:left}.points-plus{color:#16a34a!important}.points-minus{color:#dc2626!important}.purchase-summary{display:flex;align-items:center;justify-content:space-between;padding:18px;margin-bottom:17px;border-radius:10px;background:#fff3f5}.purchase-summary span{font-size:12px;color:#806f74}.purchase-summary b{font-size:25px;color:#ef5161}.purchase-summary-rich>div:first-child{display:flex;flex-direction:column;gap:5px}.purchase-summary-rich small{font-size:10px;color:#ef5161}.purchase-price{display:flex;align-items:flex-end;gap:9px}.purchase-price del{font-size:11px;color:#a99aa0}.purchase-tip{margin:-7px 0 17px;padding:10px 12px;border-radius:8px;background:#fff9e9;color:#8a6418;font-size:10px;line-height:1.6}
.home-operations{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}.operation-card{min-height:115px;display:flex;flex-direction:column;justify-content:center;padding:20px 24px;border-radius:8px;background:linear-gradient(120deg,#35243e,#ff5968);background-size:cover;background-position:center;color:#fff;box-shadow:0 7px 18px #0001}.operation-card small{opacity:.72}.operation-card b{margin:7px 0;font-size:18px}.operation-card span{font-size:10px}.ad-overlay{position:fixed;inset:0;z-index:500;display:grid;place-items:center;padding:20px;background:#160d19aa;backdrop-filter:blur(5px)}.ad-overlay>section{position:relative;width:min(440px,92vw);min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;padding:38px;border-radius:18px;background:linear-gradient(145deg,#5b3267,#ff5968);background-size:cover;background-position:center;color:#fff;box-shadow:0 25px 70px #0006}.ad-overlay.fullscreen>section{width:min(900px,96vw);min-height:min(620px,86vh)}.ad-overlay>section>button{position:absolute;right:15px;top:15px;width:34px;height:34px;border:0;border-radius:50%;background:#fff;color:#333;font-size:20px}.ad-overlay h2{font-size:28px;margin:8px 0}.ad-overlay p{margin:0 0 18px;opacity:.8}.ad-overlay a{width:max-content;padding:11px 20px;border-radius:22px;background:#fff;color:#ef5161;font-size:11px;font-weight:800}
.wallet-hero{display:flex;justify-content:space-between;align-items:center;padding:28px 32px;border-radius:15px;background:linear-gradient(135deg,#3f2650,#ff5968);color:#fff}.wallet-hero div{display:flex;flex-direction:column}.wallet-hero b{font-size:35px;margin:4px 0}.wallet-hero div span{font-size:10px;opacity:.75}.wallet-hero>span{font-size:52px;opacity:.25}.recharge-activity-list{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.recharge-activity-list button{display:flex;flex-direction:column;gap:5px;padding:16px;border:1px solid #ffd4d9;border-radius:10px;background:#fff6f7;color:#333;text-align:left}.recharge-activity-list button:hover{border-color:#ff5968}.recharge-activity-list button span{font-size:10px;color:#ef5161}.recharge-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;padding:20px;border:1px solid #eee;border-radius:12px;background:#fff}.recharge-form label{display:flex;flex-direction:column;gap:7px;font-size:10px;color:#777}.recharge-form input,.recharge-form select{height:42px;border:1px solid #ddd;border-radius:7px;padding:0 11px}.recharge-form button{height:42px;border:0;border-radius:7px;padding:0 22px;background:#ff5968;color:#fff;font-weight:800}.payment-result{margin-top:12px;padding:14px;border-radius:8px;background:#f8f7f9;color:#777;font-size:10px}.payment-result b,.payment-result span{display:block}.payment-result b{color:#333;margin-bottom:5px}.coupon-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.coupon-card{display:grid;grid-template-columns:120px 1fr;overflow:hidden;border:1px solid #ffd7dc;border-radius:12px;background:#fff}.coupon-card>div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:20px 12px;background:linear-gradient(135deg,#ff7882,#ff4d60);color:#fff}.coupon-card>div b{font-size:25px}.coupon-card>div small{margin-top:5px;font-size:9px}.coupon-card>section{padding:17px}.coupon-card h3{margin:0 0 8px;font-size:13px}.coupon-card p{margin:0 0 10px;color:#999;font-size:9px}.coupon-card button,.coupon-card section>span{border:0;border-radius:14px;padding:6px 12px;background:#fff0f2;color:#ef5161;font-size:9px}.coupon-card.disabled{filter:grayscale(1);opacity:.55}.points-balance{display:flex;align-items:center;gap:16px;padding:24px;border-radius:13px;background:linear-gradient(135deg,#5e3a82,#8b5cf6);color:#fff}.points-balance span{font-size:11px}.points-balance b{font-size:32px}.points-balance a{margin-left:auto;padding:8px 14px;border-radius:16px;background:#fff;color:#7043a5;font-size:10px}.point-ledger-list{margin-top:17px;border:1px solid #eee;border-radius:12px;background:#fff;overflow:hidden}.point-ledger-list>div{display:flex;align-items:center;gap:12px;padding:14px 17px;border-bottom:1px solid #eee}.point-ledger-list>div:last-child{border:0}.point-kind{width:35px;height:35px;display:grid;place-items:center;border-radius:9px;background:#f2ebff;color:#7441ab;font-weight:800}.point-ledger-list section{flex:1}.point-ledger-list section b,.point-ledger-list section small{display:block}.point-ledger-list section b{font-size:11px}.point-ledger-list section small{margin-top:5px;color:#999;font-size:9px}
@media(max-width:1000px){.points-activity-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.finance-tabs{width:100%;overflow-x:auto}.finance-tabs button{flex:1;white-space:nowrap;padding-inline:10px}.points-activity-grid,.home-operations,.coupon-grid{grid-template-columns:1fr}.operation-card{min-height:95px}.recharge-activity-list{grid-template-columns:repeat(2,1fr)}.recharge-form{grid-template-columns:1fr}.coupon-card{grid-template-columns:95px 1fr}.wallet-hero{padding:22px}.wallet-hero b{font-size:28px}.ad-overlay>section{padding:28px;min-height:280px}}


.video-detail-ready{min-height:280px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:42px;border:1px solid #eee;border-radius:18px;background:linear-gradient(145deg,#fff,#fff5f6);text-align:center}
.video-detail-ready>b{font-size:24px;color:#202027}.video-detail-ready p{margin:0;color:#777}.video-detail-ready .primary-action{display:inline-flex;align-items:center;justify-content:center;padding:13px 28px;border-radius:10px;background:#ff5968;color:#fff;text-decoration:none;font-weight:700}
.video-watch-page .video-reader{width:min(1100px,calc(100% - 32px));margin:42px auto 20px}.video-watch-page .video-media{max-height:72vh}.detail-actions .disabled{pointer-events:none;opacity:.45}
.manjing-artplayer{overflow:hidden}.manjing-artplayer .art-video-player{width:100%;height:100%}.short-feed-source-error{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);width:min(82%,320px);padding:14px 18px;border-radius:12px;background:#18181ddd;border:1px solid #ffffff22;color:#fff;text-align:center;font-size:13px;line-height:1.6;pointer-events:none}
@media(max-width:720px){.video-watch-page .video-reader{width:100%;margin:0}.video-watch-page .video-media{border-radius:0;aspect-ratio:9/16;max-height:calc(100vh - 145px)}.video-detail-ready{min-height:200px;padding:28px 18px}}

/* Full-screen vertical short-video feed */
.short-feed-page{position:fixed;top:0;right:0;bottom:0;left:0;inset:0;z-index:5000;background:#050507;color:#fff;overflow:hidden;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif}
.short-feed{height:100vh;height:100dvh;overflow-y:auto;overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;background:#050507}
.short-feed::-webkit-scrollbar{display:none}
.short-video-item{height:100vh;height:100dvh;scroll-snap-align:start;scroll-snap-stop:always;position:relative;display:grid;place-items:center;background:#050507;overflow:hidden}
.short-video-canvas{height:100%;width:100%;max-width:520px;position:relative;overflow:hidden;background:#000}
.short-feed-media{position:absolute;inset:0;z-index:0;width:100%;height:100%;border:0;background:#000;object-fit:cover}
.short-feed-poster{position:absolute;inset:0;z-index:1;width:100%;height:100%;object-fit:cover;background:#08080a;opacity:1;visibility:visible;transition:opacity .28s ease,visibility 0s linear}
.short-video-item.playing .short-feed-poster{opacity:0;visibility:hidden;transition:opacity .28s ease,visibility 0s linear .28s}
.short-feed-buffering{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:20px;background:#0008;backdrop-filter:blur(8px);color:#fff;font-size:12px;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease}
.short-feed-buffering i{width:15px;height:15px;border:2px solid #ffffff55;border-top-color:#fff;border-radius:50%;animation:spin .75s linear infinite}
.short-video-item.loading .short-feed-buffering{opacity:1;visibility:visible}
.short-video-hit{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;background:transparent;color:#fff;touch-action:pan-y;cursor:pointer}
.short-video-hit span{display:grid;place-items:center;width:72px;height:72px;margin:auto;border-radius:50%;background:#0008;backdrop-filter:blur(10px);font-size:30px;padding-left:5px;opacity:0;transform:scale(.85);transition:.2s}
.short-video-item.tap-to-play .short-video-hit span{opacity:1;transform:scale(1)}
.short-video-hit span.paused{width:58px;height:58px;font-size:0;padding:0;position:relative;background:#0008;backdrop-filter:blur(10px);opacity:.95}.short-video-hit span.paused::before,.short-video-hit span.paused::after{content:"";display:block;position:absolute;width:9px;height:30px;background:#fff;border-radius:3px}.short-video-hit span.paused::before{transform:translate(-9px,0)}.short-video-hit span.paused::after{transform:translate(9px,0)}
.short-feed-ad{background:#0a0a0e}.short-feed-ad-link{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block;background:#121218 center/cover no-repeat;text-decoration:none;color:#fff}.short-feed-ad-body{position:absolute;left:0;right:0;bottom:0;padding:32px 24px 86px;background:linear-gradient(180deg,transparent,#000d);z-index:2}.short-feed-ad-body small{display:inline-block;font-size:10px;letter-spacing:2px;color:#ffb84d;background:#000a;border:1px solid #ffb84d66;border-radius:12px;padding:3px 10px;margin-bottom:12px}.short-feed-ad-body h2{font-family:'Noto Serif SC',serif;font-size:24px;line-height:1.4;margin:0 0 8px}.short-feed-ad-body p{font-size:13px;color:#ddd;margin:0 0 18px;line-height:1.6}.short-feed-ad-body b{display:inline-block;font-size:13px;color:#111;background:#fff;border-radius:20px;padding:9px 20px;font-weight:700}
.short-feed-gradient{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,#0009 0,#0000 20%,#0000 58%,#000c 100%)}
.short-feed-top{position:fixed;z-index:5010;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:520px;height:64px;padding:0 18px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:linear-gradient(#0009,transparent);font-size:21px}
.short-feed-top>div{display:flex;justify-content:center;gap:24px}.short-feed-top b,.short-feed-top>div>a{font-size:16px;color:#aaa}.short-feed-top b.active,.short-feed-top>div>a.active{font-size:18px;color:#fff;font-weight:700}.short-feed-top a{text-decoration:none;text-align:center}.short-feed-top>a{color:#fff}
.short-feed-copy{position:absolute;z-index:5;left:18px;right:82px;bottom:86px;text-shadow:0 2px 10px #000}
.short-feed-copy>b{font-size:15px}.short-feed-copy h2{font-size:18px;line-height:1.35;margin:9px 0 6px}.short-feed-copy p{font-size:13px;margin:0;color:#eee}
.short-feed-actions{position:absolute;z-index:6;right:13px;bottom:96px;display:flex;flex-direction:column;align-items:center;gap:16px}
.short-feed-actions button{display:flex;flex-direction:column;align-items:center;gap:2px;border:0;background:transparent;color:#fff;padding:0;min-width:52px;text-shadow:0 2px 8px #000;cursor:pointer}.short-feed-actions button>b{font-size:31px;line-height:1}.short-feed-actions button.selected>b{color:#ff375f}.short-feed-actions small{font-size:11px}
.short-feed-avatar{display:grid;place-items:center;width:46px;height:46px;border:2px solid #fff;border-radius:50%;background:linear-gradient(135deg,#ff5968,#8b5cf6);font-weight:800;font-size:18px}
.short-feed-progress{position:absolute;z-index:7;left:0;right:0;bottom:58px;height:2px;background:#ffffff33}.short-feed-progress i{display:block;width:0;height:100%;background:#fff;transition:width .15s linear}
.short-feed-bottom{position:fixed;z-index:5010;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:520px;height:58px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;background:#08080af2;border-top:1px solid #ffffff15}.short-feed-bottom a{color:#aaa;text-decoration:none;text-align:center;font-size:13px}.short-feed-bottom a.active{color:#fff;font-weight:800;font-size:14px}
.short-feed-locked,.short-feed-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:32px;color:#fff;text-align:center}.short-feed-locked>b{font-size:54px}.short-feed-empty>b{font-size:22px}.short-feed-empty p{max-width:300px;margin:0;color:#aaa;font-size:14px;line-height:1.7}.short-feed-locked a,.short-feed-empty a{padding:10px 20px;border-radius:20px;background:#fff;color:#111;text-decoration:none}.short-feed-loading{position:fixed;inset:0;display:grid;place-items:center;background:#050507}
@media(min-width:721px){.short-video-canvas,.short-feed-top,.short-feed-bottom{box-shadow:0 0 80px #000}.short-feed-page{background:radial-gradient(circle at center,#1b1b22,#050507 60%)}}

.member-plan-card.base-plan .plan-actions{display:none}.plan-current-state{display:flex;align-items:center;justify-content:center;min-height:56px;padding:12px 18px;border-radius:12px;background:#eef2f7;color:#64748b;font-weight:700;text-align:center}.member-plan-card.base-plan.current{border-color:#94a3b8}.member-plan-card.base-plan .plan-price{color:#94a3b8}

.pwa-install-share>a{height:39px;border:0;border-radius:8px;background:#ff5968;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center;text-decoration:none}.pwa-android-download{margin-top:40px;margin-bottom:0}


.paywall-page button.paywall-buy{background:#fff;color:#21162f;font-weight:800;box-shadow:0 12px 30px #0004}


.ref-skin .skeleton-card i{background:linear-gradient(90deg,#ececec,#f8f8f8,#ececec);background-size:200% 100%}.ref-skin .skeleton-card b,.ref-skin .skeleton-card span{background:#ededed}

/* restored ref-skin rules */
.ref-skin .mobile-menu{display:none}
.ref-skin .ref-home .content-card:nth-child(n+7){display:none}
.ref-skin .detail-inner{margin:0 14px}
.ref-skin .bottom-nav{background:#fff;border-color:#eee}
.ref-skin .bottom-nav a{color:#999}
.ref-skin .bottom-nav a:hover{color:var(--pink)}
.ref-skin .header-actions{font-size:13px}
@media(max-width:600px){.ref-skin .header-actions>a[href="/me"]{margin-left:10px}}
@media(max-width:600px){.ref-skin .brand{width:145px;min-width:145px}.ref-skin .header-actions{gap:8px}}

/* 悦漫天堂 brand assets: keep one approved logo system across web and admin. */
.ref-skin .brand{width:220px;min-width:220px;height:50px;padding:0;background:url('/brand/logo-horizontal.svg') left center/contain no-repeat;font-size:0}
.ref-skin .brand>*{display:none!important}
.ref-skin .brand-glyph{width:46px;height:46px;border-radius:0;background:transparent url('/brand/logo-mark.svg') center/contain no-repeat;box-shadow:none;color:transparent;transform:none;font-size:0}
.admin-brand{min-height:50px;background:url('/brand/logo-horizontal.svg') 10px center/180px auto no-repeat}
.admin-brand>*{display:none!important}
.admin-login-brand>a>span{background:#fff url('/brand/logo-mark.svg') center/38px 38px no-repeat;color:transparent;font-size:0}
@media(max-width:900px){.ref-skin .brand{width:180px;min-width:180px;background-size:contain;background-position:left center}}
.ref-skin .apps-link small{font-size:10px}
.ref-skin .channel-nav>a,.ref-skin .channel-nav>div>a{font-size:15px}
.ref-skin .channel-nav>div>span a{font-size:13px}
.ref-skin .announcement{font-size:14px}
.ref-skin .shortcut-grid a{font-size:12px}
.ref-skin .result-toolbar span{font-size:12px}
.ref-skin .explore-pagination{display:flex;justify-content:center;align-items:center;gap:10px;margin:28px 0 8px}.ref-skin .explore-pagination button{min-width:72px;height:36px;padding:0 12px;border:1px solid #e5e0e6;border-radius:8px;background:#fff;color:#5c5661;cursor:pointer}.ref-skin .explore-pagination button:hover:not(:disabled){border-color:#ff9eaa;color:#f14f5e}.ref-skin .explore-pagination button:disabled{opacity:.45;cursor:not-allowed}.ref-skin .explore-pagination label{display:flex;align-items:center;color:#777}.ref-skin .explore-pagination input{width:52px;height:36px;border:1px solid #e5e0e6;border-radius:8px;text-align:center;color:#444;background:#fff}.ref-skin .explore-pagination input:focus{outline:0;border-color:#ff9eaa;box-shadow:0 0 0 3px #ff9eaa22}
.ref-skin .explore-body aside label{font-size:12px}
.ref-skin .detail-copy .author{font-size:14px}
.ref-skin .detail-copy .desc{font-size:16px}
.ref-skin .detail-stats{color:#777}
.ref-skin .chapter-list b{font-size:14px}
.ref-skin .explore-head button{white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;line-height:1;min-width:72px}
.ref-skin .type-switch{display:flex;gap:8px;margin:0 0 14px}
.ref-skin .type-switch a{flex:1;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid #e8e8e8;border-radius:10px;background:#fff;color:#777;font-size:13px}
.ref-skin .type-switch a.active,.ref-skin .type-switch a[aria-checked="true"]{border-color:#ffb8c0;background:#fff0f2;color:#f14f5e}
.ref-skin .radio-list{border-top:1px solid #eee}.ref-skin .radio-list a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 4px;border-bottom:1px solid #eee;color:#444}.ref-skin .radio-list b{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ref-skin .radio-list span{flex:0 0 auto;color:#999;font-size:12px}
.radio-player{position:fixed;z-index:30;left:50%;bottom:max(12px,env(safe-area-inset-bottom));width:min(560px,calc(100% - 24px));transform:translateX(-50%);display:grid;grid-template-columns:1fr auto;gap:8px 18px;align-items:center;padding:16px 46px 16px 18px;background:#fff;border-radius:16px;box-shadow:0 10px 36px #0003;color:#222}.radio-player div{min-width:0}.radio-player b,.radio-player small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.radio-player small{margin-top:4px;color:#888}.radio-player audio{grid-column:1/-1;width:100%;height:36px}.radio-player-close{position:absolute;top:8px;right:10px;border:0;background:none;color:#888;font-size:24px;line-height:1;cursor:pointer}
@media(max-width:600px){.ref-skin .explore-head button{flex:0 0 auto;padding-inline:18px}.ref-skin .type-switch{margin-bottom:12px}.ref-skin .type-switch a{height:42px}}
@media(max-width:600px){.ref-skin .explore-pagination{gap:6px;margin-top:22px}.ref-skin .explore-pagination button{min-width:64px;padding-inline:8px}.ref-skin .explore-pagination input{width:46px}}
@media(max-width:600px){.radio-player{bottom:calc(78px + env(safe-area-inset-bottom))}}
.ref-skin .chapter-list small{font-size:11px}
.ref-skin .account-cards p,.ref-skin .account-cards a{font-size:12px}
.ref-skin .channel-nav{grid-template-columns:repeat(5,1fr)}

/* Detail-page readability: keep long titles and descriptions comfortable on phones. */
.ref-skin .detail-copy h1{font-size:34px;line-height:1.35;letter-spacing:1px;overflow-wrap:anywhere}
.ref-skin .detail-copy .desc{font-size:13px;line-height:1.75;max-width:720px}
@media(max-width:600px){
  .ref-skin .detail-inner{grid-template-columns:100px minmax(0,1fr);gap:14px}
  .ref-skin .detail-copy h1{font-size:20px;line-height:1.35;letter-spacing:.5px;margin:8px 0 4px}
  .ref-skin .detail-copy .desc{font-size:12px;line-height:1.7;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}
}
.ref-skin .service-grid a{font-size:12px}
/* redeem codes */.used-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-style:normal;background:#eef0f2;color:#7a7f87}.active-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-style:normal;background:#e8f7ef;color:#1a9e55}.disabled-tag{display:inline-block;padding:2px 8px;border-radius:10px;font-size:10px;font-style:normal;background:#fdecec;color:#d04848}
.ref-skin .card-copy p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;line-height:1.5;max-height:4.5em}
.ref-skin .announcement{height:auto;min-height:48px;gap:10px;padding:9px 14px;border-radius:14px;background:linear-gradient(100deg,#fff5f6,#fff);box-shadow:0 5px 16px #ff69721c;font-size:13px;line-height:1.45}
.ref-skin .announcement>b{flex:0 0 30px;width:30px;height:30px;margin-right:0}
.ref-skin .announcement>span{flex:1;min-width:0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.ref-skin .announcement>a{flex:0 0 auto;margin-left:0;white-space:nowrap;font-size:11px}
@media(max-width:600px){.ref-skin .announcement{min-height:52px;padding:9px 12px;gap:8px}.ref-skin .announcement>a{font-size:10px}}
.ref-skin .hot-searches{max-width:560px;margin:-12px auto 18px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;color:#999;font-size:11px}
.ref-skin .hot-searches>span{color:#ff5a67;font-weight:700;margin-right:2px}
.ref-skin .hot-searches a{padding:4px 9px;border:1px solid #ffd9dd;border-radius:12px;background:#fff;color:#777;white-space:nowrap}
.ref-skin .hot-searches a:hover{border-color:#ff8f9a;background:#fff0f2;color:#f14f5e}
@media(max-width:600px){.ref-skin .hot-searches{max-width:none;justify-content:flex-start;align-items:center;overflow:visible;flex-wrap:wrap;row-gap:8px;margin:-12px 0 18px;padding:0 2px 3px}.ref-skin .hot-searches>span,.ref-skin .hot-searches a{flex:0 0 auto;white-space:nowrap}}
@media(max-width:600px){.ref-skin .ref-home .ref-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px}}
@media(max-width:900px){.ref-skin .header-main{padding:0 26px 0 18px}}
@media(max-width:600px){.ref-skin .hot-searches{column-gap:9px;row-gap:10px}.ref-skin .type-switch{gap:10px}.ref-skin .filter-chips{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px 8px}.ref-skin .filter-chips button{min-width:0;width:100%;padding-inline:6px}}
.ref-skin .filter-chips .category-extra{display:none}.ref-skin .filter-chips.expanded .category-extra{display:block}.ref-skin .filter-chips .category-expand{background:#fff0f2;color:#f14f5e;border-color:#ffd4d9}
.logged-out-account{max-width:620px!important;display:block!important}.logged-out-account>section{max-width:620px;margin:0 auto}.auth-mode-tabs{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:20px 0 18px}.auth-mode-tabs button{height:42px;border:1px solid #eadfe3;border-radius:9px;background:#fff;color:#777;font-weight:700}.auth-mode-tabs button.active{border-color:#ff5868;background:#fff1f3;color:#ff5868}.auth-form small,[data-auth-hint]{display:block;color:#999;font-size:11px}.adult-confirmation{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid #eadfe3;border-radius:9px;background:#fff8f9}.adult-confirmation[hidden]{display:none}.user-auth-page .adult-confirmation input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;padding:0;accent-color:#ff5868}.user-auth-page .adult-confirmation span{margin:0;color:#6f6267;font-size:11px;font-weight:400;line-height:1.65}.logged-out-account form>button{cursor:pointer}@media(max-width:600px){.logged-out-account{margin:18px 12px 75px!important}.logged-out-account>section{padding:24px 20px}}
.pwa-android-download{display:none!important}
.channel-nav>div:focus-within>span{display:block}
.comic-reader:not([data-real-pages]){min-height:60vh;display:grid;place-items:center}.comic-reader:not([data-real-pages]) .comic-panel{display:none}.comic-reader:not([data-real-pages]):after{content:'正在加载漫画页面…';color:#aaa;font-size:12px}
.setting-row:has([data-setting="order_expire_minutes"]),.setting-row:has([data-setting="refund_enabled"]){display:none}
.ref-skin .filter-chips:not(.expanded):has(.category-expand)>button:nth-of-type(9){display:none}

/* LOCAL PREVIEW: Velvet Nocturne — do not sync to production before approval. */
:root{--velvet-ink:#0c0a10;--velvet-surface:#15111b;--velvet-surface-2:#1d1724;--velvet-line:#312639;--velvet-text:#f7eff3;--velvet-muted:#b9a9b4;--velvet-soft:#8f7c8b;--velvet-rose:#f36b87;--velvet-rose-2:#c94268;--velvet-gold:#d7b47a;--velvet-focus:#ffb7c8}
body:has(.site-shell.ref-skin){background:var(--velvet-ink);color:var(--velvet-text)}
.site-shell.ref-skin{background:var(--velvet-ink);color:var(--velvet-text);font-family:Inter,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif;letter-spacing:.01em}.site-shell.ref-skin a{color:inherit}
.site-shell.ref-skin .topbar{background:rgba(12,10,16,.82);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 12px 36px rgba(0,0,0,.24);backdrop-filter:blur(18px) saturate(1.12)}
.site-shell.ref-skin .header-main{height:78px;max-width:1220px;padding:0 28px;gap:24px}.site-shell.ref-skin .brand{min-width:220px;color:var(--velvet-text);font-weight:800;letter-spacing:.02em}.site-shell.ref-skin .brand-glyph{width:40px;height:40px;background:linear-gradient(145deg,var(--velvet-rose),var(--velvet-rose-2));box-shadow:0 8px 24px rgba(243,107,135,.28)}.site-shell.ref-skin .brand>span:last-child{font-size:20px}.site-shell.ref-skin .brand small{color:var(--velvet-gold);letter-spacing:.18em}
.site-shell.ref-skin .header-actions{font-size:12px;gap:18px;color:var(--velvet-muted)}.site-shell.ref-skin .header-actions>a{color:var(--velvet-muted);transition:color .2s ease}.site-shell.ref-skin .header-actions>a:hover{color:var(--velvet-text)}.site-shell.ref-skin .header-actions .install-link{color:var(--velvet-rose)}
.site-shell.ref-skin .channel-nav{max-width:1220px;height:56px;padding:0 28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.site-shell.ref-skin .channel-nav>a,.site-shell.ref-skin .channel-nav>div>a{height:56px;color:var(--velvet-muted);font-size:13px;font-weight:650;transition:color .2s ease,background .2s ease;border-radius:12px}.site-shell.ref-skin .channel-nav>a:hover,.site-shell.ref-skin .channel-nav>div>a:hover{color:var(--velvet-text);background:rgba(255,255,255,.055)}.site-shell.ref-skin .channel-nav>a.active{color:var(--velvet-text);background:linear-gradient(135deg,rgba(243,107,135,.2),rgba(215,180,122,.08))}.site-shell.ref-skin .channel-nav>a.active:after{content:"";position:absolute;bottom:7px;width:24px;height:2px;border-radius:999px;background:var(--velvet-rose)}
.site-shell.ref-skin .channel-nav>div>span{top:51px;background:rgba(21,17,27,.98);border:1px solid var(--velvet-line);border-radius:14px;box-shadow:0 18px 45px rgba(0,0,0,.35)}.site-shell.ref-skin .channel-nav>div>span a{color:var(--velvet-muted);padding:10px 13px}.site-shell.ref-skin .channel-nav>div>span a:hover{background:rgba(243,107,135,.1);color:var(--velvet-text)}
.site-shell.ref-skin>main{background:radial-gradient(circle at 50% -8%,rgba(119,48,82,.24),transparent 32%),var(--velvet-ink);min-height:70vh}.site-shell.ref-skin .ref-home{max-width:1220px;padding:18px 28px 84px}.site-shell.ref-skin .announcement{height:46px;margin-bottom:16px;border:1px solid rgba(243,107,135,.3);border-radius:14px;background:rgba(243,107,135,.08);color:var(--velvet-muted);box-shadow:none}.site-shell.ref-skin .announcement>b{background:var(--velvet-rose);color:#210d15}.site-shell.ref-skin .announcement>a{color:var(--velvet-rose)}
.site-shell.ref-skin .promo-banner{height:270px;padding:0 58px;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:radial-gradient(circle at 78% 35%,rgba(243,107,135,.26),transparent 28%),radial-gradient(circle at 20% 100%,rgba(215,180,122,.18),transparent 35%),linear-gradient(120deg,#211522 0%,#321b2e 52%,#17111e 100%);box-shadow:0 24px 70px rgba(0,0,0,.26);isolation:isolate}.site-shell.ref-skin .promo-banner:before{width:300px;height:300px;right:13%;top:-118px;border:1px solid rgba(255,255,255,.11);box-shadow:0 0 0 26px rgba(255,255,255,.025),0 0 0 52px rgba(255,255,255,.018)}.site-shell.ref-skin .promo-banner:after{display:none}.site-shell.ref-skin .promo-banner>span{left:28px;top:26px;background:rgba(255,255,255,.1);color:var(--velvet-gold);border:1px solid rgba(215,180,122,.28);border-radius:999px}.site-shell.ref-skin .promo-banner small{color:var(--velvet-gold);letter-spacing:.28em}.site-shell.ref-skin .promo-banner strong{font-family:"Noto Serif SC",serif;font-size:42px;letter-spacing:.02em;text-shadow:none}.site-shell.ref-skin .promo-banner strong em{color:var(--velvet-rose);font-size:58px}.site-shell.ref-skin .promo-banner p{color:var(--velvet-muted);letter-spacing:.2em}.site-shell.ref-skin .promo-banner>b{background:var(--velvet-text);color:#27131f;box-shadow:0 10px 26px rgba(0,0,0,.22);transition:transform .2s ease,box-shadow .2s ease}.site-shell.ref-skin .promo-banner>b:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,0,0,.32)}
.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:58px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:16px;color:var(--velvet-soft);box-shadow:0 18px 50px rgba(0,0,0,.16);backdrop-filter:blur(14px)}.site-shell.ref-skin .home-search{max-width:660px;margin:32px auto 16px}.site-shell.ref-skin .home-search input,.site-shell.ref-skin .explore-head input{background:transparent;color:var(--velvet-text);font-size:14px}.site-shell.ref-skin .home-search input::placeholder,.site-shell.ref-skin .explore-head input::placeholder{color:var(--velvet-soft)}.site-shell.ref-skin .home-search button,.site-shell.ref-skin .explore-head button{height:44px;margin-right:6px;padding:0 22px;border:0;border-radius:12px;background:var(--velvet-rose);color:#250d16;font-weight:800;box-shadow:0 8px 20px rgba(243,107,135,.22);transition:transform .2s ease,filter .2s ease}.site-shell.ref-skin .home-search button:hover,.site-shell.ref-skin .explore-head button:hover{filter:brightness(1.08);transform:translateY(-1px)}
.site-shell.ref-skin .hot-searches{gap:8px;color:var(--velvet-soft)}.site-shell.ref-skin .hot-searches a{border:1px solid var(--velvet-line);border-radius:999px;background:rgba(255,255,255,.035);color:var(--velvet-muted);transition:color .2s ease,border-color .2s ease,background .2s ease}.site-shell.ref-skin .hot-searches a:hover{border-color:rgba(243,107,135,.6);background:rgba(243,107,135,.1);color:var(--velvet-text)}
.site-shell.ref-skin .shortcut-grid{background:transparent;border:0;gap:12px;padding:20px 0 8px}.site-shell.ref-skin .shortcut-grid a{color:var(--velvet-muted);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:14px 8px;background:rgba(255,255,255,.035);transition:transform .2s ease,border-color .2s ease,background .2s ease}.site-shell.ref-skin .shortcut-grid a:hover{transform:translateY(-2px);border-color:rgba(243,107,135,.42);background:rgba(243,107,135,.08)}.site-shell.ref-skin .shortcut-grid b{width:38px;height:38px;margin-bottom:7px;background:linear-gradient(145deg,var(--velvet-rose),var(--velvet-rose-2));box-shadow:0 8px 18px rgba(243,107,135,.2);font-size:15px}.site-shell.ref-skin .shortcut-grid span{font-size:11px}
.site-shell.ref-skin .page-section{padding:42px 0 10px}.site-shell.ref-skin .section-title{border-bottom:1px solid var(--velvet-line);padding-bottom:13px}.site-shell.ref-skin .section-title span{color:var(--velvet-gold)}.site-shell.ref-skin .section-title h2{color:var(--velvet-text);font-family:"Noto Serif SC",serif;font-size:19px}.site-shell.ref-skin .section-title>a{color:var(--velvet-muted)}.site-shell.ref-skin .content-card{color:var(--velvet-text)}.site-shell.ref-skin .card-cover{border:1px solid rgba(255,255,255,.1);box-shadow:0 12px 28px rgba(0,0,0,.18)}.site-shell.ref-skin .card-copy{padding:11px 2px 6px}.site-shell.ref-skin .card-copy h3{font-size:13px;color:var(--velvet-text);font-weight:700}.site-shell.ref-skin .card-copy p{color:var(--velvet-muted)}.site-shell.ref-skin .card-copy span{color:var(--velvet-soft)}.site-shell.ref-skin .content-card:hover h3{color:var(--velvet-rose)}.site-shell.ref-skin .access-pill{background:rgba(12,10,16,.78);border:1px solid rgba(255,255,255,.16);color:var(--velvet-text)}.site-shell.ref-skin .access-pill.free{background:rgba(38,155,116,.85)}.site-shell.ref-skin .access-pill.member,.site-shell.ref-skin .access-pill.member_purchase{background:rgba(150,52,91,.9)}
.site-shell.ref-skin .member-strip{height:112px;margin-top:48px;padding:0 36px;border:1px solid rgba(215,180,122,.22);background:linear-gradient(115deg,#2a1825,#1a131f 60%,#292019);box-shadow:0 18px 44px rgba(0,0,0,.2)}.site-shell.ref-skin .member-strip b{color:var(--velvet-text);font-family:"Noto Serif SC",serif}.site-shell.ref-skin .member-strip span{color:var(--velvet-muted)}.site-shell.ref-skin .member-strip a{background:var(--velvet-gold);color:#26171b;font-weight:800}
.site-shell.ref-skin .explore-head{padding:66px 20px 50px;background:radial-gradient(circle at 50% -30%,rgba(243,107,135,.18),transparent 52%);border-bottom:1px solid var(--velvet-line)}.site-shell.ref-skin .explore-head h1{color:var(--velvet-text)}.site-shell.ref-skin .explore-head p{color:var(--velvet-muted)}.site-shell.ref-skin .explore-body{max-width:1220px;grid-template-columns:210px 1fr;gap:46px;padding:44px 28px 100px}.site-shell.ref-skin .explore-body aside{border-right:1px solid var(--velvet-line)}.site-shell.ref-skin .explore-body aside h3{color:var(--velvet-text)}.site-shell.ref-skin .explore-body aside label,.site-shell.ref-skin .result-toolbar span{color:var(--velvet-soft)}.site-shell.ref-skin .filter-list button,.site-shell.ref-skin .filter-chips button{color:var(--velvet-muted);transition:background .2s ease,color .2s ease}.site-shell.ref-skin .filter-list button:hover,.site-shell.ref-skin .filter-chips button:hover{background:rgba(243,107,135,.08);color:var(--velvet-text)}.site-shell.ref-skin .filter-list button.active,.site-shell.ref-skin .filter-chips button.active{background:rgba(243,107,135,.14);color:var(--velvet-text);box-shadow:inset 3px 0 var(--velvet-rose)}.site-shell.ref-skin .filter-chips small{color:var(--velvet-gold)}.site-shell.ref-skin .result-toolbar b{color:var(--velvet-text)}.site-shell.ref-skin .result-toolbar select{background:var(--velvet-surface);border-color:var(--velvet-line);color:var(--velvet-muted);border-radius:10px}
.site-shell.ref-skin .radio-list{border-top:1px solid var(--velvet-line)}.site-shell.ref-skin .radio-list a{min-height:74px;padding:17px 12px;border-bottom:1px solid var(--velvet-line);color:var(--velvet-text);transition:background .2s ease,padding .2s ease}.site-shell.ref-skin .radio-list a:before{content:"";flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--velvet-rose);box-shadow:0 0 0 5px rgba(243,107,135,.12)}.site-shell.ref-skin .radio-list a:hover{padding-left:18px;background:linear-gradient(90deg,rgba(243,107,135,.11),transparent)}.site-shell.ref-skin .radio-list b{font-size:15px}.site-shell.ref-skin .radio-list span{color:var(--velvet-muted)}
.site-shell.ref-skin .radio-player{bottom:max(18px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 32px));padding:17px 54px 17px 20px;background:rgba(29,23,36,.96);border:1px solid rgba(243,107,135,.28);box-shadow:0 18px 54px rgba(0,0,0,.42);color:var(--velvet-text);backdrop-filter:blur(18px)}.site-shell.ref-skin .radio-player small{color:var(--velvet-muted)}.site-shell.ref-skin .radio-player audio{accent-color:var(--velvet-rose)}.site-shell.ref-skin .radio-player-close{color:var(--velvet-muted)}
.site-shell.ref-skin footer{max-width:none;padding:42px max(28px,calc((100vw - 1220px)/2));background:#0a080d;border-top:1px solid var(--velvet-line);color:var(--velvet-muted)}.site-shell.ref-skin .footer-brand b{color:var(--velvet-text)}.site-shell.ref-skin .footer-links a{color:var(--velvet-muted)}.site-shell.ref-skin .footer-links a:hover{color:var(--velvet-rose)}.site-shell.ref-skin .bottom-nav{background:rgba(21,17,27,.94);border-color:var(--velvet-line);backdrop-filter:blur(18px)}.site-shell.ref-skin .bottom-nav a{color:var(--velvet-soft)}.site-shell.ref-skin .bottom-nav a.active,.site-shell.ref-skin .bottom-nav a:hover{color:var(--velvet-rose)}
.site-shell.ref-skin button,.site-shell.ref-skin a,.site-shell.ref-skin select{cursor:pointer}.site-shell.ref-skin :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--velvet-focus);outline-offset:3px}.site-shell.ref-skin :where(button,a){-webkit-tap-highlight-color:rgba(243,107,135,.18)}
@media(max-width:900px){.site-shell.ref-skin .header-main{padding:0 18px}.site-shell.ref-skin .channel-nav{padding:0 18px}.site-shell.ref-skin .ref-home{padding-inline:18px}.site-shell.ref-skin .promo-banner{padding-inline:34px}.site-shell.ref-skin .explore-body{padding-inline:18px}}
@media(max-width:600px){.site-shell.ref-skin .header-main{height:66px}.site-shell.ref-skin .brand{min-width:auto}.site-shell.ref-skin .brand>span:last-child{display:none}.site-shell.ref-skin .header-actions{gap:10px;font-size:11px}.site-shell.ref-skin .header-actions>a:not(.install-link){display:none}.site-shell.ref-skin .topbar>nav{top:66px;background:rgba(21,17,27,.98);border-color:var(--velvet-line);padding:10px 16px}.site-shell.ref-skin .topbar>nav a{height:46px;border-radius:10px}.site-shell.ref-skin .promo-banner{height:230px;padding:0 24px;border-radius:20px}.site-shell.ref-skin .promo-banner>span{left:20px;top:20px}.site-shell.ref-skin .promo-banner strong{font-size:29px;line-height:1.25}.site-shell.ref-skin .promo-banner strong em{font-size:40px}.site-shell.ref-skin .promo-banner p{font-size:11px;letter-spacing:.08em}.site-shell.ref-skin .promo-banner>b{padding:11px 16px;font-size:11px}.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:54px}.site-shell.ref-skin .shortcut-grid{gap:9px;overflow-x:auto}.site-shell.ref-skin .shortcut-grid a{min-width:calc((100% - 27px)/4);padding:11px 6px}.site-shell.ref-skin .shortcut-grid b{width:34px;height:34px}.site-shell.ref-skin .page-section{padding-top:32px}.site-shell.ref-skin .section-title h2{font-size:17px}.site-shell.ref-skin .member-strip{height:auto;min-height:100px;padding:22px 20px}.site-shell.ref-skin .member-strip b{font-size:16px}.site-shell.ref-skin .member-strip a{padding:9px 14px}.site-shell.ref-skin .explore-head{padding:42px 16px 34px}.site-shell.ref-skin .explore-body{padding:24px 16px 92px;gap:22px}.site-shell.ref-skin .explore-body aside{border:0}.site-shell.ref-skin .type-switch{gap:8px}.site-shell.ref-skin .type-switch a{min-height:44px}.site-shell.ref-skin .radio-list a{min-height:68px;padding:15px 4px}.site-shell.ref-skin .radio-list b{font-size:14px}.site-shell.ref-skin .radio-list span{font-size:11px}.site-shell.ref-skin .radio-player{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:15px 48px 15px 16px;border-radius:18px}.site-shell.ref-skin footer{display:none}}
@media(prefers-reduced-motion:reduce){.site-shell.ref-skin *,.site-shell.ref-skin *:before,.site-shell.ref-skin *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}

/* LOCAL PREVIEW v2: Soft Blush — light, youthful, calm; do not sync before approval. */
:root{--soft-bg:#fff9fb;--soft-surface:#fff;--soft-surface-2:#fff1f5;--soft-line:#f0dce5;--soft-text:#493847;--soft-muted:#8d7986;--soft-soft:#b49eaa;--soft-rose:#c6426c;--soft-pink:#f28aaa;--soft-lavender:#8877c8;--soft-focus:#7a5bb5}
body:has(.site-shell.ref-skin){background:var(--soft-bg);color:var(--soft-text)}.site-shell.ref-skin{background:var(--soft-bg);color:var(--soft-text);font-family:Inter,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}.site-shell.ref-skin a{color:inherit}
.site-shell.ref-skin .topbar{background:rgba(255,251,253,.9);border-bottom:1px solid var(--soft-line);box-shadow:0 8px 24px rgba(96,57,78,.08);backdrop-filter:blur(18px) saturate(1.08)}.site-shell.ref-skin .header-main{height:74px;max-width:1220px;padding:0 28px;gap:24px}.site-shell.ref-skin .brand{min-width:220px;color:var(--soft-text);font-weight:800}.site-shell.ref-skin .brand-glyph{width:40px;height:40px;background:linear-gradient(145deg,var(--soft-pink),var(--soft-rose));box-shadow:0 8px 20px rgba(198,66,108,.18)}.site-shell.ref-skin .brand small{color:var(--soft-lavender);letter-spacing:.16em}.site-shell.ref-skin .header-actions{font-size:12px;gap:18px;color:var(--soft-muted)}.site-shell.ref-skin .header-actions>a{color:var(--soft-muted)}.site-shell.ref-skin .header-actions>a:hover{color:var(--soft-rose)}.site-shell.ref-skin .header-actions .install-link{color:var(--soft-rose)}
.site-shell.ref-skin .channel-nav{max-width:1220px;height:54px;padding:0 28px;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.site-shell.ref-skin .channel-nav>a,.site-shell.ref-skin .channel-nav>div>a{height:54px;color:var(--soft-muted);font-size:13px;font-weight:650;border-radius:12px;transition:color .2s ease,background .2s ease}.site-shell.ref-skin .channel-nav>a:hover,.site-shell.ref-skin .channel-nav>div>a:hover{color:var(--soft-text);background:var(--soft-surface-2)}.site-shell.ref-skin .channel-nav>a.active{color:var(--soft-rose);background:linear-gradient(135deg,#fff0f5,#f3effb)}.site-shell.ref-skin .channel-nav>a.active:after{content:"";position:absolute;bottom:7px;width:22px;height:2px;border-radius:999px;background:var(--soft-rose)}.site-shell.ref-skin .channel-nav>div>span{top:50px;background:rgba(255,255,255,.98);border:1px solid var(--soft-line);border-radius:14px;box-shadow:0 16px 34px rgba(96,57,78,.14)}.site-shell.ref-skin .channel-nav>div>span a{color:var(--soft-muted)}.site-shell.ref-skin .channel-nav>div>span a:hover{background:var(--soft-surface-2);color:var(--soft-rose)}
.site-shell.ref-skin>main{background:radial-gradient(circle at 50% -12%,rgba(242,138,170,.18),transparent 34%),radial-gradient(circle at 88% 26%,rgba(136,119,200,.1),transparent 28%),var(--soft-bg);min-height:70vh}.site-shell.ref-skin .ref-home{max-width:1220px;padding:18px 28px 84px}.site-shell.ref-skin .announcement{height:44px;margin-bottom:16px;border:1px solid #f3c6d4;border-radius:14px;background:#fff1f5;color:var(--soft-muted);box-shadow:none}.site-shell.ref-skin .announcement>b{background:var(--soft-pink);color:#fff}.site-shell.ref-skin .announcement>a{color:var(--soft-rose)}
.site-shell.ref-skin .promo-banner{height:264px;padding:0 58px;border:1px solid #f1d5df;border-radius:24px;background:radial-gradient(circle at 82% 28%,rgba(242,138,170,.35),transparent 27%),radial-gradient(circle at 18% 100%,rgba(136,119,200,.18),transparent 34%),linear-gradient(120deg,#fff0f5 0%,#ffe6ee 54%,#f1edfb 100%);box-shadow:0 18px 42px rgba(117,73,101,.12)}.site-shell.ref-skin .promo-banner:before{width:270px;height:270px;right:13%;top:-102px;border:1px solid rgba(198,66,108,.13);box-shadow:0 0 0 24px rgba(198,66,108,.04),0 0 0 48px rgba(136,119,200,.035)}.site-shell.ref-skin .promo-banner:after{display:none}.site-shell.ref-skin .promo-banner>span{left:28px;top:24px;background:rgba(255,255,255,.72);color:var(--soft-rose);border:1px solid #f3c6d4;border-radius:999px}.site-shell.ref-skin .promo-banner small{color:var(--soft-lavender);letter-spacing:.24em}.site-shell.ref-skin .promo-banner strong{font-family:"Noto Serif SC",serif;font-size:42px;color:var(--soft-text);text-shadow:none}.site-shell.ref-skin .promo-banner strong em{color:var(--soft-rose);font-size:58px}.site-shell.ref-skin .promo-banner p{color:var(--soft-muted);letter-spacing:.16em}.site-shell.ref-skin .promo-banner>b{background:var(--soft-rose);color:#fff;box-shadow:0 10px 22px rgba(198,66,108,.2)}.site-shell.ref-skin .promo-banner>b:hover{filter:brightness(1.05);transform:translateY(-2px)}
.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:58px;background:rgba(255,255,255,.86);border:1px solid var(--soft-line);border-radius:16px;color:var(--soft-soft);box-shadow:0 14px 30px rgba(117,73,101,.09);backdrop-filter:blur(12px)}.site-shell.ref-skin .home-search{max-width:660px;margin:30px auto 16px}.site-shell.ref-skin .home-search input,.site-shell.ref-skin .explore-head input{background:transparent;color:var(--soft-text);font-size:14px}.site-shell.ref-skin .home-search input::placeholder,.site-shell.ref-skin .explore-head input::placeholder{color:var(--soft-soft)}.site-shell.ref-skin .home-search button,.site-shell.ref-skin .explore-head button{height:44px;margin-right:6px;padding:0 22px;border:0;border-radius:12px;background:var(--soft-rose);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(198,66,108,.18)}.site-shell.ref-skin .home-search button:hover,.site-shell.ref-skin .explore-head button:hover{filter:brightness(1.05);transform:translateY(-1px)}
.site-shell.ref-skin .hot-searches{gap:8px;color:var(--soft-soft)}.site-shell.ref-skin .hot-searches a{border:1px solid var(--soft-line);border-radius:999px;background:rgba(255,255,255,.7);color:var(--soft-muted)}.site-shell.ref-skin .hot-searches a:hover{border-color:#e99ab2;background:#fff0f5;color:var(--soft-rose)}.site-shell.ref-skin .shortcut-grid{background:transparent;border:0;gap:12px;padding:20px 0 8px}.site-shell.ref-skin .shortcut-grid a{color:var(--soft-muted);border:1px solid var(--soft-line);border-radius:16px;padding:14px 8px;background:rgba(255,255,255,.72);transition:transform .2s ease,border-color .2s ease,background .2s ease}.site-shell.ref-skin .shortcut-grid a:hover{transform:translateY(-2px);border-color:#e9a5b9;background:#fff}.site-shell.ref-skin .shortcut-grid b{width:38px;height:38px;margin-bottom:7px;background:linear-gradient(145deg,var(--soft-pink),var(--soft-rose));box-shadow:0 7px 16px rgba(198,66,108,.17);font-size:15px}.site-shell.ref-skin .shortcut-grid span{font-size:11px}
.site-shell.ref-skin .page-section{padding:42px 0 10px}.site-shell.ref-skin .section-title{border-bottom:1px solid var(--soft-line);padding-bottom:13px}.site-shell.ref-skin .section-title span{color:var(--soft-lavender)}.site-shell.ref-skin .section-title h2{color:var(--soft-text);font-family:"Noto Serif SC",serif;font-size:19px}.site-shell.ref-skin .section-title>a{color:var(--soft-muted)}.site-shell.ref-skin .content-card{color:var(--soft-text)}.site-shell.ref-skin .card-cover{border:1px solid #f0dce5;box-shadow:0 10px 24px rgba(117,73,101,.1);background:#fff3f7}.site-shell.ref-skin .cover-art{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 52%,#fff),color-mix(in srgb,var(--accent) 16%,#fff7fa));color:var(--soft-text)}.site-shell.ref-skin .cover-art strong{color:var(--soft-text)}.site-shell.ref-skin .cover-art small{color:var(--soft-muted)}.site-shell.ref-skin .card-copy{padding:11px 2px 6px}.site-shell.ref-skin .card-copy h3{font-size:13px;color:var(--soft-text);font-weight:700}.site-shell.ref-skin .card-copy p{color:var(--soft-muted)}.site-shell.ref-skin .card-copy span{color:var(--soft-soft)}.site-shell.ref-skin .content-card:hover h3{color:var(--soft-rose)}.site-shell.ref-skin .access-pill{background:rgba(255,255,255,.85);border:1px solid rgba(198,66,108,.2);color:var(--soft-rose)}.site-shell.ref-skin .access-pill.free{background:#e8f7ef;color:#26714d}.site-shell.ref-skin .access-pill.member,.site-shell.ref-skin .access-pill.member_purchase{background:#f9e3ee;color:#a9325c}.site-shell.ref-skin .member-strip{height:108px;margin-top:48px;padding:0 36px;border:1px solid #ecd2dc;background:linear-gradient(115deg,#fff0f5,#fff8f2 60%,#f3effb);box-shadow:0 14px 32px rgba(117,73,101,.08)}.site-shell.ref-skin .member-strip b{color:var(--soft-text);font-family:"Noto Serif SC",serif}.site-shell.ref-skin .member-strip span{color:var(--soft-muted)}.site-shell.ref-skin .member-strip a{background:var(--soft-rose);color:#fff;font-weight:800}
.site-shell.ref-skin .explore-head{padding:62px 20px 48px;background:radial-gradient(circle at 50% -28%,rgba(242,138,170,.2),transparent 52%);border-bottom:1px solid var(--soft-line)}.site-shell.ref-skin .explore-head h1{color:var(--soft-text)}.site-shell.ref-skin .explore-head p{color:var(--soft-muted)}.site-shell.ref-skin .explore-body{max-width:1220px;grid-template-columns:210px 1fr;gap:46px;padding:44px 28px 100px}.site-shell.ref-skin .explore-body aside{border-right:1px solid var(--soft-line)}.site-shell.ref-skin .explore-body aside h3{color:var(--soft-text)}.site-shell.ref-skin .explore-body aside label,.site-shell.ref-skin .result-toolbar span{color:var(--soft-soft)}.site-shell.ref-skin .filter-list button,.site-shell.ref-skin .filter-chips button{color:var(--soft-muted)}.site-shell.ref-skin .filter-list button:hover,.site-shell.ref-skin .filter-chips button:hover{background:#fff0f5;color:var(--soft-rose)}.site-shell.ref-skin .filter-list button.active,.site-shell.ref-skin .filter-chips button.active{background:#ffeaf1;color:var(--soft-rose);box-shadow:inset 3px 0 var(--soft-rose)}.site-shell.ref-skin .filter-chips small{color:var(--soft-lavender)}.site-shell.ref-skin .result-toolbar b{color:var(--soft-text)}.site-shell.ref-skin .result-toolbar select{background:#fff;border-color:var(--soft-line);color:var(--soft-muted);border-radius:10px}
.site-shell.ref-skin .radio-list{border-top:1px solid var(--soft-line)}.site-shell.ref-skin .radio-list a{min-height:74px;padding:17px 12px;border-bottom:1px solid var(--soft-line);color:var(--soft-text);transition:background .2s ease,padding .2s ease}.site-shell.ref-skin .radio-list a:before{content:"";flex:0 0 9px;width:9px;height:9px;border-radius:50%;background:var(--soft-pink);box-shadow:0 0 0 5px rgba(242,138,170,.14)}.site-shell.ref-skin .radio-list a:hover{padding-left:18px;background:linear-gradient(90deg,#fff0f5,transparent)}.site-shell.ref-skin .radio-list b{font-size:15px}.site-shell.ref-skin .radio-list span{color:var(--soft-muted)}.site-shell.ref-skin .radio-player{bottom:max(18px,env(safe-area-inset-bottom));width:min(620px,calc(100% - 32px));padding:17px 54px 17px 20px;background:rgba(255,255,255,.96);border:1px solid #efbfd0;box-shadow:0 16px 38px rgba(117,73,101,.16);color:var(--soft-text);backdrop-filter:blur(18px)}.site-shell.ref-skin .radio-player small{color:var(--soft-muted)}.site-shell.ref-skin .radio-player-close{color:var(--soft-muted)}
.site-shell.ref-skin footer{max-width:none;padding:42px max(28px,calc((100vw - 1220px)/2));background:#fff;border-top:1px solid var(--soft-line);color:var(--soft-muted)}.site-shell.ref-skin .footer-brand b{color:var(--soft-text)}.site-shell.ref-skin .footer-links a{color:var(--soft-muted)}.site-shell.ref-skin .footer-links a:hover{color:var(--soft-rose)}.site-shell.ref-skin .bottom-nav{background:rgba(255,255,255,.94);border-color:var(--soft-line);backdrop-filter:blur(18px)}.site-shell.ref-skin .bottom-nav a{color:var(--soft-soft)}.site-shell.ref-skin .bottom-nav a.active,.site-shell.ref-skin .bottom-nav a:hover{color:var(--soft-rose)}.site-shell.ref-skin button,.site-shell.ref-skin a,.site-shell.ref-skin select{cursor:pointer}.site-shell.ref-skin :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--soft-focus);outline-offset:3px}.site-shell.ref-skin :where(button,a){-webkit-tap-highlight-color:rgba(198,66,108,.14)}
@media(max-width:900px){.site-shell.ref-skin .header-main{padding:0 18px}.site-shell.ref-skin .channel-nav{padding:0 18px}.site-shell.ref-skin .ref-home{padding-inline:18px}.site-shell.ref-skin .promo-banner{padding-inline:34px}.site-shell.ref-skin .explore-body{padding-inline:18px}}
@media(max-width:600px){.site-shell.ref-skin .header-main{height:66px}.site-shell.ref-skin .brand{min-width:auto}.site-shell.ref-skin .brand>span:last-child{display:none}.site-shell.ref-skin .header-actions{gap:10px;font-size:11px}.site-shell.ref-skin .header-actions>a:not(.install-link){display:none}.site-shell.ref-skin .topbar>nav{top:66px;background:rgba(255,255,255,.98);border-color:var(--soft-line);padding:10px 16px}.site-shell.ref-skin .topbar>nav a{height:46px;border-radius:10px}.site-shell.ref-skin .promo-banner{height:230px;padding:0 24px;border-radius:20px}.site-shell.ref-skin .promo-banner>span{left:20px;top:20px}.site-shell.ref-skin .promo-banner strong{font-size:29px;line-height:1.25}.site-shell.ref-skin .promo-banner strong em{font-size:40px}.site-shell.ref-skin .promo-banner p{font-size:11px;letter-spacing:.08em}.site-shell.ref-skin .promo-banner>b{padding:11px 16px;font-size:11px}.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:54px}.site-shell.ref-skin .shortcut-grid{gap:9px;overflow-x:auto}.site-shell.ref-skin .shortcut-grid a{min-width:calc((100% - 27px)/4);padding:11px 6px}.site-shell.ref-skin .shortcut-grid b{width:34px;height:34px}.site-shell.ref-skin .page-section{padding-top:32px}.site-shell.ref-skin .section-title h2{font-size:17px}.site-shell.ref-skin .member-strip{height:auto;min-height:100px;padding:22px 20px}.site-shell.ref-skin .member-strip b{font-size:16px}.site-shell.ref-skin .member-strip a{padding:9px 14px}.site-shell.ref-skin .explore-head{padding:42px 16px 34px}.site-shell.ref-skin .explore-body{padding:24px 16px 92px;gap:22px}.site-shell.ref-skin .explore-body aside{border:0}.site-shell.ref-skin .type-switch{gap:8px}.site-shell.ref-skin .type-switch a{min-height:44px}.site-shell.ref-skin .radio-list a{min-height:68px;padding:15px 4px}.site-shell.ref-skin .radio-list b{font-size:14px}.site-shell.ref-skin .radio-list span{font-size:11px}.site-shell.ref-skin .radio-player{bottom:calc(76px + env(safe-area-inset-bottom));width:calc(100% - 24px);padding:15px 48px 15px 16px;border-radius:18px}.site-shell.ref-skin footer{display:none}}
/* LOCAL PREVIEW v3: Soft Editorial — calmer proportions, clearer hierarchy; do not sync before approval. */
:root{--editorial-bg:#faf9fb;--editorial-surface:#fff;--editorial-text:#3f3540;--editorial-muted:#887986;--editorial-soft:#b7a8b3;--editorial-line:#eee6ec;--editorial-rose:#d95b7e;--editorial-rose-soft:#fff0f4;--editorial-lavender:#8475b8;--editorial-focus:#6951a0}
body:has(.site-shell.ref-skin){background:var(--editorial-bg);color:var(--editorial-text)}.site-shell.ref-skin{background:var(--editorial-bg);color:var(--editorial-text);font-family:Inter,"PingFang SC","Noto Sans SC","Microsoft YaHei",sans-serif}.site-shell.ref-skin .topbar{background:rgba(255,255,255,.96);border-bottom:1px solid var(--editorial-line);box-shadow:0 4px 16px rgba(74,50,67,.05);backdrop-filter:blur(14px)}.site-shell.ref-skin .header-main{height:68px;max-width:1180px;padding:0 24px}.site-shell.ref-skin .brand{min-width:200px;color:var(--editorial-text)}.site-shell.ref-skin .brand-glyph{width:38px;height:38px;background:linear-gradient(145deg,#f193ad,var(--editorial-rose));box-shadow:none}.site-shell.ref-skin .brand small{display:none}.site-shell.ref-skin .header-actions{gap:22px;color:var(--editorial-muted)}.site-shell.ref-skin .header-actions>a{color:var(--editorial-muted)}.site-shell.ref-skin .header-actions>a:hover{color:var(--editorial-rose)}.site-shell.ref-skin .header-actions .install-link{color:var(--editorial-rose)}
.site-shell.ref-skin .channel-nav{max-width:1180px;height:48px;padding:0 24px;display:flex;justify-content:flex-start;gap:4px;border-top:1px solid #faf6f9}.site-shell.ref-skin .channel-nav>a,.site-shell.ref-skin .channel-nav>div>a{height:40px;padding:0 15px;color:var(--editorial-muted);font-size:13px;font-weight:650;border-radius:9px;transition:color .2s ease,background .2s ease}.site-shell.ref-skin .channel-nav>a:hover,.site-shell.ref-skin .channel-nav>div>a:hover{color:var(--editorial-text);background:var(--editorial-rose-soft)}.site-shell.ref-skin .channel-nav>a.active{color:var(--editorial-rose);background:var(--editorial-rose-soft)}.site-shell.ref-skin .channel-nav>a.active:after{display:none}.site-shell.ref-skin .channel-nav>div>span{top:42px;background:#fff;border:1px solid var(--editorial-line);border-radius:10px;box-shadow:0 12px 28px rgba(74,50,67,.1)}.site-shell.ref-skin .channel-nav>div>span a{color:var(--editorial-muted)}.site-shell.ref-skin .channel-nav>div>span a:hover{background:var(--editorial-rose-soft);color:var(--editorial-rose)}
.site-shell.ref-skin>main{background:var(--editorial-bg);min-height:70vh}.site-shell.ref-skin .ref-home{max-width:1180px;padding:20px 24px 80px}.site-shell.ref-skin .announcement{height:40px;margin-bottom:18px;border:0;border-bottom:1px solid var(--editorial-line);border-radius:0;background:transparent;color:var(--editorial-muted);box-shadow:none}.site-shell.ref-skin .announcement>b{width:26px;height:26px;background:var(--editorial-rose);font-size:12px}.site-shell.ref-skin .announcement>a{color:var(--editorial-rose)}
.site-shell.ref-skin .promo-banner{height:226px;padding:0 44px;border:1px solid #eadde6;border-radius:16px;background:#f4eef8;box-shadow:none}.site-shell.ref-skin .promo-banner:before{width:220px;height:220px;right:12%;top:-90px;border:1px solid rgba(132,117,184,.15);box-shadow:0 0 0 32px rgba(132,117,184,.035)}.site-shell.ref-skin .promo-banner:after{display:none}.site-shell.ref-skin .promo-banner>span{left:26px;top:22px;background:#fff;color:var(--editorial-rose);border:1px solid #edcbd7;border-radius:8px}.site-shell.ref-skin .promo-banner small{color:var(--editorial-lavender);letter-spacing:.18em}.site-shell.ref-skin .promo-banner strong{font-family:"Noto Serif SC",serif;font-size:38px;color:var(--editorial-text);text-shadow:none}.site-shell.ref-skin .promo-banner strong em{color:var(--editorial-rose);font-size:52px}.site-shell.ref-skin .promo-banner p{color:var(--editorial-muted);letter-spacing:.1em}.site-shell.ref-skin .promo-banner>b{background:var(--editorial-rose);color:#fff;border-radius:10px;box-shadow:none}.site-shell.ref-skin .promo-banner>b:hover{transform:translateY(-1px);filter:brightness(1.04)}
.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:54px;background:#fff;border:1px solid var(--editorial-line);border-radius:12px;color:var(--editorial-soft);box-shadow:0 5px 16px rgba(74,50,67,.06);backdrop-filter:none}.site-shell.ref-skin .home-search{max-width:620px;margin:26px auto 14px}.site-shell.ref-skin .home-search input,.site-shell.ref-skin .explore-head input{color:var(--editorial-text);font-size:14px}.site-shell.ref-skin .home-search input::placeholder,.site-shell.ref-skin .explore-head input::placeholder{color:var(--editorial-soft)}.site-shell.ref-skin .home-search button,.site-shell.ref-skin .explore-head button{height:42px;margin-right:5px;padding:0 20px;border:0;border-radius:9px;background:var(--editorial-rose);color:#fff;font-weight:800;box-shadow:none}.site-shell.ref-skin .home-search button:hover,.site-shell.ref-skin .explore-head button:hover{filter:brightness(1.04);transform:none}
.site-shell.ref-skin .hot-searches{gap:16px;color:var(--editorial-soft)}.site-shell.ref-skin .hot-searches a{padding:0;border:0;border-radius:0;background:transparent;color:var(--editorial-muted)}.site-shell.ref-skin .hot-searches a:hover{background:transparent;color:var(--editorial-rose);border:0}.site-shell.ref-skin .shortcut-grid{background:#fff;border:1px solid var(--editorial-line);border-radius:14px;gap:0;padding:8px}.site-shell.ref-skin .shortcut-grid a{color:var(--editorial-muted);border:0;border-right:1px solid var(--editorial-line);border-radius:8px;padding:12px 8px;background:transparent}.site-shell.ref-skin .shortcut-grid a:last-child{border-right:0}.site-shell.ref-skin .shortcut-grid a:hover{transform:none;background:var(--editorial-rose-soft);border-color:transparent}.site-shell.ref-skin .shortcut-grid b{width:32px;height:32px;margin-bottom:5px;background:#f7d8e2;color:var(--editorial-rose);box-shadow:none;font-size:13px}.site-shell.ref-skin .shortcut-grid span{font-size:11px}
.site-shell.ref-skin .page-section{padding:38px 0 8px}.site-shell.ref-skin .section-title{border-bottom:1px solid var(--editorial-line);padding-bottom:12px}.site-shell.ref-skin .section-title span{color:var(--editorial-lavender)}.site-shell.ref-skin .section-title h2{color:var(--editorial-text);font-family:"Noto Serif SC",serif;font-size:18px}.site-shell.ref-skin .section-title>a{color:var(--editorial-muted)}.site-shell.ref-skin .content-card{color:var(--editorial-text);background:#fff;border:1px solid var(--editorial-line);border-radius:12px;padding:8px;box-shadow:0 4px 14px rgba(74,50,67,.045)}.site-shell.ref-skin .content-card:hover{border-color:#e2b6c5;box-shadow:0 8px 22px rgba(74,50,67,.09)}.site-shell.ref-skin .card-cover{border:0;border-radius:8px;box-shadow:none;background:#fff3f6}.site-shell.ref-skin .cover-art{background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 42%,#fff),color-mix(in srgb,var(--accent) 12%,#fff7fa));color:var(--editorial-text)}.site-shell.ref-skin .cover-art strong{color:var(--editorial-text)}.site-shell.ref-skin .cover-art small{color:var(--editorial-muted)}.site-shell.ref-skin .card-copy{padding:9px 3px 3px}.site-shell.ref-skin .card-copy h3{font-size:13px;color:var(--editorial-text);font-weight:700}.site-shell.ref-skin .card-copy p{color:var(--editorial-muted)}.site-shell.ref-skin .card-copy span{color:var(--editorial-soft)}.site-shell.ref-skin .content-card:hover h3{color:var(--editorial-rose)}.site-shell.ref-skin .access-pill{background:#fff;border:1px solid #efcbd7;color:var(--editorial-rose)}.site-shell.ref-skin .access-pill.free{background:#edf8f2;color:#3d7c5b}.site-shell.ref-skin .access-pill.member,.site-shell.ref-skin .access-pill.member_purchase{background:#fff0f5;color:#a83e61}.site-shell.ref-skin .member-strip{height:96px;margin-top:38px;padding:0 28px;border:1px solid #e8dbe6;border-radius:14px;background:#f4eef8;box-shadow:none}.site-shell.ref-skin .member-strip b{color:var(--editorial-text);font-family:"Noto Serif SC",serif}.site-shell.ref-skin .member-strip span{color:var(--editorial-muted)}.site-shell.ref-skin .member-strip a{background:var(--editorial-rose);color:#fff;font-weight:800;border-radius:9px}
.site-shell.ref-skin .explore-head{padding:54px 20px 42px;background:#f4eef8;border-bottom:1px solid var(--editorial-line)}.site-shell.ref-skin .explore-head h1{color:var(--editorial-text)}.site-shell.ref-skin .explore-head p{color:var(--editorial-muted)}.site-shell.ref-skin .explore-body{max-width:1180px;grid-template-columns:190px 1fr;gap:40px;padding:38px 24px 94px}.site-shell.ref-skin .explore-body aside{border-right:1px solid var(--editorial-line)}.site-shell.ref-skin .explore-body aside h3{color:var(--editorial-text)}.site-shell.ref-skin .explore-body aside label,.site-shell.ref-skin .result-toolbar span{color:var(--editorial-soft)}.site-shell.ref-skin .filter-list button,.site-shell.ref-skin .filter-chips button{color:var(--editorial-muted)}.site-shell.ref-skin .filter-list button:hover,.site-shell.ref-skin .filter-chips button:hover{background:var(--editorial-rose-soft);color:var(--editorial-rose)}.site-shell.ref-skin .filter-list button.active,.site-shell.ref-skin .filter-chips button.active{background:var(--editorial-rose-soft);color:var(--editorial-rose);box-shadow:inset 2px 0 var(--editorial-rose)}.site-shell.ref-skin .filter-chips small{color:var(--editorial-lavender)}.site-shell.ref-skin .result-toolbar b{color:var(--editorial-text)}.site-shell.ref-skin .result-toolbar select{background:#fff;border-color:var(--editorial-line);color:var(--editorial-muted);border-radius:9px}
.site-shell.ref-skin .radio-list{border-top:1px solid var(--editorial-line)}.site-shell.ref-skin .radio-list a{min-height:68px;padding:15px 8px;border-bottom:1px solid var(--editorial-line);color:var(--editorial-text);transition:background .2s ease,padding .2s ease}.site-shell.ref-skin .radio-list a:before{content:"";flex:0 0 8px;width:8px;height:8px;border-radius:50%;background:var(--soft-pink)}.site-shell.ref-skin .radio-list a:hover{padding-left:14px;background:var(--editorial-rose-soft)}.site-shell.ref-skin .radio-list b{font-size:15px}.site-shell.ref-skin .radio-list span{color:var(--editorial-muted)}.site-shell.ref-skin .radio-player{bottom:max(16px,env(safe-area-inset-bottom));width:min(600px,calc(100% - 32px));padding:15px 50px 15px 18px;background:rgba(255,255,255,.98);border:1px solid #e8bfd0;box-shadow:0 12px 30px rgba(74,50,67,.14);color:var(--editorial-text);backdrop-filter:blur(12px)}.site-shell.ref-skin .radio-player small{color:var(--editorial-muted)}.site-shell.ref-skin .radio-player-close{color:var(--editorial-muted)}
.site-shell.ref-skin footer{max-width:none;padding:38px max(24px,calc((100vw - 1180px)/2));background:#fff;border-top:1px solid var(--editorial-line);color:var(--editorial-muted)}.site-shell.ref-skin .footer-brand b{color:var(--editorial-text)}.site-shell.ref-skin .footer-links a{color:var(--editorial-muted)}.site-shell.ref-skin .footer-links a:hover{color:var(--editorial-rose)}.site-shell.ref-skin .bottom-nav{background:rgba(255,255,255,.97);border-color:var(--editorial-line);backdrop-filter:blur(12px)}.site-shell.ref-skin .bottom-nav a{color:var(--editorial-soft)}.site-shell.ref-skin .bottom-nav a.active,.site-shell.ref-skin .bottom-nav a:hover{color:var(--editorial-rose)}.site-shell.ref-skin button,.site-shell.ref-skin a,.site-shell.ref-skin select{cursor:pointer}.site-shell.ref-skin :where(a,button,input,select,textarea):focus-visible{outline:2px solid var(--editorial-focus);outline-offset:3px}
@media(max-width:900px){.site-shell.ref-skin .header-main{padding:0 18px}.site-shell.ref-skin .channel-nav{padding:0 18px}.site-shell.ref-skin .ref-home{padding-inline:18px}.site-shell.ref-skin .promo-banner{padding-inline:30px}.site-shell.ref-skin .explore-body{padding-inline:18px}}
@media(max-width:600px){.site-shell.ref-skin .header-main{height:64px}.site-shell.ref-skin .brand{min-width:auto}.site-shell.ref-skin .brand>span:last-child{display:none}.site-shell.ref-skin .header-actions{gap:9px;font-size:11px}.site-shell.ref-skin .header-actions>a:not(.install-link){display:none}.site-shell.ref-skin .topbar>nav{top:64px;background:#fff;border-color:var(--editorial-line);padding:8px 14px}.site-shell.ref-skin .topbar>nav a{height:44px;border-radius:8px}.site-shell.ref-skin .promo-banner{height:214px;padding:0 22px;border-radius:14px}.site-shell.ref-skin .promo-banner>span{left:18px;top:18px}.site-shell.ref-skin .promo-banner strong{font-size:28px;line-height:1.25}.site-shell.ref-skin .promo-banner strong em{font-size:38px}.site-shell.ref-skin .promo-banner p{font-size:11px;letter-spacing:.04em}.site-shell.ref-skin .promo-banner>b{padding:10px 14px;font-size:11px}.site-shell.ref-skin .home-search,.site-shell.ref-skin .explore-head form{height:52px}.site-shell.ref-skin .hot-searches{gap:10px 14px}.site-shell.ref-skin .shortcut-grid{gap:0;padding:5px}.site-shell.ref-skin .shortcut-grid a{min-width:calc((100% - 18px)/4);padding:10px 4px}.site-shell.ref-skin .shortcut-grid b{width:30px;height:30px}.site-shell.ref-skin .page-section{padding-top:30px}.site-shell.ref-skin .section-title h2{font-size:17px}.site-shell.ref-skin .content-card{padding:6px;border-radius:10px}.site-shell.ref-skin .member-strip{height:auto;min-height:88px;padding:18px 16px}.site-shell.ref-skin .member-strip b{font-size:15px}.site-shell.ref-skin .member-strip a{padding:9px 12px}.site-shell.ref-skin .explore-head{padding:38px 16px 30px}.site-shell.ref-skin .explore-body{padding:22px 16px 86px;gap:18px}.site-shell.ref-skin .explore-body aside{border:0}.site-shell.ref-skin .type-switch{gap:7px}.site-shell.ref-skin .type-switch a{min-height:44px}.site-shell.ref-skin .radio-list a{min-height:64px;padding:14px 4px}.site-shell.ref-skin .radio-list b{font-size:14px}.site-shell.ref-skin .radio-list span{font-size:11px}.site-shell.ref-skin .radio-player{bottom:calc(72px + env(safe-area-inset-bottom));width:calc(100% - 22px);padding:14px 46px 14px 14px;border-radius:14px}.site-shell.ref-skin footer{display:none}}
@media(prefers-reduced-motion:reduce){.site-shell.ref-skin *,.site-shell.ref-skin *:before,.site-shell.ref-skin *:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}}
/* LOCAL PREVIEW v3 responsive fix. */
@media(max-width:600px){.site-shell.ref-skin .topbar>nav{display:none;flex-direction:column;align-items:flex-start;gap:0}.site-shell.ref-skin .topbar>nav.open{display:flex}.site-shell.ref-skin .channel-nav>div{width:100%}.site-shell.ref-skin .channel-nav>div>a{width:100%;justify-content:flex-start;padding-inline:14px}}
.site-shell.ref-skin .brand-url{display:inline-flex;align-items:center;gap:6px;color:var(--editorial-rose);font-size:11px;font-weight:700;letter-spacing:.04em;white-space:nowrap}.site-shell.ref-skin .brand-url:before{content:'主站';color:var(--editorial-muted);font-size:10px;font-weight:500}.site-shell.ref-skin .brand-url:hover{color:#b94170}
@media(max-width:600px){.site-shell.ref-skin .brand-url{font-size:9px}.site-shell.ref-skin .brand-url:before{display:none}}