:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#1e2938;background:#f4f5f9;font-synthesis:none;--purple:#634de7;--muted:#747b8b}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 8% 60%,#e6e3fb 0,transparent 47%),radial-gradient(ellipse at 98% 0,#fff2e9 0,transparent 45%),#f7f8fb}button,a,input,summary{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;border:0;transition:background .2s,transform .2s}button:disabled{cursor:wait;opacity:.45}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #b6a5ff;outline-offset:4px}button:hover:not(:disabled){transform:translateY(-1px)}[hidden]{display:none!important}.topbar{max-width:1200px;margin:auto;padding:30px 44px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:inherit}.brand-mark{background:#5943d4;color:white;font-weight:700;border-radius:14px;display:grid;place-items:center;width:44px;height:44px}.brand strong{font-size:22px;letter-spacing:2px}.brand strong span{font-size:10px;color:var(--muted);margin-left:10px;letter-spacing:2px}.top-actions{display:flex;gap:16px;align-items:center}.preview,.tag{padding:6px 10px;border-radius:30px;background:#eeeafb;color:#7465a2;font-size:12px}.quiet{background:transparent;color:var(--muted);padding:10px;font-size:14px}.full{width:100%;margin-top:10px}.primary{width:100%;padding:15px 20px;background:var(--purple);color:white;border-radius:12px;font-weight:600}.primary:hover:not(:disabled){background:#513bc7}main{max-width:1120px;min-height:calc(100vh - 205px);margin:auto;display:grid;grid-template-columns:1fr 440px;gap:90px;align-items:center;padding:30px 40px 70px}.eyebrow{font-size:13px;letter-spacing:1.3px;color:#8b849e;margin:0 0 13px}h1{font-size:clamp(44px,5.4vw,67px);font-weight:750;line-height:1.3;letter-spacing:-2px;margin:22px 0}h1 span{color:var(--purple)}.lead{font-size:15px;color:var(--muted);line-height:2}.coming{border-left:2px solid #d0c8ee;padding-left:17px;margin-top:48px}.coming span{font-size:12px;color:#9b94ad}.coming p{font-size:13px;color:#7f7695;line-height:1.8}.account-card{background:#ffffffed;border:1px solid white;border-radius:24px;box-shadow:0 22px 70px #4032600d;padding:34px}.card-heading{display:flex;align-items:center;justify-content:space-between}h2{font-size:25px;margin:0 0 15px;font-weight:650}.status-dot{width:10px;height:10px;border-radius:50%;background:#ccc5dd}.status-dot.online{background:#50ad85}.status-dot.offline{background:#d9a261}.status{font-size:13px;color:#857e94;border-top:1px solid #eeecf3;padding-top:18px;line-height:1.7}.body-copy,.note{font-size:13px;color:var(--muted);line-height:1.9}.note{background:#f8f7fb;padding:14px;border-radius:10px;margin:18px 0 23px;font-size:12px}.protocol{font-size:12px;color:var(--muted);padding:14px 0;line-height:1.8}.protocol summary,.connection summary{cursor:pointer}.consent{display:flex;align-items:center;gap:9px;font-size:12px;line-height:1.8;margin:20px 0}.consent input{accent-color:var(--purple);width:17px;height:17px}.profile{display:flex;align-items:center;gap:13px;margin:24px 0}.avatar{display:grid;place-items:center;width:47px;height:47px;border-radius:16px;color:#7a62d0;background:#efebfa}.profile strong{font-size:15px}.profile p{font-size:12px;color:var(--muted);margin:6px 0 0}.profile .tag{margin-left:auto}dl{margin:0;font-size:12px}dl>div{display:flex;justify-content:space-between;gap:16px;padding:9px 0}dt{color:#9891a2}dd{margin:0;text-align:right;color:#595367}.connection{border-top:1px solid #eeecf3;margin-top:22px;padding-top:19px;font-size:12px;color:#9891a2}.connection dl{padding-top:10px}footer{max-width:1120px;margin:auto;padding:20px 40px 30px;display:flex;justify-content:space-between;font-size:11px;color:#a29bac}
@media(max-width:850px){main{gap:30px;grid-template-columns:1fr;max-width:530px;padding:20px 24px 45px}.topbar{padding:23px 24px}.intro{padding:20px 3px}.intro h1{font-size:43px;line-height:1.25}.intro h1 br{display:none}.intro .lead{font-size:13px}.coming{display:none}.account-card{padding:27px}.top-actions{gap:7px}.desktop{display:none}footer{padding:0 25px 25px}.preview{font-size:10px}.brand strong{font-size:19px}}
.brand strong .brand-title{font-size:inherit;color:inherit;letter-spacing:inherit;margin:0}.language-picker select{font:inherit;color:#595367;padding:7px;border:1px solid #e5e1f0;border-radius:8px;background:#fff}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.navigation{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;background:#f5f3fa;border-radius:12px;padding:5px}.navigation button{border-radius:9px;padding:11px 2px;font-size:12px;color:#7f7695;background:transparent}.navigation button[aria-selected=true]{color:#634de7;background:white;box-shadow:0 2px 10px #4032600d}.empty-state{text-align:center;padding:40px 10px}.empty-state>span{font-size:42px;color:#a193ce}.empty-state h3{font-size:18px;font-weight:600}.empty-state p{font-size:13px;line-height:1.9;color:var(--muted)}
@media(max-width:550px){.topbar{gap:12px;align-items:flex-start}.top-actions{flex-wrap:wrap;justify-content:flex-end;max-width:230px}.top-actions .preview{display:none}.intro h1{font-size:37px}.account-card{padding:23px}.language-picker select{font-size:12px}.top-actions #reload{font-size:12px}.brand strong{white-space:nowrap}.brand-mark{width:35px;height:35px;border-radius:12px}.brand{gap:8px}}
.account-actions{border-top:1px solid #eee8f7;padding:18px 0}.account-actions h3{margin:0}.account-actions button{margin-top:8px}dialog{border:0;border-radius:20px;padding:28px;width:min(92vw,460px);max-height:90vh;box-shadow:0 25px 100px #29203b40;color:inherit}dialog::backdrop{background:#18132680}dialog h2{font-size:22px}dialog p{line-height:1.7}.field{display:grid;gap:8px;margin:20px 0;font-size:14px}.field input{width:100%;border:1px solid #d9d3e5;border-radius:9px;padding:12px;font:inherit}dialog .primary{width:100%;margin-top:16px}.danger{color:#a9233e}.primary.danger{background:#a9233e;color:white}#form-message,#profile-message,#cancel-message{color:#9c2945;font-size:13px}#code-countdown{font-size:12px;color:var(--muted)}#binding-summary{font-size:12px;line-height:1.9}#account-message{font-size:13px;color:#5342a2;line-height:1.8}

.avatar { overflow: hidden; object-fit: cover; }
.avatar img { width: 100%; height: 100%; object-fit: cover; }
#support-account { white-space: pre-wrap; overflow-wrap: anywhere; }
/* 内容页与单路短剧播放器 */
body:has(.content-panel) main { max-width: 1080px; }
.content-panel { text-align:left; margin-top:24px; }
.content-search { display:flex; gap:10px; margin-bottom:16px; }
.content-search input { flex:1; min-width:0; border:1px solid #ddd; border-radius:12px; padding:12px; }
.content-filters { display:flex; flex-wrap:wrap; gap:12px; }
.content-filters label { display:grid; gap:6px; font-size:13px; }
.content-filters select { padding:8px; border-radius:8px; border:1px solid #ddd; background:white; }
.content-chips { display:flex; gap:8px; flex-wrap:wrap; align-items:center; margin:20px 0; }
.content-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(155px,1fr)); gap:16px; margin:20px 0; }
.content-card { border:1px solid #e7e4eb; border-radius:14px; overflow:hidden; padding:0 0 12px; background:#fff; color:#21182b; text-align:left; cursor:pointer; display:flex; flex-direction:column; gap:8px; }
.content-card img { width:100%; aspect-ratio:3/4; object-fit:cover; background:#eee; }
.content-card strong,.content-card span { padding:0 12px; }
.content-card span { font-size:12px; color:#625773; }
.content-card:disabled { opacity:.55; }
.content-paging { display:flex; gap:12px; align-items:center; justify-content:center; }
.content-detail { max-width:800px; width:calc(100% - 32px); max-height:90dvh; }
.content-detail textarea { width:100%; min-height:84px; padding:12px; border-radius:10px; border:1px solid #ddd; }
.episode-grid { display:grid; grid-template-columns:repeat(auto-fill,minmax(135px,1fr)); gap:8px; margin:20px 0; max-height:300px; overflow:auto; }
.episode-grid button { font-size:12px; }
#directory-jump { display:flex; gap:8px; } #directory-index { width:150px; padding:8px; }
.content-comment { border-bottom:1px solid #eee; padding:16px 0; } .content-comment p { white-space:pre-wrap; word-break:break-word; }
.content-player { width:min(900px,calc(100vw - 16px)); max-width:none; max-height:98dvh; padding:12px; color:white; background:#11131a; border:1px solid #282d3c; }
#play-surface { background:#11131a; color:white; overflow:auto; }
#play-surface:fullscreen { padding:20px; display:flex; flex-direction:column; align-items:stretch; }
.play-top { display:flex; align-items:center; gap:16px; } .play-top p { margin:4px 0; }
#content-video { display:block; width:100%; height:min(58dvh,650px); background:black; object-fit:contain; touch-action:none; user-select:none; -webkit-touch-callout:none; }
#play-surface:fullscreen #content-video { height:72vh; }
.play-controls { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.play-controls .quiet,.play-top .quiet { color:white; border:1px solid #596077; }
.play-controls select { padding:6px; margin-left:6px; }
.seek-label { display:grid; gap:8px; margin-top:16px; } #play-seek { width:100%; }
#play-status { min-height:24px; color:#e1d4ff; }
@media(max-width:600px) { .content-grid {grid-template-columns:repeat(2,minmax(0,1fr));} .play-controls button {font-size:12px;padding:8px;} .content-player {padding:8px;} }

/* UI复用批次：沿旧App紫色/浅渐变/封面卡片；原DOM及业务事件继续使用。 */
:root{--purple:#9943f3;--muted:#787582}
.primary:hover:not(:disabled){background:#8030d6}
.brand-mark{background:var(--purple)}
.content-ready main{display:block;max-width:1120px;padding:10px 28px 40px;min-height:calc(100vh - 200px)}
.content-ready .intro,.content-ready .card-heading,.content-ready #status{display:none}
.content-ready .account-card{padding:24px 28px;border-radius:20px;box-shadow:0 12px 50px #40326008}
.content-ready .navigation{max-width:540px;margin:0 auto 28px}
.navigation button[aria-selected=true]{color:var(--purple)}
.content-panel h2{font-size:23px}.content-panel h3{font-size:18px;margin:24px 0 14px}
.content-search .primary{width:auto;min-width:80px;padding:10px 18px}
.content-search input{font:inherit;background:#faf8fc;border-color:#e9e1f1}
.content-filters{padding:14px;background:#faf8fc;border-radius:12px;gap:14px}
.content-filters label{flex:1;min-width:125px;color:var(--muted)}
.content-filters select{width:100%;max-width:100%;font:inherit;font-size:13px;border-color:#e9e1f1}
.content-chips{gap:8px;margin:16px 0}.content-chips button{background:#f4edf9;border-radius:8px;color:#7335aa;padding:8px 12px;font-size:12px}
.content-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));align-items:start;gap:18px}
.content-card{border:0;background:#fff;gap:8px;border-radius:10px;box-shadow:none}
.content-card strong{font-size:14px;line-height:1.5;font-weight:600;padding:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.content-card>span:not(.content-cover){font-size:11px;color:#84798e;padding:0}
.content-cover,.detail-cover{display:block;aspect-ratio:3/4;position:relative;background:#f0eaf8;border-radius:10px;overflow:hidden;padding:0!important;width:100%}
.content-cover:empty::after,.detail-cover:empty::after{content:'▷';position:absolute;inset:0;display:grid;place-items:center;font-size:36px;color:#b6a3cd}
.content-card img,.detail-cover img{display:block;width:100%;height:100%;aspect-ratio:3/4;object-fit:cover}
#content-recommended{display:flex;gap:16px;overflow-x:auto;padding-bottom:8px}
#content-recommended .content-card{flex:0 0 144px}
#recommended-heading:has(+ #content-recommended:empty){display:none}
.detail-heading{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;margin:14px 0 22px;align-items:start}
.detail-heading h2{font-size:23px;line-height:1.5;overflow-wrap:anywhere}
#detail-state{font-size:12px;color:#7335aa;line-height:1.8}
#detail-description{font-size:14px;line-height:1.85;color:var(--muted);white-space:pre-wrap;overflow-wrap:anywhere}
#detail-close{display:block;margin-left:auto}
#detail-favorite{margin:12px 0;border:1px solid #e9e1f1;border-radius:10px;color:var(--purple)}
.directory-hint{font-size:12px;color:var(--muted);line-height:1.6}
.episode-grid{grid-template-columns:repeat(3,minmax(0,1fr));max-height:330px;gap:10px}
.episode-grid button{border:1px solid #e9e1f1;background:#faf8fc;border-radius:10px;text-align:left;white-space:normal;overflow-wrap:anywhere;line-height:1.7;padding:12px}
.episode-grid button[data-access=locked]{color:#8e718f}.episode-grid button[data-access=unpublished]{color:#969099}
.content-detail{padding:24px;scrollbar-gutter:stable}
#content-comment-form .primary{width:auto;margin:12px 0}.content-comment{font-size:14px}
.content-player{border-radius:14px}.play-top{padding:4px 0 10px}.play-top strong{font-size:15px}.play-top p{font-size:12px;color:#b7b2c0}
#play-status{font-size:12px;line-height:1.7}.play-controls .primary{width:auto;min-width:85px;padding:10px 14px}
.play-controls button,.play-controls select{border-radius:8px;font-size:13px}.seek-label{font-size:12px}
.content-ready #connection-details{margin-top:30px}.content-ready .account-details{max-width:640px}.content-ready #user-panel{max-width:640px;margin:auto}
@media(max-width:600px){
  .content-ready main{padding:6px 12px 24px}.content-ready .account-card{padding:18px 14px;border-radius:14px}
  .content-ready .topbar{padding:18px 18px}.content-ready .navigation{margin-bottom:20px}
  .content-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px}
  .content-filters{gap:12px;padding:12px}.content-filters label{min-width:calc(50% - 12px);max-width:100%}
  #content-recommended .content-card{flex-basis:124px}.content-detail{padding:16px;width:calc(100% - 20px);max-height:94dvh}
  .detail-heading{grid-template-columns:90px minmax(0,1fr);gap:14px}.detail-heading h2{font-size:19px}
  .episode-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.content-paging{gap:4px;flex-wrap:wrap}
  #directory-index{min-width:0;width:100%}#directory-jump{align-items:center}
  #content-video{height:60dvh}.content-player{max-height:98dvh}.play-top{gap:8px}
}

/* P1/P2：复用原生个人中心素材，账号页同样参与本轮UI整理。 */
.brand-mark{background:var(--purple) url('/assets/brand-logo.png') center/cover;font-size:0}
.account-topline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}
.account-topline h2{margin:0}.account-topline .quiet{font-size:12px}
.account-hero{padding:24px 18px;border-radius:16px;margin:12px 0 22px;background:#f7f2ff url('/assets/account-bg.png') top center/cover;gap:16px}
.account-hero .avatar{width:68px;height:68px;border-radius:50%;border:3px solid #fff;flex-shrink:0;position:relative}
#avatar-empty{display:block;width:100%;height:100%;background:#ece5f6 url('/assets/default-avatar.png') center/cover}
.profile-identity{flex:1;min-width:0}.profile-identity strong{font-size:21px;line-height:1.5;overflow-wrap:anywhere}
.profile-identity p{font-size:12px;margin:4px 0 10px}.profile-identity .tag{margin:0;font-size:11px;display:inline-block}
.profile-edit{font-size:12px;color:#7335aa;align-self:flex-start;flex-shrink:0;padding:6px}
.wallet-banner{display:block;width:100%;border-radius:16px;padding:20px;background:#8364ff url('/assets/wallet-bg.png') center/100% 100%;text-align:left;color:#fff}
.wallet-banner>strong{display:block;font-size:17px}.wallet-banner>small{display:block;color:#fff;opacity:.8;font-size:11px;margin-top:16px}
.wallet-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:15px}.wallet-columns>span{display:grid;gap:5px;font-size:12px}.wallet-columns b{font-size:28px}
.account-group{margin-top:22px;padding:18px;border:1px solid #eee6f6;border-radius:14px;background:#fff}.account-group h3{font-size:16px;margin:0 0 12px}
.account-group .body-copy{font-size:12px;line-height:1.75}.account-button-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.account-button-row button{width:auto;flex:1;min-width:150px;font-size:13px;padding:12px;border-radius:10px}
.account-button-row .quiet{border:1px solid #eee6f6;background:#faf8fd}.account-button-row .danger{border-color:#f1dfe5;background:#fff8f9}
.menu-button{width:100%;padding:12px 0;font-size:14px;background:transparent;text-align:left;color:#423748}.menu-button::after{content:'›';float:right;color:#a092ad}
.account-settings{margin-top:6px;border-top:1px solid #f2eef6;font-size:14px}.account-settings p{font-size:12px;line-height:1.8;color:var(--muted)}
#binding-summary{font-size:12px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}
#user-panel .account-details{margin:12px 0}.connection dd{overflow-wrap:anywhere}
#profile-dialog .avatar{display:block;margin:12px auto;width:68px;height:68px;border-radius:50%}
#profile-form,#account-form{display:flex;flex-direction:column}#profile-form select{font:inherit;border:1px solid #d9d3e5;border-radius:9px;padding:12px;background:#fff}
#account-dialog,#profile-dialog,#support-dialog,#wallet-dialog,#cancel-dialog{background:#fcfaff;scrollbar-gutter:stable}
#account-form>.quiet{border:1px solid #eee6f6;border-radius:10px;margin-top:8px}#account-form>.quiet:disabled{background:#f2eff5}
#wallet-dialog dl{background:#fff;padding:12px 16px;border-radius:12px;margin:16px 0}#support-account{padding:16px;background:#fff;border-radius:12px;font:inherit;font-size:12px;line-height:1.8}
#benefits-panel{border:1px solid #eee6f6;background:#fcfaff;border-radius:16px;margin:24px auto;max-width:640px;padding:48px 20px}.benefits-symbol{display:inline-grid;place-items:center;background:#efe4fc;border-radius:20px;width:78px;height:78px;color:#9943f3!important}
@media(max-width:600px){.account-hero{padding:18px 12px;gap:12px;flex-wrap:wrap}.account-hero .avatar{width:60px;height:60px}.profile-identity strong{font-size:19px}.profile-edit{margin-left:auto}.account-group{padding:14px}.account-button-row button{min-width:120px}.account-topline h2{font-size:21px}.wallet-banner{padding:18px}}
/* P4 基础购买与钱包，沿用现有紫色按钮和白底面板。 */
.rights-purchase { width: min(92vw, 480px); }
.rights-switch { display: flex; gap: 12px; align-items: center; margin: 18px 0; line-height: 1.6; }
.rights-switch input { width: 20px; height: 20px; flex-shrink: 0; accent-color: #8364ff; }
.rights-entry { padding: 12px 0; border-bottom: 1px solid #eee; font-size: 13px; overflow-wrap: anywhere; }
/* P5 支付页面继续使用共享颜色和面板。 */
.payments-tabs { display: flex; gap: 8px; flex-wrap: wrap; margin: 16px 0; }
.payments-tabs button { flex: 1 1 110px; border: 1px solid #eee6f6; border-radius: 10px; padding: 10px; }
.payments-tabs button[aria-pressed="true"] { color: #7233b5; background: #f1e7fc; }
.payments-product { padding: 16px; margin: 14px 0; border: 1px solid #eee6f6; border-radius: 12px; }
.payments-product h3 { margin-top: 0; }
#payments-dialog { overflow-wrap: anywhere; }

/* Shared P6 benefits layout. */
.marketing-benefits{padding:24px;max-width:900px;margin:auto}.marketing-days{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.marketing-day{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:12px;background:#f3f3f3;min-width:94px}.marketing-day.current{background:#ffe9dd}.marketing-benefits>button{margin:8px 12px 8px 0}

.marketing-landing{max-width:850px;margin:10px auto 24px;padding:24px}#p6-share-dialog{max-width:640px}#p6-share-dialog input{width:100%;padding:10px;margin:16px 0}

/* P6 operating displays remain within the existing content and payment surfaces. */
.p6-display{max-width:min(560px,92vw);max-height:85vh;overflow:auto;padding:26px;border:1px solid #e8e1fa;border-radius:20px}.p6-display::backdrop{background:#1c133666}.p6-display>img{display:block;width:100%;max-height:300px;object-fit:contain}.p6-display>p{white-space:pre-wrap;line-height:1.6}.p6-display .p6-close-icon{position:absolute;right:8px;top:6px;font-size:26px}.p6-display>.primary{margin-top:10px}.p6-banner:empty{display:none}.p6-banner{border:1px solid #e8e1fa;border-radius:14px;background:#faf8ff;padding:16px;margin:14px 0}.p6-banner>img{width:100%;height:140px;object-fit:cover;border-radius:8px}.p6-banner>h3{margin:10px 0 6px}.p6-banner>p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.5}

.p6-inbox{width:min(680px,94vw);max-height:86vh;overflow:auto;padding:24px;border:1px solid #e8e1fa;border-radius:18px}.p6-inbox::backdrop{background:#1c133655}.p6-preference{display:flex;gap:12px;padding:12px 0}.p6-message{padding:16px 0;border-bottom:1px solid #eee}.p6-message-title{display:block;background:transparent;text-align:left;font-weight:600;padding:8px 0}.p6-message>small{display:block;color:#81778f}.p6-message>p{white-space:pre-wrap}
.p6-startup-loading{position:fixed;inset:0;z-index:50;display:grid;place-items:center;background:rgba(0,0,0,.35);color:white;font-size:1.1rem;}