: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)}.header-search{margin-left:auto;display:flex;align-items:center;width:230px;height:38px;padding:0 12px;border:1px solid var(--line);background:#17161c;border-radius:20px;color:#77717f}.header-search input{border:0;outline:0;background:transparent;color:white;width:100%;padding-left:8px;font-size:12px}.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}
/* 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}.header-search{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:2px;color:#66616c;font-size:8px}.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}}

/* 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}.ref-skin .header-search{position:static;margin:auto;width:465px;height:42px;background:#f7f7f7;border:1px solid #e8e8e8;border-radius:7px;padding:0;color:#777;overflow:hidden}.ref-skin .header-search input{color:#333;font-size:12px;padding:0 12px}.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:275px;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:40px 20px 30px;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{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{grid-template-columns:repeat(8,1fr);gap:12px 8px}.shortcut-grid b{width:42px;height:42px}.promo-banner{height:230px}.promo-banner strong{font-size:30px}.promo-banner strong em{font-size:50px}.ref-skin .explore-body{padding-inline:18px}}
@media(max-width:600px){.ref-skin .topbar{height:auto}.header-main{height:58px;padding:0 13px}.ref-skin .brand-glyph{width:39px;height:37px}.ref-skin .header-search{display:flex;width:auto;flex:1;height:37px}.search-type,.header-actions{display:none}.search-submit{width:40px}.ref-skin .mobile-menu{display:none}.channel-nav{height:43px;display:flex;overflow-x:auto;padding:0}.channel-nav>a,.channel-nav>div{min-width:25%;flex:0 0 25%}.channel-nav>a,.channel-nav>div>a{height:43px;font-size:11px}.channel-nav>div>span{display:none!important}.ref-home{padding:10px 10px 45px}.announcement{height:36px;margin-bottom:9px;padding:0 9px}.announcement>a{display:none}.promo-banner{height:145px;padding:0 20px}.promo-banner>span{left:12px;top:11px;font-size:8px;padding:4px 6px}.promo-banner small{font-size:6px;letter-spacing:1px}.promo-banner strong{font-size:18px;margin:3px 0}.promo-banner strong em{font-size:30px}.promo-banner p{font-size:8px;letter-spacing:2px}.promo-banner>b{padding:7px 10px;font-size:8px}.shortcut-grid{grid-template-columns:repeat(8,1fr);gap:11px 3px;padding:13px 2px;overflow:hidden}.shortcut-grid b{width:35px;height:35px;border-radius:8px;font-size:14px}.shortcut-grid span{font-size:8px}.ref-skin .page-section{padding:23px 0 0}.ref-grid{grid-template-columns:repeat(3,1fr);gap:10px}.ref-skin .content-card:nth-child(n+7){display:none}.ref-skin .cover-art strong{font-size:13px}.ref-skin .section-title{margin-bottom:11px}.member-strip{height:75px;padding:0 18px}.member-strip b{font-size:15px}.member-strip a{padding:8px 12px}.ref-skin footer{display:none}.ref-skin .explore-body{padding:20px 12px}.ref-skin .explore-head{padding:28px 12px 24px}.ref-skin .explore-head h1{font-size:24px}.ref-skin .detail-inner{margin:0 14px}.ref-skin .profile-sidebar{background:#fff}.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 .search-type{white-space:nowrap;min-width:48px}

/* Readability pass */
.ref-skin{font-size:14px}.ref-skin .header-search input{font-size:14px}.ref-skin .search-type{font-size:13px}.ref-skin .header-actions{font-size:13px}.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 .section-title span{font-size:18px}.ref-skin .section-title h2{font-size:20px}.ref-skin .section-title>a{font-size:13px}.ref-skin .card-copy h3{font-size:15px;line-height:1.45}.ref-skin .card-copy p{font-size:12px;line-height:1.5}.ref-skin .card-copy span{font-size:11px}.ref-skin .access-pill{font-size:10px}.ref-skin .result-toolbar b{font-size:20px}.ref-skin .result-toolbar span{font-size:12px}.ref-skin .filter-list button,.ref-skin .filter-chips button{font-size:14px}.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-meta span{font-size:12px}.ref-skin .detail-stats{font-size:13px}.ref-skin .chapter-list b{font-size:14px}.ref-skin .chapter-list small{font-size:11px}.ref-skin .profile-sidebar nav a{font-size:13px}.ref-skin .account-cards p,.ref-skin .account-cards a{font-size:12px}.ref-skin .service-grid a{font-size:12px}.ref-skin footer{font-size:13px}
@media(max-width:600px){.ref-skin .header-search input{font-size:13px}.ref-skin .channel-nav>a,.ref-skin .channel-nav>div>a{font-size:13px}.ref-skin .announcement{font-size:11px}.ref-skin .shortcut-grid a{font-size:10px}.ref-skin .section-title span{font-size:16px}.ref-skin .section-title h2{font-size:18px}.ref-skin .section-title>a{font-size:11px}.ref-skin .card-copy h3{font-size:13px}.ref-skin .card-copy p{font-size:10px}.ref-skin .card-copy span{font-size:9px}.ref-skin .access-pill{font-size:9px}.ref-skin .detail-copy .desc{font-size:13px}.ref-skin .chapter-list b{font-size:13px}}

/* 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 nowrap;gap:8px;overflow-x:auto;overflow-y:hidden;padding:2px 0 8px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .ref-skin .filter-chips::-webkit-scrollbar{display:none}
  .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)}

.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){
 .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{font-size:16px;color:#aaa}.short-feed-top b.active{font-size:18px;color:#fff}.short-feed-top a{color:#fff;text-decoration:none;text-align:center}
.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{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}