:root{
  --bg:#09090b;--bg2:#0d0d10;--panel:#111114;--panel2:#151519;--panel3:#1a1a1f;
  --text:#f7f7f8;--muted:#8f9099;--muted2:#b9bac1;--line:rgba(255,255,255,.085);
  --red:#ee2530;--red2:#ff4b55;--red-soft:rgba(238,37,48,.12);--green:#53d6a2;--blue:#78a7ff;--danger:#ff6370;
  --shadow:0 26px 80px rgba(0,0,0,.42);--radius:20px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:radial-gradient(circle at 72% -10%,rgba(238,37,48,.08),transparent 22%),var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif;letter-spacing:.01em}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{color:inherit}.muted{color:var(--muted)!important}.center{text-align:center}.grow{flex:1}.full{width:100%}.tiny{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace}

/* shell */
.shell{min-height:100vh;display:grid;grid-template-columns:238px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:rgba(9,9,11,.94);backdrop-filter:blur(18px);padding:20px 14px;display:flex;flex-direction:column;z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:5px 7px 20px}.logo-shell{width:54px;height:42px;border-radius:10px;background:#fff;display:grid;place-items:center;overflow:hidden;flex:none}.logo-shell img{width:100%;height:100%;object-fit:cover}.brand-copy{min-width:0}.brand-copy b{display:block;font-size:15px;letter-spacing:.04em}.brand-copy small{display:block;margin-top:3px;font-size:10px;color:#777983;white-space:nowrap}.sidebar nav{display:grid;gap:4px;margin-top:14px}.nav-item{height:44px;padding:0 12px;border-radius:11px;display:flex;align-items:center;gap:11px;color:#9b9ca5;font-size:13px;position:relative;transition:.18s ease}.nav-item:hover{background:#151519;color:white;transform:translateX(2px)}.nav-icon{width:20px;text-align:center;font-size:15px;color:#73757e}.nav-item:hover .nav-icon{color:white}.plan-nav{margin-top:10px;border:1px solid rgba(238,37,48,.18);background:linear-gradient(90deg,rgba(238,37,48,.06),transparent)}.plan-nav em{margin-left:auto;background:var(--red);color:#fff;border-radius:999px;padding:2px 6px;font-size:9px;font-style:normal}.side-foot{margin-top:auto;border-top:1px solid var(--line);padding-top:13px;display:grid;gap:9px}.engine-line{display:flex;align-items:center;gap:7px;font-size:10px;color:#72747c;padding:0 8px}.engine-dot,.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 14px rgba(83,214,162,.65);flex:none}
.main{min-width:0}.topbar{height:64px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 30px;position:sticky;top:0;background:rgba(9,9,11,.82);backdrop-filter:blur(18px);z-index:15}.topbar-left{display:flex;align-items:center;gap:9px;font-size:10px;color:#71737c;letter-spacing:.16em}.topbar-actions{display:flex;align-items:center;gap:10px}.top-upgrade{font-size:12px;background:var(--red-soft);border:1px solid rgba(238,37,48,.22);color:#ff8a91;padding:8px 12px;border-radius:999px}.user-pill{border:1px solid var(--line);background:#111114;color:#aaaab1;border-radius:999px;padding:8px 12px;font-size:11px}.content{max-width:1480px;margin:0 auto;padding:32px 36px 64px}

/* common */
.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#8d8e96;font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow.red{color:#ff6f77}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin:6px 0 24px}.page-head h1{font-size:34px;line-height:1.15;margin:9px 0 9px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);line-height:1.75;max-width:850px;font-size:13px}.premium-page-head{padding-bottom:20px;border-bottom:1px solid var(--line)}
.card{border:1px solid var(--line);background:linear-gradient(180deg,rgba(20,20,24,.92),rgba(14,14,17,.92));border-radius:var(--radius);padding:22px;margin-bottom:18px}.card.elevated{box-shadow:0 18px 54px rgba(0,0,0,.18)}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.card-head h3{font-size:16px;margin:2px 0 5px}.card-head p{font-size:12px;color:var(--muted);margin:0;line-height:1.65}.card-head>a{color:#d7d7dc;font-size:11px}.section-index{display:inline-block;color:var(--red);font-size:10px;letter-spacing:.16em;margin-bottom:5px}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}.stat-grid.five{grid-template-columns:repeat(5,1fr)}.stat{border:1px solid var(--line);background:#101013;border-radius:16px;padding:17px 18px;min-height:112px}.stat>span{display:block;color:#777981;font-size:10px;letter-spacing:.05em}.stat>b{display:block;font-size:29px;margin-top:10px;letter-spacing:-.04em}.stat>small{display:block;margin-top:4px;color:#62646c;font-size:10px}.premium-stats .stat{background:linear-gradient(145deg,#111114,#0d0d10)}
.button,button{border:0;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:11px;padding:10px 14px;font-weight:650;font-size:12px;transition:.18s ease}.button:hover,button:hover{transform:translateY(-1px)}.primary{background:linear-gradient(135deg,var(--red),#c91722);color:white;box-shadow:0 9px 26px rgba(238,37,48,.17)}.primary:hover{filter:brightness(1.08)}.ghost{background:#151519;border:1px solid var(--line);color:#d0d0d5}.ghost:hover{background:#1a1a1f}.small{padding:8px 10px;font-size:10px}.xl{padding:13px 18px;border-radius:13px;font-size:13px}.light-button{display:inline-flex;align-items:center;justify-content:center;background:#f6f6f7;color:#0c0c0e;border-radius:12px;padding:11px 16px;font-weight:800;font-size:12px;border:0;cursor:pointer}.danger-button{border:1px solid rgba(255,99,112,.28);background:rgba(255,99,112,.08);color:#ff8c95;border-radius:10px;cursor:pointer}.action-row{display:flex;gap:9px;flex-wrap:wrap}.action-row form{margin:0}.alert{padding:13px 15px;border:1px solid rgba(255,99,112,.28);background:rgba(255,99,112,.08);color:#ff9da5;border-radius:12px;margin:12px 0 18px;font-size:12px}.alert.success{border-color:rgba(83,214,162,.28);background:rgba(83,214,162,.08);color:#8ee2bf}.empty{padding:26px 12px;text-align:center;color:#676970;font-size:12px}.empty.large{padding:48px 18px}.chip{display:inline-flex;align-items:center;border:1px solid var(--line);background:#17171b;color:#aeafb5;border-radius:999px;padding:5px 8px;font-size:9px}.status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#17171b;border:1px solid var(--line);color:#a7a8af;font-size:9px;text-transform:uppercase}.status.completed,.status.active,.status.test_ok{border-color:rgba(83,214,162,.25);color:#73d9b0;background:rgba(83,214,162,.06)}.status.running,.status.queued,.status.pending{border-color:rgba(120,167,255,.22);color:#91b7ff;background:rgba(120,167,255,.06)}.status.failed{border-color:rgba(255,99,112,.3);color:#ff8993;background:rgba(255,99,112,.06)}

/* dashboard */
.dashboard-hero{min-height:390px;border:1px solid var(--line);background:radial-gradient(circle at 14% 10%,rgba(238,37,48,.13),transparent 30%),linear-gradient(135deg,#121216,#0b0b0d 65%);border-radius:28px;padding:48px;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center;margin-bottom:18px;overflow:hidden;position:relative}.dashboard-hero:after{content:"";position:absolute;right:-140px;top:-140px;width:370px;height:370px;border:1px solid rgba(255,255,255,.04);border-radius:50%;box-shadow:0 0 0 45px rgba(255,255,255,.012),0 0 0 90px rgba(255,255,255,.009)}.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:48px;line-height:1.08;letter-spacing:-.055em;margin:13px 0 17px}.hero-copy p{color:#92939b;line-height:1.85;max-width:680px;font-size:14px}.hero-actions{display:flex;gap:10px;margin-top:25px}.hero-console{position:relative;z-index:1;border:1px solid var(--line);background:rgba(9,9,11,.72);border-radius:18px;padding:14px;box-shadow:var(--shadow)}.console-head{display:flex;align-items:center;gap:5px;border-bottom:1px solid var(--line);padding:1px 2px 12px}.console-head span{width:7px;height:7px;border-radius:50%;background:#33343a}.console-head span:first-child{background:#e8525c}.console-head b{margin-left:auto;font-size:8px;letter-spacing:.18em;color:#55575f}.console-line{display:grid;grid-template-columns:28px 1fr auto;gap:9px;align-items:center;padding:14px 7px;border-bottom:1px solid rgba(255,255,255,.045)}.console-line:last-child{border:0}.console-line i{font-style:normal;color:#55575e;font-size:10px}.console-line b{display:block;font-size:12px}.console-line small{display:block;color:#666871;font-size:9px;margin-top:4px}.console-line em{font-style:normal;color:#686a72;font-size:8px;letter-spacing:.13em}.console-line.active em{color:#ff6e76}.offer-strip{border:1px solid rgba(238,37,48,.2);background:linear-gradient(90deg,rgba(238,37,48,.10),rgba(238,37,48,.025) 55%,#111114);border-radius:17px;padding:14px 18px;margin-bottom:18px;display:flex;align-items:center;gap:14px}.offer-strip>div{display:flex;align-items:baseline;gap:9px}.offer-strip b{font-size:12px}.offer-strip del{color:#696a71;font-size:10px}.offer-strip strong{color:#fff;font-size:22px}.offer-strip small{color:#85868d}.sale-tag{background:var(--red);border-radius:6px;padding:4px 6px;font-size:8px;color:white;font-weight:800}.offer-divider{height:28px;width:1px!important;background:var(--line);margin:0 5px}.offer-strip .light-button{margin-left:auto}.company-list{display:grid;gap:4px}.company-row{display:flex;align-items:center;gap:10px;padding:12px 7px;border-top:1px solid rgba(255,255,255,.045)}.company-row:first-child{border-top:0}.avatar{width:38px;height:38px;border-radius:11px;background:linear-gradient(145deg,#2a2a30,#16161a);display:grid;place-items:center;font-size:13px;font-weight:800;border:1px solid var(--line)}.company-row b{font-size:12px}.company-row small{display:block;color:#74767e;font-size:10px;margin-top:3px}.task-row{display:flex;justify-content:space-between;align-items:center;padding:14px 7px;border-top:1px solid rgba(255,255,255,.045)}.task-row:first-of-type{border-top:0}.task-row b{font-size:12px}.task-row small{display:block;color:#74767e;font-size:10px;margin-top:3px}

/* forms & merchant assets */
.form-card{padding:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label,.auth-card label,.reference-upload label,.mapping-grid label{color:#8c8d95;font-size:10px}.span2{grid-column:span 2}input,textarea,select{width:100%;margin-top:7px;background:#0b0b0e;border:1px solid var(--line);color:#f5f5f6;border-radius:11px;padding:11px 12px;outline:none;transition:.17s}input:focus,textarea:focus,select:focus{border-color:rgba(238,37,48,.5);box-shadow:0 0 0 3px rgba(238,37,48,.07)}textarea{resize:vertical}.form-actions{margin-top:18px;display:flex;justify-content:flex-end}.onboarding-tip{border-style:dashed}.onboarding-tip b{color:#f4f4f5}.onboarding-tip p{color:var(--muted);margin-bottom:0;line-height:1.7}.reference-upload{display:grid;grid-template-columns:220px 1fr;gap:14px 16px;padding:18px;border:1px dashed var(--line);border-radius:15px;background:#0b0b0e}.upload-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.asset-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px}.asset-card{overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#0d0d10}.asset-card.asset-primary{border-color:rgba(238,37,48,.58);box-shadow:0 0 0 1px rgba(238,37,48,.08)}.asset-preview{height:190px;position:relative;background:#070709;display:grid;place-items:center;overflow:hidden}.asset-preview img,.asset-preview video{width:100%;height:100%;object-fit:cover}.primary-badge{position:absolute;left:9px;top:9px;padding:6px 8px;border-radius:999px;background:rgba(9,9,11,.88);border:1px solid rgba(238,37,48,.55);color:#ff7a82;font-size:9px;font-weight:800}.file-placeholder{font-size:24px;font-weight:900;color:#44454d}.asset-info{padding:12px}.asset-info>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:11px}.asset-info small{display:block;color:#6f7179;margin:5px 0 11px;font-size:9px}.asset-actions{display:flex;gap:6px;flex-wrap:wrap}.asset-actions form{margin:0}.next-step-card{display:flex;align-items:center;justify-content:space-between;gap:20px}.next-step-card h3{margin:6px 0}.next-step-card p{color:var(--muted);margin:0}.path-row{display:grid;grid-template-columns:110px 1fr;gap:15px;padding:12px 0;border-top:1px solid var(--line);font-size:11px}.path-row:first-of-type{border-top:0}.path-row span{color:var(--muted)}.path-row code{color:#c7c7cc;word-break:break-all}.merchant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.merchant-card{border:1px solid var(--line);border-radius:16px;background:#0d0d10;padding:16px}.merchant-top{display:flex;gap:11px;align-items:center}.merchant-top h3{margin:0;font-size:13px}.merchant-top p{margin:4px 0 0;color:var(--muted);font-size:10px}.large-avatar{width:48px;height:48px}.merchant-meta{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:15px 0}.merchant-meta span{border:1px solid var(--line);border-radius:9px;padding:8px;color:var(--muted);font-size:9px}.merchant-meta b{display:block;color:white;margin-top:3px}.merchant-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}

/* topics / scripts / tasks */
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.topic-card{background:linear-gradient(145deg,#121216,#0d0d10);border:1px solid var(--line);padding:18px;border-radius:17px;min-height:235px;display:flex;flex-direction:column;transition:.18s}.topic-card:hover{border-color:rgba(255,255,255,.15);transform:translateY(-2px)}.topic-top{display:flex;justify-content:space-between;align-items:center}.score{font-size:21px;color:#e5e5e7}.topic-card h3{font-size:16px;line-height:1.55;margin:16px 0 8px}.topic-card p{color:var(--muted);line-height:1.65;font-size:11px}.topic-foot{margin-top:auto;display:grid;gap:8px}.topic-foot-top{display:flex;align-items:center;justify-content:space-between}.mode-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px}.mode-actions form{margin:0}.mode-actions button{width:100%;padding:9px 7px}.short-mode{border-color:rgba(238,37,48,.25)!important;color:#ff8b92!important}.script-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:17px}.script-summary>div{border:1px solid var(--line);background:#101013;padding:15px;border-radius:13px}.script-summary span{font-size:9px;color:#ff777f;letter-spacing:.08em}.script-summary p{line-height:1.65;color:#b8b9c0;font-size:11px}.timeline{display:grid;gap:9px}.shot{display:grid;grid-template-columns:65px 1fr 92px;gap:14px;align-items:start;border:1px solid var(--line);background:#101013;padding:15px;border-radius:14px}.shot-no{display:grid;place-items:center;border-right:1px solid var(--line);padding-right:14px}.shot-no b{font-size:20px}.shot-no small{color:var(--muted);font-size:9px}.shot-body h3{margin:0 0 7px;font-size:12px}.dialogue{color:#e6e6e8;margin:7px 0;font-size:11px}.shot-meta{display:grid;gap:5px;color:var(--muted);font-size:10px;line-height:1.55}.compact .shot{padding:12px}.progress-card{padding:20px;margin-bottom:15px;border:1px solid var(--line);background:#101013;border-radius:16px}.progress-top{display:flex;justify-content:space-between;font-size:11px}.bar{height:7px;background:#08080a;border-radius:999px;margin:11px 0;overflow:hidden}.bar i{display:block;height:100%;background:linear-gradient(90deg,var(--red),#ff666f);border-radius:999px}.progress-card p{margin:0;color:var(--muted);font-size:10px}.task-pipeline{display:flex;align-items:center;justify-content:center;gap:10px;border:1px dashed var(--line);border-radius:13px;padding:13px;margin-bottom:15px;color:#898a92;font-size:10px}.task-pipeline i{color:#414249}.video-link{display:inline-flex;width:max-content;color:#ff777f;margin-top:4px}.clip{max-width:520px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* local engines */
.compute-state{font-size:18px!important}.compute-state.online{color:var(--green)}.compute-state.offline{color:var(--danger)}.small-value{font-size:13px!important;line-height:1.45;word-break:break-all}.inline-fields{display:grid;grid-template-columns:1fr 1fr;gap:7px}.mapping-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px 12px}.soft{border:0;border-top:1px solid var(--line);margin:20px 0}.workflow-upload{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center}.workflow-upload input{margin:0}.howto{margin-top:16px;padding:15px;border:1px dashed var(--line);border-radius:13px;color:#a4a5ac;line-height:1.75;font-size:11px}.howto ol{margin:7px 0 0 20px;padding:0}.detected{margin-top:14px}.detected pre{white-space:pre-wrap;background:#08080a;border:1px solid var(--line);padding:11px;border-radius:9px;color:#bdbdc3;font-size:10px}.engine-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:18px}.engine-card{border:1px solid var(--line);background:#101013;border-radius:15px;padding:16px}.engine-card span{display:block;color:#74757d;font-size:9px}.engine-card b{display:block;margin-top:8px;font-size:17px}.workflow-card{overflow:hidden}.flow-stack{display:grid;gap:8px;margin-top:10px}.flow-stack>div{display:grid;grid-template-columns:30px 1fr;gap:4px 10px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px;background:#0c0c0f}.flow-stack i{grid-row:span 2;width:28px;height:28px;border-radius:9px;background:var(--red-soft);color:#ff777f;display:grid;place-items:center;font-style:normal;font-size:10px;font-weight:800}.flow-stack b{font-size:11px}.flow-stack span{font-size:9px;color:#70727a}.flow-stack em{text-align:center;color:#3e3f45;font-style:normal}.tip-box{margin-top:14px;border:1px dashed var(--line);border-radius:12px;padding:13px;color:#85868e;font-size:10px;line-height:1.7}

/* pricing */
.plan-status{border:1px solid var(--line);background:#111114;border-radius:13px;padding:10px 14px;text-align:right}.plan-status span{display:block;font-size:9px;color:#73747c}.plan-status b{display:block;margin-top:3px;font-size:13px}.pricing-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:22px 0}.price-card{position:relative;border:1px solid var(--line);border-radius:24px;background:linear-gradient(160deg,#151519,#0c0c0f);padding:31px;overflow:hidden}.price-card.featured{border-color:rgba(238,37,48,.36);background:radial-gradient(circle at 90% 0,rgba(238,37,48,.15),transparent 32%),linear-gradient(160deg,#171719,#0c0c0f)}.vip-card{background:radial-gradient(circle at 90% 0,rgba(255,255,255,.07),transparent 28%),linear-gradient(160deg,#17171a,#0c0c0f)}.price-ribbon{position:absolute;right:20px;top:20px;background:var(--red);padding:5px 8px;border-radius:999px;font-size:9px;font-weight:800}.plan-kicker{color:#777981;font-size:9px;letter-spacing:.16em;font-weight:800}.price-card h2{font-size:24px;margin:10px 0 8px}.price-card>p{color:#85868e;font-size:11px;line-height:1.7;min-height:38px}.price-line{display:flex;align-items:baseline;gap:9px;margin:25px 0 14px}.price-line del{color:#65666e;font-size:12px}.price-line strong{font-size:48px;letter-spacing:-.055em}.price-line strong i{font-style:normal;font-size:18px;margin-right:2px}.price-line span{color:#7b7d85;font-size:10px}.plan-feature{display:flex;align-items:baseline;gap:8px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.plan-feature b{font-size:28px}.plan-feature span{color:#7e8088;font-size:10px}.price-card ul{padding:0;margin:18px 0 24px;list-style:none;display:grid;gap:10px}.price-card li{font-size:11px;color:#aaaab1}.price-card li:before{content:"✓";color:#ff747d;margin-right:9px}.order-card{margin-top:5px}

/* tables */
.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);font-size:10px}th{color:#6f7078;font-weight:500;letter-spacing:.04em}td{color:#b9bac0}

/* auth */
.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:32px;background:#09090b;position:relative;overflow:hidden}.auth-glow{position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.glow-a{width:650px;height:650px;left:-300px;top:-300px;background:radial-gradient(circle,rgba(238,37,48,.18),transparent 64%)}.glow-b{width:520px;height:520px;right:-240px;bottom:-260px;background:radial-gradient(circle,rgba(95,84,255,.08),transparent 66%)}.auth-panel{position:relative;z-index:1;width:min(1180px,100%);display:grid;grid-template-columns:1.1fr .72fr;gap:90px;align-items:center}.auth-logo{width:230px;height:60px;border-radius:12px;background:white;overflow:hidden;margin-bottom:32px}.auth-logo img{width:100%;height:100%;object-fit:cover}.auth-copy h1{font-size:55px;line-height:1.08;letter-spacing:-.06em;margin:15px 0 18px}.auth-copy h1 span{color:#8b8c94}.auth-copy>p{max-width:630px;color:#8f9098;font-size:14px;line-height:1.9}.metric-row{display:flex;gap:36px;margin-top:28px}.metric-row b{display:block;font-size:25px;letter-spacing:-.04em}.metric-row span{color:#686a72;font-size:9px}.auth-offer{display:flex;align-items:baseline;gap:10px;margin-top:34px;border-top:1px solid var(--line);padding-top:19px}.auth-offer span{background:var(--red);border-radius:6px;padding:4px 6px;font-size:8px;font-weight:800}.auth-offer b{font-size:11px}.auth-offer strong{font-size:23px}.auth-offer del{font-size:9px;color:#5f6068}.auth-card{border:1px solid var(--line);border-radius:24px;padding:32px;background:rgba(17,17,20,.86);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.auth-card.standalone{width:min(460px,100%)}.login-kicker{font-size:9px;letter-spacing:.18em;color:#666870}.auth-card h2{margin:7px 0 6px;font-size:26px}.auth-card label{display:block;margin:15px 0}.auth-card .primary{margin-top:8px}.auth-card a{color:#ff777f}.auth-divider{display:flex;align-items:center;gap:12px;color:#505159;font-size:9px;margin:18px 0}.auth-divider:before,.auth-divider:after{content:"";height:1px;background:var(--line);flex:1}

@media(max-width:1180px){.shell{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:18px 10px}.brand-copy,.nav-item>span:not(.nav-icon),.plan-nav em,.side-foot .engine-line{display:none}.brand{justify-content:center;padding-left:0;padding-right:0}.logo-shell{width:48px;height:38px}.nav-item{justify-content:center}.dashboard-hero{grid-template-columns:1fr;padding:38px}.hero-console{display:none}.asset-grid{grid-template-columns:repeat(3,1fr)}.merchant-grid,.topic-grid{grid-template-columns:1fr 1fr}.auth-panel{gap:50px}.stat-grid.five{grid-template-columns:repeat(3,1fr)}}
@media(max-width:820px){.content{padding:22px 16px 45px}.topbar{padding:0 16px}.user-pill{display:none}.dashboard-hero{padding:27px;min-height:auto}.hero-copy h1{font-size:37px}.hero-actions,.page-head{align-items:flex-start;flex-direction:column}.offer-strip{align-items:flex-start;flex-direction:column}.offer-divider{display:none}.offer-strip .light-button{margin-left:0}.grid-2,.pricing-grid,.topic-grid,.script-summary,.form-grid,.engine-status-grid{grid-template-columns:1fr}.stat-grid,.stat-grid.five{grid-template-columns:1fr 1fr}.span2{grid-column:auto}.shot{grid-template-columns:52px 1fr}.shot>.status{grid-column:2}.reference-upload,.workflow-upload{grid-template-columns:1fr}.asset-grid,.merchant-grid{grid-template-columns:1fr}.next-step-card{align-items:flex-start;flex-direction:column}.path-row{grid-template-columns:1fr}.merchant-actions{grid-template-columns:1fr}.mapping-grid{grid-template-columns:1fr}.auth-copy{display:none}.auth-panel{grid-template-columns:1fr;max-width:480px}.task-pipeline{overflow:auto;justify-content:flex-start}.price-line strong{font-size:40px}}
@media(max-width:540px){.shell{grid-template-columns:1fr}.sidebar{display:none}.topbar{height:54px}.content{padding-top:18px}.stat-grid{grid-template-columns:1fr}.dashboard-hero{border-radius:20px}.hero-copy h1{font-size:33px}.mode-actions{grid-template-columns:1fr}.pricing-grid{margin-top:15px}.price-card{padding:23px}.metric-row{gap:22px}}
.logo-shell{width:96px;height:30px}.logo-shell img{object-fit:contain}.brand-copy b{font-size:13px}.brand-copy small{font-size:8px}

/* V1.1.10 role-aware admin/customer integration */
.role-badge{margin:4px 12px 18px;padding:7px 10px;border-radius:9px;font-size:10px;letter-spacing:1.4px;font-weight:800}.admin-role{color:#ff777c;background:rgba(234,34,43,.09);border:1px solid rgba(234,34,43,.24)}.customer-role{color:#aaa;background:#151519;border:1px solid #29292e}.account-link{display:block;text-align:center;text-decoration:none;margin-bottom:8px}.admin-seven{grid-template-columns:repeat(7,minmax(0,1fr))}.admin-engine-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0}.admin-engine-strip>div{padding:18px 20px;border:1px solid #29292f;border-radius:16px;background:linear-gradient(145deg,#161619,#0f0f11)}.admin-engine-strip span,.admin-engine-strip small{display:block;color:#777;font-size:12px}.admin-engine-strip b{display:block;margin:8px 0 6px;font-size:16px}.table-sub{display:block;color:#666;margin-top:3px}.text-link{color:#ff6268;text-decoration:none}.admin-top-grid{align-items:start}.search-row{display:flex;gap:10px}.search-row input{flex:1}.mini-note{margin-top:18px;padding:14px;border-radius:12px;background:#0d0d10;color:#777;line-height:1.6;font-size:13px}.customer-health{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:20px}.customer-health span{padding:16px;background:#0d0d10;border:1px solid #26262c;border-radius:12px;color:#888}.customer-health b{display:block;color:white;font-size:26px;margin-top:5px}.inline-actions{display:flex;gap:6px;align-items:center}.error-cell{max-width:260px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.narrow-card{max-width:720px}.head-actions{display:flex;gap:10px}.form-grid textarea{min-height:95px;resize:vertical}.status.disabled,.status.cancelled{color:#999;background:#222}.status.active,.status.completed{color:#7fe8ae}.status.pending,.status.queued{color:#ffc66d}.alert.success{border-color:rgba(65,210,130,.3);background:rgba(65,210,130,.08);color:#9bf0bf}@media(max-width:1280px){.admin-seven{grid-template-columns:repeat(4,1fr)}.admin-engine-strip{grid-template-columns:1fr}}@media(max-width:820px){.admin-seven{grid-template-columns:repeat(2,1fr)}.head-actions{display:none}}


/* =========================
   V1.1.11 customer experience
   ========================= */
.brand-text-only{gap:10px}
.brand-symbol{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#f32b36,#a90d15);box-shadow:0 9px 25px rgba(238,37,48,.18);font-size:10px;font-weight:900;letter-spacing:.04em;color:#fff}
.client-service-state{display:flex;align-items:center;gap:8px;color:#76777e;font-size:10px;margin:0 4px 13px}
.create-nav{background:linear-gradient(90deg,rgba(238,37,48,.12),rgba(238,37,48,.02));border-color:rgba(238,37,48,.18)}
.create-nav .nav-icon{color:#ff646c}
.transparent-logo{width:520px;height:140px!important;background:transparent!important;border-radius:0!important;overflow:visible!important;margin-bottom:30px!important}
.transparent-logo img{width:100%;height:100%;object-fit:contain;object-position:left center}
.benefit-console{min-height:300px}
.benefit-console .console-line{grid-template-columns:36px minmax(0,1fr) auto}
.benefit-console .console-line small{line-height:1.55}

.production-head{margin-bottom:18px}
.production-form{padding:0;overflow:hidden}
.production-step{display:grid;grid-template-columns:62px 1fr;gap:0;border-bottom:1px solid var(--line)}
.production-step:last-of-type{border-bottom:0}
.step-number{padding:27px 0 0 23px;color:#ff5d66;font-size:11px;font-weight:900;letter-spacing:.08em}
.step-content{padding:24px 26px 26px 8px}
.step-title{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:15px}
.step-title h3{margin:0 0 5px;font-size:16px}
.step-title p{margin:0;color:#76777f;font-size:10px;line-height:1.65}
.step-title a{color:#ff6b73;text-decoration:none;font-size:10px}
.big-select{width:100%;min-height:50px;background:#0c0c0f;border:1px solid #323239;color:#f2f2f4;border-radius:13px;padding:0 15px;font-size:12px}
.merchant-memory-mini{display:grid;grid-template-columns:1fr 1fr 2fr;gap:9px;margin-top:12px}
.merchant-memory-mini span{padding:12px;border:1px solid #26262b;background:#0c0c0f;border-radius:11px;color:#aaaab1;font-size:10px;line-height:1.55}
.merchant-memory-mini b{display:block;color:#666870;font-size:8px;letter-spacing:.08em;margin-bottom:3px}
.production-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.production-grid-2 label{font-size:10px;color:#83848c}
.production-grid-2 select,.production-grid-2 input,.production-grid-2 textarea{width:100%;margin-top:7px;background:#0c0c0f;border:1px solid #323239;color:#ededf0;border-radius:12px;padding:13px;min-height:48px}
.production-grid-2 textarea{resize:vertical;line-height:1.65}
.mini-asset-strip{display:flex;gap:8px;overflow:auto;margin-top:12px;padding-bottom:3px}
.mini-asset-strip>div{flex:0 0 112px;border:1px solid #28282e;background:#0c0c0f;border-radius:11px;overflow:hidden}
.mini-asset-strip img{width:112px;height:72px;object-fit:cover;display:block}
.mini-asset-strip span{display:block;padding:7px 8px;color:#85868e;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.production-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 26px;background:radial-gradient(circle at 90% 30%,rgba(238,37,48,.13),transparent 28%),#101013}
.production-submit b{display:block;font-size:16px;margin-bottom:4px}
.production-submit span{color:#74757d;font-size:10px}
.options-head{display:flex;justify-content:space-between;align-items:flex-end;margin:34px 0 15px}
.options-head h2{margin:5px 0 5px;font-size:25px}
.options-head p{margin:0;color:#777981;font-size:11px}
.copy-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.copy-option-card{position:relative;border:1px solid #2a2a30;border-radius:18px;background:linear-gradient(160deg,#151518,#0d0d10);padding:21px;transition:.18s ease}
.copy-option-card:hover{border-color:#45454d;transform:translateY(-2px)}
.copy-option-card.chosen{border-color:rgba(238,37,48,.48);box-shadow:0 0 0 1px rgba(238,37,48,.08) inset}
.copy-option-top{display:flex;justify-content:space-between;align-items:center}
.copy-option-card h3{font-size:16px;margin:13px 0 8px}
.copy-hook{color:#ff858b;font-size:11px;margin-bottom:11px}
.copy-full{min-height:84px;color:#a9aab1;font-size:11px;line-height:1.85;margin:0 0 17px}
.empty-state-premium{padding:48px;max-width:760px}
.empty-state-premium h2{font-size:26px;margin:10px 0}
.empty-state-premium p{color:#81828a;margin-bottom:22px}
.selected-reference-card{margin-bottom:18px}
.selected-ref-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.selected-ref-grid>div{padding:14px;background:#0c0c0f;border:1px solid #28282d;border-radius:11px}
.selected-ref-grid span{display:block;color:#676871;font-size:9px;margin-bottom:6px}
.selected-ref-grid b{font-size:11px}
.customer-pipeline span{white-space:nowrap}

/* login: use the supplied transparent PNG, no white panel behind the logo */
.auth-logo{background:transparent}
.auth-logo img{object-fit:contain}

/* public-facing terms should feel like a product, not an engineering console */
.production-form input[type=file]::file-selector-button{border:0;background:#202024;color:#ddd;padding:8px 10px;border-radius:8px;margin-right:9px;cursor:pointer}

@media(max-width:980px){
  .copy-option-grid{grid-template-columns:1fr}
  .merchant-memory-mini{grid-template-columns:1fr}
  .transparent-logo{width:430px}
}
@media(max-width:820px){
  .production-step{grid-template-columns:46px 1fr}
  .step-number{padding-left:15px}
  .step-content{padding-right:16px}
  .production-grid-2{grid-template-columns:1fr}
  .production-submit{align-items:flex-start;flex-direction:column}
  .selected-ref-grid{grid-template-columns:1fr}
}


/* =========================
   V1.1.12 account/security UX
   ========================= */
.login-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:4px;background:#0c0c0f;border:1px solid #29292f;border-radius:13px;margin:18px 0 4px}
.login-method{border:0;background:transparent;color:#777981;border-radius:9px;padding:10px 8px;font-size:11px;font-weight:700;cursor:pointer}
.login-method.active{background:#202025;color:#fff;box-shadow:0 5px 14px rgba(0,0,0,.2)}
.sms-login-placeholder{display:none;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;padding:12px 13px;border:1px dashed #323239;border-radius:12px;background:#0d0d10}
.sms-login-placeholder.visible{display:flex}
.sms-login-placeholder b{display:block;font-size:10px;color:#aaaab2;margin-bottom:3px}
.sms-login-placeholder small{color:#64666e;font-size:8px}
.sms-login-placeholder button{background:#19191d;color:#5f6068;border:1px solid #29292f;padding:8px 10px;border-radius:9px;cursor:not-allowed}
.optional-tag{font-size:8px;color:#686a72;margin-left:5px}
.account-security-grid{align-items:start}
.account-password-card{max-width:900px}.account-phone-readonly{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:12px;margin:0 0 16px;padding:13px 15px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.account-phone-readonly span,.account-phone-readonly small{color:var(--muted)}.account-phone-readonly b{letter-spacing:.08em}.identity-withdrawal-state{display:grid;gap:5px;margin-top:13px}.identity-withdrawal-state b,.identity-withdrawal-state span{display:block}.identity-withdrawal-form{display:grid;grid-template-columns:minmax(220px,1fr) auto;gap:8px;width:min(720px,100%)}
.single-col{grid-template-columns:1fr!important}
.security-chip{padding:6px 9px;border-radius:999px;background:rgba(52,211,153,.08);border:1px solid rgba(52,211,153,.18);color:#73d7ae;font-size:8px}
.security-chip.danger{background:rgba(239,68,68,.08);border-color:rgba(239,68,68,.18);color:#ff767c}
.future-feature{margin-top:14px;padding:12px 13px;border:1px dashed #2d2d33;border-radius:11px;background:#0c0c0f}
.future-feature b{display:block;font-size:10px;margin-bottom:4px}
.future-feature span{color:#696b73;font-size:9px;line-height:1.55}
.security-danger-card{border-color:rgba(239,68,68,.16)}

.merchant-delete-link{display:inline-flex;align-items:center;justify-content:center;color:#7d7f87;text-decoration:none;font-size:9px;padding:8px 9px}
.merchant-delete-link:hover{color:#ff6a72}
.company-danger-zone{display:flex;align-items:center;justify-content:space-between;gap:25px;border-color:rgba(239,68,68,.2);background:linear-gradient(120deg,rgba(77,15,19,.16),#111114 45%)}
.company-danger-zone h3{margin:6px 0 5px}
.company-danger-zone p{margin:0;color:#74767e;font-size:10px;line-height:1.7;max-width:760px}
.danger-text{color:#ff626b!important}
.delete-confirm-card{max-width:760px;margin:0 auto;padding:35px;text-align:center;border-color:rgba(239,68,68,.22);background:radial-gradient(circle at 50% 0,rgba(98,17,22,.17),transparent 36%),#111114}
.delete-warning-icon{width:54px;height:54px;margin:0 auto 16px;border-radius:50%;display:grid;place-items:center;background:rgba(239,68,68,.12);border:1px solid rgba(239,68,68,.28);color:#ff656d;font-size:24px;font-weight:900}
.delete-confirm-card h2{font-size:24px;margin:0 0 8px}
.delete-confirm-card>p{color:#81838b}
.delete-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:22px 0}
.delete-count-grid div{padding:14px 8px;background:#0c0c0f;border:1px solid #29292f;border-radius:11px}
.delete-count-grid b{display:block;font-size:20px}
.delete-count-grid span{font-size:8px;color:#777981}
.delete-note{text-align:left;padding:13px 15px;margin:15px 0 22px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.14);border-radius:11px;color:#b68d90;font-size:9px;line-height:1.65}
.delete-confirm-form{text-align:left}
.delete-confirm-form label{color:#aaaab2;font-size:10px}
.delete-confirm-form input{width:100%;margin-top:8px;background:#09090b;border:1px solid #3a3034;color:white;border-radius:11px;padding:13px}
.delete-confirm-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:17px}
@media(max-width:720px){
 .company-danger-zone{align-items:flex-start;flex-direction:column}
 .delete-count-grid{grid-template-columns:1fr 1fr}
}


/* =========================
   V1.1.13 Login method switch refinement
   ========================= */
.login-method-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  padding:5px;
  margin:18px 0 8px;
  background:#0a0a0c;
  border:1px solid #2a2a30;
  border-radius:14px;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.login-method-tabs .login-method{
  position:relative;
  min-height:48px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:0 14px;
  border:1px solid transparent !important;
  border-radius:10px !important;
  background:transparent !important;
  color:#73747c !important;
  font-weight:700;
  cursor:pointer;
  transition:all .18s ease;
  box-shadow:none !important;
  filter:none !important;
}
.login-method-tabs .login-method:hover{
  background:#151519 !important;
  color:#d9d9de !important;
}
.login-method-tabs .login-method.active{
  background:linear-gradient(180deg,#1f1f24,#18181c) !important;
  border-color:#34343b !important;
  color:#fff !important;
  box-shadow:0 5px 14px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.login-method-tabs .login-method.active::after{
  content:"";
  position:absolute;
  left:18%;
  right:18%;
  bottom:-5px;
  height:2px;
  border-radius:99px;
  background:linear-gradient(90deg,transparent,#f12630 22%,#f12630 78%,transparent);
  box-shadow:0 0 12px rgba(241,38,48,.38);
}
.login-method-title{
  font-size:12px;
  line-height:1;
  letter-spacing:.01em;
}
.login-method-sub{
  font-size:7px;
  line-height:1;
  letter-spacing:.12em;
  color:#505159;
}
.login-method.active .login-method-sub{
  color:#a9aab1;
}

.sms-coming-soon{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  margin:13px 0 2px;
  color:#70717a;
  font-size:9px;
  line-height:1.5;
  text-align:center;
}
.sms-coming-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  flex:0 0 auto;
  background:#f12630;
  box-shadow:0 0 10px rgba(241,38,48,.45);
}

@media(max-width:520px){
  .login-method-tabs .login-method{
    gap:5px;
    padding:0 8px;
  }
  .login-method-title{font-size:11px}
  .login-method-sub{display:none}
}


/* =========================
   V1.1.14 Login icon switcher
   Original envelope + handset icon construction
   ========================= */

/* Retire previous segmented tab styling on this page */
.login-method-tabs{display:none!important}

.login-icon-switcher{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:14px;
  margin:16px 0 8px;
}
.login-circle-btn{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid #2d2d34!important;
  background:#111114!important;
  display:grid;
  place-items:center;
  padding:0!important;
  cursor:pointer;
  position:relative;
  box-shadow:none!important;
  transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease!important;
}
.login-circle-btn:hover{
  transform:translateY(-1px);
  border-color:#46464e!important;
  background:#17171b!important;
}
.login-circle-btn.active{
  border-color:rgba(241,38,48,.58)!important;
  background:radial-gradient(circle at 50% 38%,rgba(241,38,48,.16),rgba(20,20,24,.98) 68%)!important;
  box-shadow:0 0 0 3px rgba(241,38,48,.06),0 8px 22px rgba(0,0,0,.22)!important;
}
.login-circle-btn.active::after{
  content:"";
  position:absolute;
  width:5px;
  height:5px;
  bottom:-7px;
  left:50%;
  transform:translateX(-50%);
  border-radius:50%;
  background:#f12630;
  box-shadow:0 0 9px rgba(241,38,48,.55);
}

/* Original envelope icon built only from CSS primitives */
.custom-mail-icon{
  width:22px;
  height:16px;
  display:block;
  position:relative;
}
.custom-mail-icon .mail-body{
  position:absolute;
  inset:0;
  border:1.7px solid #a9aab2;
  border-radius:4px;
}
.custom-mail-icon .mail-fold{
  position:absolute;
  top:4px;
  width:12px;
  height:1.7px;
  background:#a9aab2;
  border-radius:99px;
  transform-origin:center;
}
.custom-mail-icon .mail-fold-a{
  left:1px;
  transform:rotate(34deg);
}
.custom-mail-icon .mail-fold-b{
  right:1px;
  transform:rotate(-34deg);
}
.login-circle-btn.active .custom-mail-icon .mail-body{
  border-color:#fff;
}
.login-circle-btn.active .custom-mail-icon .mail-fold{
  background:#fff;
}

/* Original handset icon built only from CSS primitives */
.custom-phone-icon{
  width:15px;
  height:24px;
  display:block;
  position:relative;
}
.custom-phone-icon .phone-shell{
  position:absolute;
  inset:0;
  border:1.7px solid #a9aab2;
  border-radius:5px 5px 6px 6px;
}
.custom-phone-icon .phone-speaker{
  position:absolute;
  top:3px;
  left:50%;
  width:5px;
  height:1.5px;
  margin-left:-2.5px;
  border-radius:99px;
  background:#a9aab2;
}
.custom-phone-icon .phone-home{
  position:absolute;
  bottom:3px;
  left:50%;
  width:3px;
  height:3px;
  margin-left:-1.5px;
  border-radius:50%;
  border:1.3px solid #a9aab2;
}
.login-circle-btn.active .custom-phone-icon .phone-shell{
  border-color:#fff;
}
.login-circle-btn.active .custom-phone-icon .phone-speaker{
  background:#fff;
}
.login-circle-btn.active .custom-phone-icon .phone-home{
  border-color:#fff;
}

.sms-coming-soon{
  margin:13px 0 2px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  color:#6c6e76;
  font-size:9px;
  line-height:1.5;
  text-align:center;
}
.sms-coming-dot{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#f12630;
  flex:0 0 auto;
  box-shadow:0 0 9px rgba(241,38,48,.4);
}

@media(max-width:520px){
  .login-circle-btn{width:46px;height:46px}
}


/* =========================
   V1.1.15 large colorful login icons
   ========================= */
.login-icon-switcher{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:22px;
  margin:20px 0 12px;
}
.login-circle-btn{
  width:76px!important;
  height:76px!important;
  border-radius:50%!important;
  border:1px solid #32323a!important;
  background:linear-gradient(145deg,#17171b,#0d0d10)!important;
  display:grid!important;
  place-items:center!important;
  padding:0!important;
  overflow:visible!important;
  cursor:pointer!important;
  position:relative!important;
  transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease!important;
  box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.035)!important;
}
.login-circle-btn:hover{
  transform:translateY(-3px) scale(1.025)!important;
  border-color:#4c4c55!important;
  background:linear-gradient(145deg,#1d1d22,#111115)!important;
}
.login-circle-btn.active{
  border-color:rgba(241,38,48,.68)!important;
  background:radial-gradient(circle at 50% 42%,rgba(241,38,48,.14),#121216 70%)!important;
  box-shadow:
    0 0 0 4px rgba(241,38,48,.055),
    0 14px 34px rgba(0,0,0,.34),
    0 0 24px rgba(241,38,48,.12)!important;
}
.login-circle-btn.active::after{
  content:"";
  position:absolute;
  bottom:-10px;
  left:50%;
  width:6px;
  height:6px;
  margin-left:-3px;
  border-radius:50%;
  background:#f12630;
  box-shadow:0 0 12px rgba(241,38,48,.72);
}
.login-method-image{
  width:52px!important;
  height:52px!important;
  display:block!important;
  object-fit:contain!important;
  pointer-events:none!important;
  filter:none!important;
  opacity:1!important;
}
.login-circle-btn:not(.active) .login-method-image{
  opacity:.76!important;
  transform:scale(.96);
}
.login-circle-btn.active .login-method-image{
  opacity:1!important;
  transform:scale(1);
}

/* Hide old CSS primitive icon elements if stale markup exists anywhere */
.custom-mail-icon,
.custom-phone-icon{
  display:none!important;
}

.sms-coming-soon{
  margin-top:16px!important;
  color:#74767f!important;
  font-size:10px!important;
}

.auth-card > .muted{
  line-height:1.7;
}

@media(max-width:520px){
  .login-icon-switcher{gap:18px}
  .login-circle-btn{width:70px!important;height:70px!important}
  .login-method-image{width:48px!important;height:48px!important}
}


/* =========================
   V1.1.16 compact centered login icons
   ========================= */
.login-icon-switcher{
  width:100%!important;
  display:flex!important;
  justify-content:center!important;
  align-items:center!important;
  gap:16px!important;
  margin:16px auto 10px!important;
  text-align:center!important;
}

.login-circle-btn{
  width:50px!important;
  height:50px!important;
  flex:0 0 50px!important;
  border-radius:50%!important;
  margin:0!important;
}

.login-method-image{
  width:26px!important;
  height:26px!important;
  object-fit:contain!important;
  display:block!important;
  margin:auto!important;
  transform:none!important;
}

.login-circle-btn:not(.active) .login-method-image,
.login-circle-btn.active .login-method-image{
  width:26px!important;
  height:26px!important;
  transform:none!important;
}

.login-circle-btn.active::after{
  bottom:-8px!important;
  width:5px!important;
  height:5px!important;
}

@media(max-width:520px){
  .login-icon-switcher{gap:14px!important}
  .login-circle-btn{
    width:48px!important;
    height:48px!important;
    flex-basis:48px!important;
  }
  .login-method-image{
    width:24px!important;
    height:24px!important;
  }
}


/* =========================
   V1.1.18 MiniMax H3 Ref2VA dedicated adapter
   ========================= */
.h3-adapter-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) 310px;
  gap:24px;
  align-items:center;
  padding:25px;
  margin-bottom:18px;
  border-color:rgba(241,38,48,.22);
  background:
    radial-gradient(circle at 86% 24%,rgba(241,38,48,.11),transparent 30%),
    linear-gradient(150deg,#151518,#0e0e11);
}
.h3-adapter-main h2{font-size:23px;margin:7px 0 8px}
.h3-adapter-main>p{color:#84858d;font-size:10px;line-height:1.75;max-width:900px}
.h3-binding-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px}
.h3-binding-row span{
  padding:8px 10px;
  border:1px solid #2d2d33;
  background:#0c0c0f;
  border-radius:999px;
  color:#7e7f87;
  font-size:9px;
}
.h3-binding-row b{color:#e8e8eb;margin-left:4px}
.h3-adapter-side{display:grid;gap:12px}
.adapter-status{padding:15px;border:1px solid #2c2c32;border-radius:13px;background:#0c0c0f}
.adapter-status b{display:block;font-size:12px;margin-bottom:5px}
.adapter-status small{color:#6d6f77;font-size:9px}
.adapter-status.ok{border-color:rgba(52,211,153,.22)}
.adapter-status.ok b{color:#75d9b0}
.adapter-status.warn{border-color:rgba(245,158,11,.20)}
.adapter-status.warn b{color:#e7b45d}
@media(max-width:900px){.h3-adapter-card{grid-template-columns:1fr}}


/* V1.1.19 compute page: dedicated H3 mappings are locked and readable */
.locked-mapping{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:14px 0 8px;
}
.locked-mapping>div{
  display:flex;align-items:center;justify-content:space-between;
  padding:12px 14px;border:1px solid #28282e;border-radius:12px;background:#0b0b0e;
}
.locked-mapping span{color:#747680;font-size:9px}
.locked-mapping b{font-size:10px;color:#ededf0;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.locked-note{padding:10px 12px;border-radius:10px;background:rgba(52,211,153,.05);border:1px solid rgba(52,211,153,.12)}
.workflow-ready-box{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid rgba(52,211,153,.18);border-radius:13px;background:rgba(52,211,153,.04);margin-bottom:12px}
.workflow-ready-box b{color:#78ddb6;font-size:12px}.workflow-ready-box span{color:#72747c;font-size:9px}
.advanced-workflow,.advanced-mapping{margin-top:12px}
.advanced-workflow summary,.advanced-mapping summary{cursor:pointer;color:#8b8d96;font-size:10px;padding:10px 0}
.compute-warning code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#fff}
@media(max-width:680px){.locked-mapping{grid-template-columns:1fr}}


/* V1.1.20 LAN direct connection diagnostics */
.proxy-bypass-note{
  display:flex;gap:12px;align-items:center;
  padding:11px 14px;margin:0 0 14px;
  border:1px solid rgba(52,211,153,.14);
  border-radius:11px;background:rgba(52,211,153,.035);
}
.proxy-bypass-note b{font-size:10px;color:#79ddb6;white-space:nowrap}
.proxy-bypass-note span{font-size:9px;color:#72747c;line-height:1.6}
@media(max-width:720px){.proxy-bypass-note{align-items:flex-start;flex-direction:column;gap:5px}}


/* V1.1.21 admin-only H3 quality selector */
.quality-admin-section{margin-top:18px;padding:18px;border:1px solid #28282e;border-radius:15px;background:#0c0c0f}
.quality-admin-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px}
.quality-admin-head h3{margin:4px 0 5px;font-size:17px}
.quality-admin-head p{margin:0;color:#72747c;font-size:9px;line-height:1.65;max-width:720px}
.quality-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.quality-choice{position:relative;display:flex;flex-direction:column;gap:7px;min-height:132px;padding:16px;border:1px solid #292930;border-radius:14px;background:#101014;cursor:pointer;transition:.18s ease}
.quality-choice:hover{border-color:#41414a;transform:translateY(-1px)}
.quality-choice.selected{border-color:rgba(241,38,48,.58);box-shadow:0 0 0 1px rgba(241,38,48,.14),0 12px 30px rgba(241,38,48,.07)}
.quality-choice input{position:absolute;opacity:0;pointer-events:none}
.quality-choice-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.quality-choice-top b{font-size:15px}.quality-choice-top span{font-size:8px;color:#7d7f87;border:1px solid #303038;border-radius:999px;padding:4px 7px}
.quality-choice strong{font-size:21px;letter-spacing:-.4px;color:#f1f1f3}
.quality-choice small{font-size:9px;color:#71737c;line-height:1.6}
.quality-choice.selected .quality-choice-top b{color:#ff5b63}
@media(max-width:800px){.quality-choice-grid{grid-template-columns:1fr}.quality-admin-head{flex-direction:column}}
.quality-choice:has(input:checked){border-color:rgba(241,38,48,.58);box-shadow:0 0 0 1px rgba(241,38,48,.14),0 12px 30px rgba(241,38,48,.07)}
.quality-choice:has(input:checked) .quality-choice-top b{color:#ff5b63}


/* V1.1.23 copy engine providers */
.copy-provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0 0 18px}
.copy-provider-card{display:flex;flex-direction:column;gap:9px;min-height:172px;padding:18px;border:1px solid #292930;border-radius:15px;background:#101014}
.copy-provider-card.active{border-color:rgba(241,38,48,.48);box-shadow:0 0 0 1px rgba(241,38,48,.1)}
.copy-provider-card .provider-badge{font-size:8px;color:#ff666e;letter-spacing:.12em}
.copy-provider-card>b{font-size:16px}.copy-provider-card p{flex:1;margin:0;color:#747680;font-size:9px;line-height:1.7}
@media(max-width:860px){.copy-provider-grid{grid-template-columns:1fr}}

/* V1.1.23 merchant editable selected copy */
.editable-shot .shot-body{min-width:0}
.editable-copy-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:10px}
.editable-copy-head h3{margin:0 0 5px}.editable-copy-head p{margin:0;color:#747680;font-size:9px;line-height:1.6}
.copy-count-badge{white-space:nowrap;padding:6px 9px;border:1px solid #303038;border-radius:999px;color:#7b7d85;font-size:9px}
.copy-count-badge.good{border-color:rgba(52,211,153,.28);color:#7eddb7}.copy-count-badge.long{border-color:rgba(245,158,11,.3);color:#e7b45d}
.copy-edit-form textarea{width:100%;resize:vertical;min-height:128px;font-size:13px;line-height:1.8;padding:14px;border-radius:12px}
.copy-edit-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:9px}
.copy-edit-foot span{font-size:9px;color:#71737b}
@media(max-width:680px){.editable-copy-head,.copy-edit-foot{flex-direction:column}.copy-edit-foot{align-items:stretch}}


/* V1.1.24 merchant brand + quota */
.merchant-brand-mark{
  width:38px;height:38px;display:grid;place-items:center;flex:none;
}
.merchant-brand-mark img{
  width:36px;height:36px;display:block;object-fit:contain;
  filter:drop-shadow(0 8px 18px rgba(238,37,48,.16));
}
.hero-ai-word{
  display:inline-block;
  letter-spacing:.075em;
  margin:0 .035em;
}
.monthly-quota-pill{
  height:36px;display:inline-flex;align-items:center;gap:6px;
  padding:0 12px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);
  background:linear-gradient(180deg,#151519,#101013);
  color:#9799a2;font-size:10px;
}
.monthly-quota-pill b{
  color:#fff;font-size:16px;line-height:1;letter-spacing:-.03em;
}
.monthly-quota-pill em{
  color:#777982;font-style:normal;font-size:9px;
}
.monthly-quota-pill:hover{
  border-color:rgba(238,37,48,.28);
  background:rgba(238,37,48,.055);
}
@media(max-width:760px){
  .monthly-quota-pill span{display:none}
  .monthly-quota-pill{padding:0 9px}
}


/* V1.1.26 hard quota + low-quota renewal/top-up */
.monthly-quota-pill.quota-low{border-color:rgba(245,158,11,.32);background:rgba(245,158,11,.07)}
.monthly-quota-pill.quota-low b{color:#f6c25f}
.monthly-quota-pill.quota-danger{border-color:rgba(255,99,112,.34);background:rgba(255,99,112,.08)}
.monthly-quota-pill.quota-danger b{color:#ff8790}
.top-renew{font-size:11px;padding:8px 12px;border-radius:999px;background:linear-gradient(135deg,var(--red),#c91722);color:white;box-shadow:0 8px 22px rgba(238,37,48,.16)}
.quota-renewal-banner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border:1px solid rgba(245,158,11,.24);border-radius:17px;background:linear-gradient(90deg,rgba(245,158,11,.075),rgba(238,37,48,.045))}
.quota-renewal-copy>span{display:block;color:#e7ad47;font-size:9px;font-weight:800;letter-spacing:.14em;margin-bottom:5px}
.quota-renewal-copy>b{display:block;font-size:16px}
.quota-renewal-copy p{margin:5px 0 0;color:#878991;font-size:10px;line-height:1.65}
.quota-blocked-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:13px;border:1px solid rgba(255,99,112,.26);background:rgba(255,99,112,.075);color:#ff9299;font-size:12px;font-weight:750}

.extra-video-card{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:26px;align-items:center;padding:26px;margin:18px 0;border:1px solid rgba(238,37,48,.24);border-radius:20px;background:radial-gradient(circle at 80% 0,rgba(238,37,48,.09),transparent 36%),linear-gradient(145deg,#121216,#0d0d10)}
.extra-video-copy h2{font-size:25px;margin:8px 0 9px;letter-spacing:-.03em}.extra-video-copy>p{color:#888a93;font-size:11px;line-height:1.75;max-width:760px}.extra-video-copy>p b{color:#fff}
.quota-mini-stats{display:flex;gap:9px;margin-top:17px}.quota-mini-stats span{min-width:92px;padding:11px 13px;border:1px solid #29292f;border-radius:12px;background:#0c0c0f}.quota-mini-stats small{display:block;color:#6e7078;font-size:8px}.quota-mini-stats b{display:block;margin-top:4px;font-size:19px}
.extra-video-form{padding:17px;border:1px solid #29292f;border-radius:15px;background:#0c0c0f}.extra-video-form>label{display:block;color:#858790;font-size:9px}.quantity-stepper{display:grid;grid-template-columns:42px 1fr 42px;gap:7px;margin-top:7px}.quantity-stepper button{height:42px;padding:0;background:#19191e;border:1px solid #2d2d34;font-size:17px}.quantity-stepper input{width:100%;height:42px;text-align:center;background:#111115;border:1px solid #323239;border-radius:10px;color:#fff;font-weight:800}
.extra-total{display:flex;align-items:flex-end;justify-content:space-between;margin:16px 1px}.extra-total span{color:#73757d;font-size:9px}.extra-total b{font-size:13px}.extra-total b i{font-style:normal;font-size:29px;color:#fff}
.extra-video-form>small{display:block;text-align:center;color:#63656d;font-size:8px;margin-top:9px}
.quota-healthy-note{display:flex;align-items:center;gap:8px;padding:12px 15px;margin:18px 0;border:1px solid rgba(83,214,162,.15);border-radius:13px;background:rgba(83,214,162,.035)}.quota-healthy-note b{font-size:10px}.quota-healthy-note p{margin:0;color:#696b73;font-size:9px}
@media(max-width:900px){.extra-video-card{grid-template-columns:1fr}.quota-renewal-banner{align-items:flex-start;flex-direction:column}}


/* ============================================================
   V1.1.27 · 禧宝AI
   Exact square mascot logo + black / white system UI
   ============================================================ */
:root{
  --xb-red:#e31d27;
  --xb-red-2:#ff4b3f;
  --xb-gold:#d5a33c;
  --xb-gold-2:#f2ca70;
  color-scheme:dark;
}
html[data-theme="dark"]{
  --bg:#070708;
  --bg2:#0b0b0d;
  --panel:#101012;
  --panel2:#151517;
  --panel3:#1b1b1e;
  --text:#f7f7f8;
  --muted:#8b8d94;
  --muted2:#b9bbc1;
  --line:rgba(255,255,255,.09);
  --shadow:0 26px 80px rgba(0,0,0,.42);
  color-scheme:dark;
}
html[data-theme="light"]{
  --bg:#f5f5f3;
  --bg2:#eeeeeb;
  --panel:#ffffff;
  --panel2:#f8f8f6;
  --panel3:#efefec;
  --text:#111113;
  --muted:#6f7076;
  --muted2:#45464c;
  --line:rgba(16,16,18,.10);
  --shadow:0 24px 64px rgba(15,15,18,.10);
  color-scheme:light;
}
html,body{transition:background-color .22s ease,color .22s ease}
body{
  background:
    radial-gradient(circle at 83% -8%,rgba(227,29,39,.055),transparent 24%),
    radial-gradient(circle at 10% 100%,rgba(213,163,60,.035),transparent 24%),
    var(--bg);
}

/* exact logo integration */
.xibao-brand{padding:5px 6px 18px;gap:11px}
.xibao-brand-logo{
  width:48px;height:48px;flex:none;border-radius:13px;overflow:hidden;
  display:grid;place-items:center;background:#fff;
  box-shadow:0 7px 24px rgba(0,0,0,.18);
}
.xibao-brand-logo img{width:100%;height:100%;display:block;object-fit:cover}
.xibao-brand .brand-copy b{font-size:16px;letter-spacing:.06em}
.xibao-brand .brand-copy small{font-size:9px;letter-spacing:.02em}
.auth-brand-lockup{display:flex;align-items:center;gap:17px;margin-bottom:28px}
.auth-brand-lockup>img{
  width:92px;height:92px;object-fit:cover;border-radius:22px;background:#fff;
  box-shadow:0 16px 42px rgba(0,0,0,.22);
}
.auth-brand-lockup>div{display:grid;gap:5px}
.auth-brand-lockup b{font-size:24px;letter-spacing:.08em}
.auth-brand-lockup span{font-size:9px;letter-spacing:.18em;color:var(--muted)}
.register-brand{display:flex;align-items:center;gap:10px;margin-bottom:17px}
.register-brand img{width:48px;height:48px;object-fit:cover;border-radius:13px;box-shadow:0 8px 22px rgba(0,0,0,.14)}
.register-brand span{font-size:15px;font-weight:800;letter-spacing:.06em}

/* theme control */
.theme-switch{
  appearance:none;border:1px solid var(--line);background:var(--panel2);color:var(--text);
  min-height:36px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;
  justify-content:center;gap:7px;cursor:pointer;font-size:10px;font-weight:700;
  transition:background .18s ease,border-color .18s ease,transform .18s ease,color .18s ease;
}
.theme-switch:hover{transform:translateY(-1px);border-color:rgba(213,163,60,.42)}
.theme-switch-icon{width:16px;font-size:14px;line-height:1;text-align:center;color:var(--xb-gold)}
.theme-switch-text{white-space:nowrap}
.auth-theme-switch{
  position:fixed;right:24px;top:22px;z-index:50;
  box-shadow:0 10px 30px rgba(0,0,0,.12);backdrop-filter:blur(14px);
}

/* black mode: cleaner neutral surfaces, Xibao red/gold only as accents */
html[data-theme="dark"] .sidebar{background:rgba(7,7,8,.94)}
html[data-theme="dark"] .topbar{background:rgba(7,7,8,.84)}
html[data-theme="dark"] .card{
  background:linear-gradient(180deg,rgba(18,18,20,.95),rgba(11,11,13,.95));
}
html[data-theme="dark"] .dashboard-hero{
  background:
    radial-gradient(circle at 12% 5%,rgba(227,29,39,.10),transparent 28%),
    radial-gradient(circle at 88% 100%,rgba(213,163,60,.05),transparent 30%),
    linear-gradient(135deg,#111113,#080809 68%);
}
html[data-theme="dark"] .primary{
  background:linear-gradient(135deg,var(--xb-red),#ba1119);
  box-shadow:0 10px 28px rgba(227,29,39,.13);
}
html[data-theme="dark"] .section-index,
html[data-theme="dark"] .eyebrow.red{color:#ff6870}

/* WHITE SYSTEM THEME — full-page overrides */
html[data-theme="light"] body{
  background:
    radial-gradient(circle at 82% -10%,rgba(227,29,39,.035),transparent 24%),
    radial-gradient(circle at 10% 100%,rgba(213,163,60,.045),transparent 28%),
    var(--bg);
}
html[data-theme="light"] .sidebar{
  background:rgba(255,255,255,.92);border-color:var(--line);
  box-shadow:10px 0 35px rgba(15,15,18,.035);
}
html[data-theme="light"] .topbar{
  background:rgba(255,255,255,.82);border-color:var(--line);
}
html[data-theme="light"] .brand-copy small,
html[data-theme="light"] .topbar-left,
html[data-theme="light"] .engine-line,
html[data-theme="light"] .client-service-state{color:#777980}
html[data-theme="light"] .nav-item{color:#666870}
html[data-theme="light"] .nav-item:hover{background:#eeeeeb;color:#111113}
html[data-theme="light"] .nav-icon{color:#8a8b91}
html[data-theme="light"] .nav-item:hover .nav-icon{color:#111113}
html[data-theme="light"] .user-pill,
html[data-theme="light"] .ghost,
html[data-theme="light"] .chip,
html[data-theme="light"] .status,
html[data-theme="light"] .plan-status{
  background:#fff;color:#2e2f34;border-color:var(--line);
}
html[data-theme="light"] .ghost:hover{background:#eeeeeb}
html[data-theme="light"] .light-button{background:#111113;color:#fff}
html[data-theme="light"] .top-upgrade{color:#c21720;background:rgba(227,29,39,.075)}
html[data-theme="light"] .monthly-quota-pill{
  color:#686970;background:#fff;border-color:var(--line);
}
html[data-theme="light"] .monthly-quota-pill b{color:#111113}
html[data-theme="light"] .monthly-quota-pill em{color:#777980}
html[data-theme="light"] .card,
html[data-theme="light"] .stat,
html[data-theme="light"] .shot,
html[data-theme="light"] .progress-card,
html[data-theme="light"] .engine-card,
html[data-theme="light"] .flow-stack>div,
html[data-theme="light"] .reference-upload,
html[data-theme="light"] .asset-card,
html[data-theme="light"] .option-card,
html[data-theme="light"] .selection-card,
html[data-theme="light"] .create-panel,
html[data-theme="light"] .workflow-card,
html[data-theme="light"] .quality-admin-section,
html[data-theme="light"] .quality-choice,
html[data-theme="light"] .copy-provider-card,
html[data-theme="light"] .extra-video-form,
html[data-theme="light"] .quota-mini-stats span{
  background:#fff;color:#111113;border-color:var(--line);
  box-shadow:none;
}
html[data-theme="light"] .card.elevated{box-shadow:0 16px 42px rgba(15,15,18,.055)}
html[data-theme="light"] .dashboard-hero{
  background:
    radial-gradient(circle at 10% 8%,rgba(227,29,39,.055),transparent 27%),
    radial-gradient(circle at 92% 100%,rgba(213,163,60,.075),transparent 30%),
    linear-gradient(135deg,#fff,#f3f3f0 68%);
  border-color:rgba(16,16,18,.095);
}
html[data-theme="light"] .dashboard-hero:after{
  border-color:rgba(0,0,0,.045);
  box-shadow:0 0 0 45px rgba(0,0,0,.012),0 0 0 90px rgba(0,0,0,.008);
}
html[data-theme="light"] .hero-console{
  background:rgba(255,255,255,.82);border-color:rgba(16,16,18,.10);
  box-shadow:0 20px 50px rgba(15,15,18,.08);
}
html[data-theme="light"] .console-head span{background:#d9d9d5}
html[data-theme="light"] .console-head b,
html[data-theme="light"] .console-line i,
html[data-theme="light"] .console-line small,
html[data-theme="light"] .console-line em{color:#777980}
html[data-theme="light"] .console-line{border-bottom-color:rgba(16,16,18,.07)}
html[data-theme="light"] .hero-copy p,
html[data-theme="light"] .page-head p,
html[data-theme="light"] .card-head p,
html[data-theme="light"] .company-row small,
html[data-theme="light"] .task-row small{color:#6d6f75}
html[data-theme="light"] .offer-strip{
  background:linear-gradient(90deg,rgba(227,29,39,.06),rgba(213,163,60,.045),#fff);
  border-color:rgba(227,29,39,.14);
}
html[data-theme="light"] .offer-strip strong{color:#111113}
html[data-theme="light"] .company-row,
html[data-theme="light"] .task-row{border-color:rgba(16,16,18,.07)}
html[data-theme="light"] .avatar{
  background:linear-gradient(145deg,#f1f1ee,#fff);color:#202126;border-color:var(--line);
}

/* forms and code areas in white theme */
html[data-theme="light"] input,
html[data-theme="light"] textarea,
html[data-theme="light"] select{
  background:#fff;color:#111113;border-color:rgba(16,16,18,.13);
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder{color:#aaaab0}
html[data-theme="light"] .form-grid label,
html[data-theme="light"] .auth-card label,
html[data-theme="light"] .reference-upload label,
html[data-theme="light"] .mapping-grid label{color:#666870}
html[data-theme="light"] .onboarding-tip b,
html[data-theme="light"] .dialogue,
html[data-theme="light"] .quality-choice strong,
html[data-theme="light"] .extra-video-copy>p b,
html[data-theme="light"] .extra-total b i{color:#111113}
html[data-theme="light"] .detected pre{
  background:#f4f4f1;color:#33343a;border-color:var(--line);
}
html[data-theme="light"] .bar{background:#e5e5e1}
html[data-theme="light"] .task-pipeline{color:#6f7076}
html[data-theme="light"] .task-pipeline i{color:#aaaab0}
html[data-theme="light"] .howto{color:#666870}

/* pricing / account / orders */
html[data-theme="light"] .price-card{
  background:linear-gradient(160deg,#fff,#f5f5f2);
  border-color:rgba(16,16,18,.10);
}
html[data-theme="light"] .price-card.featured{
  background:radial-gradient(circle at 90% 0,rgba(227,29,39,.08),transparent 30%),linear-gradient(160deg,#fff,#f5f5f2);
  border-color:rgba(227,29,39,.22);
}
html[data-theme="light"] .vip-card{
  background:radial-gradient(circle at 90% 0,rgba(213,163,60,.10),transparent 30%),linear-gradient(160deg,#fff,#f5f5f2);
}
html[data-theme="light"] .price-card li{color:#55565d}
html[data-theme="light"] th{color:#787980}
html[data-theme="light"] td{color:#35363b}
html[data-theme="light"] tr:hover td{background:rgba(0,0,0,.015)}

/* local compute / AI provider panels */
html[data-theme="light"] .quality-admin-section{border-color:var(--line)}
html[data-theme="light"] .quality-choice{border-color:var(--line)}
html[data-theme="light"] .quality-choice:hover{border-color:#c3a45d}
html[data-theme="light"] .quality-choice-top span,
html[data-theme="light"] .copy-count-badge{color:#696b71;border-color:var(--line)}
html[data-theme="light"] .copy-provider-card{border-color:var(--line)}
html[data-theme="light"] .proxy-bypass-note{background:rgba(43,141,98,.04)}
html[data-theme="light"] .extra-video-card{
  background:
    radial-gradient(circle at 80% 0,rgba(227,29,39,.055),transparent 34%),
    linear-gradient(145deg,#fff,#f4f4f1);
  border-color:rgba(227,29,39,.16);
}
html[data-theme="light"] .quantity-stepper button{
  background:#f0f0ed;color:#111113;border-color:var(--line);
}
html[data-theme="light"] .quantity-stepper input{background:#fff;color:#111113;border-color:var(--line)}
html[data-theme="light"] .quota-healthy-note{background:rgba(43,141,98,.035)}
html[data-theme="light"] .quota-renewal-banner{
  background:linear-gradient(90deg,rgba(213,163,60,.09),rgba(227,29,39,.04),#fff);
}

/* auth pages */
html[data-theme="light"] .auth-wrap{
  background:
    radial-gradient(circle at 10% 5%,rgba(227,29,39,.05),transparent 30%),
    radial-gradient(circle at 92% 100%,rgba(213,163,60,.07),transparent 32%),
    #f5f5f3;
}
html[data-theme="light"] .glow-a{background:radial-gradient(circle,rgba(227,29,39,.07),transparent 64%)}
html[data-theme="light"] .glow-b{background:radial-gradient(circle,rgba(213,163,60,.07),transparent 66%)}
html[data-theme="light"] .auth-card{
  background:rgba(255,255,255,.88);border-color:rgba(16,16,18,.10);
  box-shadow:0 28px 80px rgba(15,15,18,.11);
}
html[data-theme="light"] .auth-copy h1 span{color:#7a7b81}
html[data-theme="light"] .auth-copy>p{color:#696b71}
html[data-theme="light"] .metric-row span{color:#797b82}
html[data-theme="light"] .auth-offer del{color:#85868c}
html[data-theme="light"] .login-circle-btn{background:#fff;border-color:var(--line)}
html[data-theme="light"] .sms-coming-soon{color:#777980}
html[data-theme="light"] .auth-divider{color:#97989e}

/* primary Xibao accents shared by both themes */
.primary{
  background:linear-gradient(135deg,var(--xb-red),#bf141c);
  color:#fff;border:0;
}
.primary:hover{filter:brightness(1.055)}
.section-index,.eyebrow.red,.copy-provider-card .provider-badge{color:var(--xb-red)}
.plan-nav{border-color:rgba(227,29,39,.18)}
.plan-nav em,.sale-tag,.price-ribbon{background:var(--xb-red)}
.theme-switch:focus-visible,
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{
  outline:2px solid rgba(213,163,60,.65);outline-offset:2px;
}

/* smaller screens: preserve the mascot instead of hiding/deforming it */
@media(max-width:1180px){
  .xibao-brand{justify-content:center;padding-left:0;padding-right:0}
  .xibao-brand-logo{width:48px;height:48px}
}
@media(max-width:760px){
  .theme-switch-text{display:none}
  .theme-switch{width:36px;padding:0}
  .auth-theme-switch{right:14px;top:14px}
  .auth-brand-lockup>img{width:72px;height:72px;border-radius:18px}
  .auth-brand-lockup b{font-size:20px}
}


/* ============================================================
   V1.1.28 · Light-theme action-button contrast audit
   Any button intentionally rendered dark must force light text.
   ============================================================ */
.secondary{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;
  border-radius:11px;padding:10px 14px;font-weight:650;font-size:12px;
  border:1px solid var(--line);cursor:pointer;transition:.18s ease;
}

/* Dark theme secondary remains a neutral dark control. */
html[data-theme="dark"] .secondary{
  background:#151519;color:#f3f3f5;border-color:rgba(255,255,255,.10);
}
html[data-theme="dark"] .secondary:hover{background:#1d1d21}

/* White UI: black action buttons ALWAYS have white text/icons. */
html[data-theme="light"] .secondary,
html[data-theme="light"] a.secondary,
html[data-theme="light"] button.secondary,
html[data-theme="light"] .light-button,
html[data-theme="light"] a.light-button,
html[data-theme="light"] button.light-button{
  background:#111113 !important;
  color:#ffffff !important;
  border-color:#111113 !important;
  -webkit-text-fill-color:#ffffff;
}

/* Protect nested text/icons from inheriting black text in white mode. */
html[data-theme="light"] .secondary *,
html[data-theme="light"] .light-button *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
html[data-theme="light"] .secondary:hover,
html[data-theme="light"] .light-button:hover{
  background:#252528 !important;
  color:#ffffff !important;
}

/* Red / critical action buttons must also retain readable light text. */
html[data-theme="light"] .primary,
html[data-theme="light"] a.primary,
html[data-theme="light"] button.primary,
html[data-theme="light"] .top-renew,
html[data-theme="light"] .sale-tag,
html[data-theme="light"] .price-ribbon{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}
html[data-theme="light"] .primary *,
html[data-theme="light"] .top-renew *{
  color:#ffffff !important;
  -webkit-text-fill-color:#ffffff;
}

/* Native buttons that have an explicit dark inline/computed class should not
   inherit the surrounding page's black foreground. */
html[data-theme="light"] button{
  text-rendering:optimizeLegibility;
}


/* ============================================================
   V1.1.29 · 我的企业卡片重设计
   ============================================================ */
.merchant-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:16px;
}
.merchant-card{
  position:relative;
  overflow:hidden;
  min-height:265px;
  padding:19px;
  border-radius:19px;
  transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease,background .2s ease;
}
.merchant-card-accent{
  position:absolute;
  left:0;top:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--xb-red),var(--xb-gold-2),transparent 78%);
  opacity:.95;
}
.merchant-card:hover{transform:translateY(-3px)}
.merchant-top{align-items:flex-start}
.merchant-avatar{
  width:54px;height:54px;border-radius:16px;
  font-size:18px;font-weight:900;
  flex:none;
}
.merchant-title-block{min-width:0}
.merchant-name-row{
  display:flex;align-items:center;gap:9px;justify-content:space-between;
}
.merchant-name-row h3{
  margin:1px 0 0;
  min-width:0;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
  font-size:16px;line-height:1.35;
}
.merchant-status-chip{
  flex:none;
  display:inline-flex;align-items:center;
  border-radius:999px;padding:5px 7px;
  font-size:8px;font-weight:750;letter-spacing:.04em;
}
.merchant-top p{margin-top:7px!important;font-size:10px!important}
.merchant-meta{
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;margin:18px 0;
}
.merchant-meta span{
  min-height:62px;
  display:flex;flex-direction:column;justify-content:center;
  padding:10px 11px!important;
}
.merchant-meta small{
  display:block;font-size:8px;line-height:1;color:var(--muted);
}
.merchant-meta b{
  display:block;margin-top:7px!important;
  font-size:14px;line-height:1.15;
}
.merchant-actions{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;
}
.merchant-edit-button,.merchant-generate-button{
  min-height:40px;
  display:flex;align-items:center;justify-content:center;
  border-radius:11px;padding:9px 11px;
  font-size:10px;font-weight:800;
  transition:.18s ease;
}
.merchant-generate-button{
  background:linear-gradient(135deg,var(--xb-red),#bd1119);
  color:#fff!important;
  box-shadow:0 10px 24px rgba(227,29,39,.13);
}
.merchant-generate-button:hover{filter:brightness(1.06);transform:translateY(-1px)}
.merchant-card-foot{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:13px;padding-top:12px;border-top:1px solid var(--line);
}
.merchant-card-foot>span{
  color:var(--muted);font-size:8px;line-height:1.45;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
.merchant-delete-link{
  flex:none;
  font-size:8px;color:#8c8e94;
  padding:4px 0;
}
.merchant-delete-link:hover{color:#ff6872}

/* Dark UI */
html[data-theme="dark"] .merchant-card{
  background:
    radial-gradient(circle at 100% 0,rgba(213,163,60,.055),transparent 30%),
    linear-gradient(145deg,#121215,#0b0b0d);
  border:1px solid rgba(255,255,255,.09);
  box-shadow:0 16px 38px rgba(0,0,0,.12);
}
html[data-theme="dark"] .merchant-card:hover{
  border-color:rgba(213,163,60,.22);
  box-shadow:0 22px 48px rgba(0,0,0,.22);
}
html[data-theme="dark"] .merchant-name-row h3{color:#f7f7f8}
html[data-theme="dark"] .merchant-avatar{
  color:#fff;
  background:linear-gradient(145deg,#303035,#17171b);
  border:1px solid rgba(255,255,255,.11);
}
html[data-theme="dark"] .merchant-status-chip{
  color:#e7c46f;background:rgba(213,163,60,.075);
  border:1px solid rgba(213,163,60,.17);
}
html[data-theme="dark"] .merchant-meta span{
  background:#0d0d10;border:1px solid rgba(255,255,255,.075);
}
html[data-theme="dark"] .merchant-meta b{color:#fff}
html[data-theme="dark"] .merchant-edit-button{
  color:#e3e3e6;background:#17171b;border:1px solid rgba(255,255,255,.09);
}
html[data-theme="dark"] .merchant-edit-button:hover{background:#202024}

/* White UI: fix invisible company names + premium light cards */
html[data-theme="light"] .merchant-card{
  background:
    radial-gradient(circle at 100% 0,rgba(213,163,60,.075),transparent 30%),
    linear-gradient(145deg,#ffffff,#fafaf7);
  border:1px solid rgba(20,20,22,.09);
  box-shadow:0 14px 36px rgba(18,18,20,.055);
}
html[data-theme="light"] .merchant-card:hover{
  border-color:rgba(213,163,60,.30);
  box-shadow:0 20px 46px rgba(18,18,20,.085);
}
html[data-theme="light"] .merchant-name-row h3{
  color:#111113!important;
  -webkit-text-fill-color:#111113;
}
html[data-theme="light"] .merchant-top p{color:#777980!important}
html[data-theme="light"] .merchant-avatar{
  color:#fff!important;
  background:linear-gradient(145deg,#e52831,#b8121b)!important;
  border:1px solid rgba(185,18,27,.12)!important;
  box-shadow:0 8px 20px rgba(227,29,39,.11);
}
html[data-theme="light"] .merchant-status-chip{
  color:#8b6518;
  background:#fff8e8;
  border:1px solid rgba(213,163,60,.24);
}
html[data-theme="light"] .merchant-meta span{
  background:#f6f6f3!important;
  border:1px solid rgba(20,20,22,.075)!important;
}
html[data-theme="light"] .merchant-meta small{color:#7a7b81!important}
html[data-theme="light"] .merchant-meta b{
  color:#111113!important;
  -webkit-text-fill-color:#111113;
}
html[data-theme="light"] .merchant-edit-button{
  color:#24252a!important;
  background:#f0f0ed;
  border:1px solid rgba(20,20,22,.085);
}
html[data-theme="light"] .merchant-edit-button:hover{
  color:#111113!important;background:#e8e8e4;
}
html[data-theme="light"] .merchant-card-foot{
  border-top-color:rgba(20,20,22,.07);
}
html[data-theme="light"] .merchant-card-foot>span{color:#8b8c91}
html[data-theme="light"] .merchant-delete-link{color:#929399}

/* Responsive */
@media(max-width:1100px){
  .merchant-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:700px){
  .merchant-grid{grid-template-columns:1fr}
  .merchant-card{min-height:auto}
  .merchant-name-row{align-items:flex-start}
}


/* ============================================================
   V2.0.1 · Enterprise SaaS / Cloud Worker / Business Cockpit
   ============================================================ */

/* Merchant task queue */
.cloud-queue-meta{
  display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;padding-top:11px;
  border-top:1px solid var(--line);
}
.cloud-queue-meta span{
  display:inline-flex;align-items:center;gap:5px;padding:6px 9px;
  border:1px solid var(--line);border-radius:999px;
  color:var(--muted);font-size:9px;background:var(--panel2);
}
.cloud-queue-meta b{color:var(--text);font-size:10px}

/* AI quick rewrite */
.rewrite-toolbar{
  display:flex;align-items:center;gap:7px;flex-wrap:wrap;
  margin:10px 0 11px;padding:10px;
  border:1px solid var(--line);border-radius:12px;background:var(--panel2);
}
.rewrite-toolbar>span{
  color:var(--muted);font-size:9px;font-weight:800;margin-right:2px;
}
.rewrite-toolbar form{margin:0}
.rewrite-toolbar button{
  min-height:30px;padding:6px 9px;border-radius:9px;
  border:1px solid var(--line);background:var(--panel);color:var(--text);
  font-size:9px;font-weight:750;
}
.rewrite-toolbar button:hover{border-color:rgba(213,163,60,.38);background:var(--panel3)}

/* Content plan */
.content-plan-control{
  display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px;
}
.content-plan-control form:first-child{min-width:300px}
.content-plan-control label{color:var(--muted);font-size:10px}
.content-plan-grid{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;
}
.content-day-card{
  min-height:285px;display:flex;flex-direction:column;
  border:1px solid var(--line);border-radius:18px;padding:17px;
  background:var(--panel);box-shadow:0 16px 38px rgba(0,0,0,.05);
}
.content-day-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.content-day-head span{font-size:18px;font-weight:900;color:var(--text)}
.content-day-head b{font-size:8px;letter-spacing:.14em;color:var(--muted)}
.content-day-card h3{font-size:15px;line-height:1.5;margin:14px 0 7px}
.content-plan-hook{font-size:11px;line-height:1.65;color:var(--text);margin:0 0 8px}
.content-day-card>small{display:block;flex:1;color:var(--muted);line-height:1.65;margin-bottom:16px}
html[data-theme="dark"] .content-day-card{
  background:radial-gradient(circle at 100% 0,rgba(213,163,60,.045),transparent 30%),#101012;
}
html[data-theme="light"] .content-day-card{
  background:radial-gradient(circle at 100% 0,rgba(213,163,60,.065),transparent 30%),#fff;
}

/* Worker orchestration */
.worker-mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.worker-mode-card{position:relative;min-height:150px}
.worker-mode-card.active{border-color:rgba(227,29,39,.35);box-shadow:0 0 0 1px rgba(227,29,39,.08)}
.worker-mode-card h3{font-size:17px;margin:10px 0 7px}
.worker-mode-card p{color:var(--muted);font-size:10px;line-height:1.7}
.worker-settings-form{
  display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;
}
.worker-settings-form label,.payment-mode-form label{font-size:10px;color:var(--muted)}
.worker-token-card{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.8fr) auto;
  gap:18px;align-items:center;margin:16px 0;
}
.worker-token-card h3{margin:7px 0 5px}
.worker-token-card p{margin:0;color:var(--muted);font-size:10px;line-height:1.6}
.worker-token-card code,.payment-endpoint{
  display:block;padding:12px 13px;border:1px solid var(--line);border-radius:11px;
  background:var(--panel2);color:var(--text);word-break:break-all;font-size:10px;
}

/* Payment bridge */
.payment-mode-form{display:grid;gap:12px;margin-top:14px}
.payment-endpoint{margin:14px 0}

/* Admin business cockpit */
.cockpit-grid{
  display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:11px;margin-bottom:17px;
}
.cockpit-stat{
  min-height:128px;padding:16px;border:1px solid var(--line);border-radius:16px;
  background:var(--panel);display:flex;flex-direction:column;justify-content:center;
}
.cockpit-stat span{font-size:9px;color:var(--muted)}
.cockpit-stat>b{font-size:27px;line-height:1.1;margin:10px 0 5px;letter-spacing:-.04em}
.cockpit-stat>b i{font-size:10px;font-style:normal;color:var(--muted);letter-spacing:0}
.cockpit-stat small{font-size:8px;color:var(--muted)}
.cockpit-stat.money{
  background:linear-gradient(145deg,rgba(213,163,60,.10),rgba(227,29,39,.035)),var(--panel);
  border-color:rgba(213,163,60,.20);
}
.followup-card{overflow:hidden}
.followup-row{
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  padding:12px 4px;border-top:1px solid var(--line);
}
.followup-row:first-of-type{border-top:0}
.followup-row b{display:block;font-size:11px;color:var(--text)}
.followup-row small{display:block;margin-top:3px;font-size:8px;color:var(--muted)}
.followup-row>span{
  flex:none;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:800;
  color:#c08820;background:rgba(213,163,60,.08);border:1px solid rgba(213,163,60,.16);
}

/* Queue/worker status colors */
.status.claimed{color:#c89b40;background:rgba(213,163,60,.08);border-color:rgba(213,163,60,.18)}
.status.queued{color:#8d8f96}
.status.running{color:#69dcae}
.status.completed{color:#69dcae}
.status.failed{color:#ff858e}

/* White theme explicit readability */
html[data-theme="light"] .rewrite-toolbar,
html[data-theme="light"] .cloud-queue-meta span,
html[data-theme="light"] .worker-token-card code,
html[data-theme="light"] .payment-endpoint{
  background:#f6f6f3;color:#111113;
}
html[data-theme="light"] .rewrite-toolbar button{
  background:#fff;color:#222328;border-color:rgba(20,20,22,.10);
}
html[data-theme="light"] .rewrite-toolbar button:hover{background:#eeeeeb}
html[data-theme="light"] .cockpit-stat{background:#fff}
html[data-theme="light"] .cockpit-stat.money{
  background:linear-gradient(145deg,#fff9ed,#fff);
}
html[data-theme="light"] .content-plan-hook,
html[data-theme="light"] .cloud-queue-meta b{color:#111113}

@media(max-width:1300px){
  .cockpit-grid{grid-template-columns:repeat(3,1fr)}
  .content-plan-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:900px){
  .content-plan-grid{grid-template-columns:repeat(2,1fr)}
  .worker-mode-grid{grid-template-columns:1fr}
  .worker-settings-form{grid-template-columns:1fr}
  .worker-token-card{grid-template-columns:1fr}
}
@media(max-width:650px){
  .cockpit-grid{grid-template-columns:1fr 1fr}
  .content-plan-grid{grid-template-columns:1fr}
  .content-plan-control{align-items:stretch;flex-direction:column}
  .content-plan-control form:first-child{min-width:0;width:100%}
}


/* ============================================================
   禧宝AI V2.0 · Enterprise / First-tier product UI
   ============================================================ */
.v2-head h1{letter-spacing:-.04em}
.v2-head p{max-width:880px}

/* Growth loop */
.v2-growth-loop{
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1fr;
  align-items:center;gap:9px;padding:15px 17px;margin:0 0 18px;
  border:1px solid var(--line);border-radius:16px;background:var(--panel);
}
.v2-growth-loop>div{display:grid;gap:3px;min-width:0}
.v2-growth-loop span{font-size:8px;color:var(--xb-red);font-weight:900;letter-spacing:.12em}
.v2-growth-loop b{font-size:11px}.v2-growth-loop small{font-size:8px;color:var(--muted)}
.v2-growth-loop>i{font-style:normal;color:var(--muted);font-size:12px}

/* Brand Brain */
.brain-company-switch,.analytics-switch{
  display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;
}
.brain-company-switch form{min-width:320px}
.brain-company-switch label,.analytics-switch label{font-size:9px;color:var(--muted)}
.brain-status{display:grid;grid-template-columns:auto auto;gap:2px 7px;align-items:center}
.brain-status .live-dot{grid-row:1/3}.brain-status b{font-size:11px}.brain-status small{font-size:8px;color:var(--muted)}
.brain-layout{display:grid;grid-template-columns:1fr 1fr 330px;gap:14px;margin-bottom:16px}
.brain-main{min-height:390px}.brain-policy{display:flex;flex-direction:column;gap:15px}
.brain-policy h3{font-size:18px;margin:4px 0 8px}.brain-policy>label{font-size:9px;color:var(--muted)}
.toggle-line{display:flex!important;gap:10px;align-items:flex-start;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}
.toggle-line input{width:auto!important;margin-top:3px}.toggle-line span{display:grid;gap:4px}.toggle-line b{color:var(--text);font-size:10px}.toggle-line small{font-size:8px;line-height:1.55;color:var(--muted)}
.knowledge-card{margin-top:14px}.knowledge-add{display:grid;grid-template-columns:150px 220px 1fr auto auto;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.knowledge-add textarea{min-height:70px}.inline-check{display:flex!important;align-items:center;gap:6px;white-space:nowrap}.inline-check input{width:auto!important}
.knowledge-list{margin-top:13px}.knowledge-row{display:flex;justify-content:space-between;gap:18px;padding:13px 2px;border-top:1px solid var(--line)}
.knowledge-row:first-child{border-top:0}.knowledge-row>div{min-width:0}.knowledge-row b{margin-left:8px;font-size:11px}.knowledge-row p{margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.65;white-space:pre-wrap}.brain-pin{font-size:7px;color:#9b711d;background:rgba(213,163,60,.11);border:1px solid rgba(213,163,60,.20);padding:3px 5px;border-radius:999px;margin-left:5px}

/* Agent */
.agent-shell{max-width:1180px;margin:0 auto}.agent-hero{padding:26px 4px 18px}.agent-hero h1{font-size:48px;line-height:1.03;letter-spacing:-.055em;margin:10px 0 14px}.agent-hero p{max-width:760px;color:var(--muted);font-size:11px;line-height:1.75}
.agent-command{padding:18px;border:1px solid rgba(227,29,39,.18);border-radius:20px;background:radial-gradient(circle at 90% 0,rgba(227,29,39,.06),transparent 30%),var(--panel);box-shadow:var(--shadow)}
.agent-command-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.agent-command-top label{font-size:9px;color:var(--muted)}
.agent-command>textarea{min-height:150px;font-size:15px;line-height:1.75;padding:17px;border-radius:14px}
.agent-command-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px}.agent-command-foot>span{font-size:9px;color:var(--muted)}.agent-command-foot>span i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d59f;margin-right:6px}
.agent-results{margin-top:26px}.agent-option-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}
.agent-option-card{position:relative;padding:18px;border:1px solid var(--line);border-radius:18px;background:var(--panel);min-height:350px;display:flex;flex-direction:column}
.agent-option-card.recommended{border-color:rgba(213,163,60,.32);box-shadow:0 18px 48px rgba(0,0,0,.10)}
.agent-recommend{position:absolute;right:15px;top:-9px;background:linear-gradient(135deg,#d1a13a,#f4ce75);color:#251a05;padding:5px 8px;border-radius:999px;font-size:8px;font-weight:900}
.agent-option-card h3{font-size:16px;margin:14px 0 8px}.agent-option-card>p{font-size:11px;line-height:1.78;flex:1;color:var(--text)}.agent-option-card .copy-hook{font-size:9px;color:var(--muted);margin-bottom:8px}

/* Template Center */
.template-grid-v2{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px}
.template-card-v2{min-height:340px;padding:17px;border:1px solid var(--line);border-radius:17px;background:var(--panel);display:flex;flex-direction:column;transition:.18s ease}
.template-card-v2:hover{transform:translateY(-3px);border-color:rgba(213,163,60,.30);box-shadow:0 18px 44px rgba(0,0,0,.08)}
.template-card-top{display:flex;justify-content:space-between}.template-card-top span{font-size:8px;color:var(--muted);letter-spacing:.09em}.template-card-top b{font-size:7px;color:#9e741e;background:rgba(213,163,60,.08);padding:4px 6px;border-radius:999px}
.template-card-v2 h3{font-size:17px;margin:18px 0 8px}.template-card-v2>p{font-size:9px;color:var(--muted);line-height:1.65}
.template-rules,.template-style{padding:10px;border:1px solid var(--line);border-radius:10px;font-size:9px;line-height:1.55;margin:5px 0}.template-rules small,.template-style small{display:block;color:var(--muted);font-size:7px;margin-bottom:5px}.template-card-v2>a{margin-top:auto}
.custom-template-card{margin-top:18px}

/* Team */
.role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.role-grid>div{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}.role-grid b{font-size:9px;color:var(--xb-red);letter-spacing:.1em}.role-grid span{display:block;margin-top:6px;font-size:8px;color:var(--muted)}
.inline-form{display:flex;align-items:center;gap:7px}.inline-form select{min-width:120px}.span-4{grid-column:1/-1}.team-member-view{max-width:650px}.text-danger{appearance:none;border:0;background:transparent;color:#d9535d;cursor:pointer;font-size:9px}

/* Analytics */
.analytics-kpis{grid-template-columns:repeat(4,1fr)}.performance-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:11px 0;border-top:1px solid var(--line)}.performance-row:first-of-type{border-top:0}.performance-row b{display:block;font-size:10px}.performance-row small{display:block;margin-top:4px;color:var(--muted);font-size:8px}.performance-row>span{flex:none;font-size:9px;color:#9d7525;background:rgba(213,163,60,.08);padding:5px 7px;border-radius:999px}

/* API */
.api-secret-reveal{padding:17px;margin-bottom:16px;border:1px solid rgba(213,163,60,.32);border-radius:15px;background:linear-gradient(135deg,rgba(213,163,60,.11),rgba(227,29,39,.035));display:grid;gap:7px}.api-secret-reveal span{font-size:8px;color:#a77d24;letter-spacing:.16em}.api-secret-reveal b{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:13px;word-break:break-all}.api-secret-reveal p{margin:0;color:var(--muted);font-size:9px}
.api-list{margin-top:14px}.api-list>div{display:flex;justify-content:space-between;gap:10px;padding:11px 0;border-top:1px solid var(--line)}.api-list b{display:block;font-size:10px}.api-list small{display:block;color:var(--muted);font-size:8px;margin-top:4px}.api-doc-card>code{display:block;padding:10px;border-radius:9px;background:var(--panel2);border:1px solid var(--line);font-size:9px;margin-bottom:12px}.api-doc-card>div{padding:10px 0;border-top:1px solid var(--line)}.api-doc-card>div b{display:block;font-size:10px}.api-doc-card>div small{font-size:8px;color:var(--muted)}

/* Infrastructure */
.infra-status-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.infra-status{padding:17px;border:1px solid var(--line);border-radius:15px;background:var(--panel);display:grid;gap:6px}.infra-status>span{font-size:8px;color:var(--muted);letter-spacing:.12em}.infra-status>b{font-size:20px}.infra-status>small{font-size:8px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.infra-status>a{font-size:9px;color:var(--xb-red)}

/* Governance / QC / Versions */
.v2-task-governance{display:grid;grid-template-columns:330px 1fr;gap:12px;margin:14px 0}
.quality-score-card,.approval-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}
.quality-score-card>span,.approval-card>span{display:block;font-size:8px;color:var(--muted);letter-spacing:.08em}
.quality-score-card>b{display:block;font-size:36px;line-height:1;margin:10px 0}.quality-score-card>b i{font-size:10px;font-style:normal;color:var(--muted)}.quality-score-card>small{display:block;font-size:8px;line-height:1.6;color:var(--muted)}
.quality-score-card.passed{border-color:rgba(85,213,159,.20)}.quality-score-card.failed{border-color:rgba(227,29,39,.25)}
.quality-checks{display:flex;gap:5px;flex-wrap:wrap;margin-top:10px}.quality-checks em{font-style:normal;font-size:7px;padding:4px 6px;border-radius:999px;border:1px solid var(--line)}.quality-checks em.ok{color:#3daf7e;background:rgba(85,213,159,.06)}.quality-checks em.warn{color:#d98a4c;background:rgba(217,138,76,.06)}
.approval-card>b{display:block;font-size:19px;margin:10px 0 5px}.approval-card>small{font-size:9px;color:var(--muted)}.approval-approved{color:#4bc28d}.approval-rejected{color:#dd5a64}.approval-pending{color:#c69a41}.approval-wait{padding:8px 11px;border-radius:10px;border:1px solid rgba(213,163,60,.22);color:#b58a32;font-size:9px}
.approval-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:13px}.approval-actions form{display:flex;gap:7px}.approval-actions input{flex:1}.approval-actions button{white-space:nowrap}
.version-history{margin-top:16px}.version-row{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1px solid var(--line)}.version-row:first-child{border-top:0}.version-row>div{min-width:0}.version-row b{margin-left:7px;font-size:10px}.version-row small{display:block;color:var(--muted);font-size:8px;margin:5px 0}.version-row p{max-width:900px;margin:7px 0 0;color:var(--muted);font-size:9px;line-height:1.65}

/* Light theme precision */
html[data-theme="light"] .agent-command,
html[data-theme="light"] .agent-option-card,
html[data-theme="light"] .template-card-v2,
html[data-theme="light"] .role-grid>div,
html[data-theme="light"] .infra-status,
html[data-theme="light"] .quality-score-card,
html[data-theme="light"] .approval-card,
html[data-theme="light"] .v2-growth-loop{background:#fff}
html[data-theme="light"] .toggle-line,
html[data-theme="light"] .knowledge-add,
html[data-theme="light"] .rewrite-toolbar,
html[data-theme="light"] .api-doc-card>code{background:#f6f6f3}
html[data-theme="light"] .agent-command>textarea{background:#fff;color:#111113}
html[data-theme="light"] .agent-option-card>p,
html[data-theme="light"] .version-row p{color:#4f5056}

/* Responsive */
@media(max-width:1320px){
  .brain-layout{grid-template-columns:1fr 1fr}.brain-policy{grid-column:1/-1}
  .template-grid-v2{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:1050px){
  .v2-growth-loop{grid-template-columns:1fr 1fr 1fr 1fr 1fr}.v2-growth-loop>i{display:none}
  .agent-option-grid{grid-template-columns:1fr}
  .template-grid-v2{grid-template-columns:repeat(2,1fr)}
  .knowledge-add{grid-template-columns:1fr 1fr}.knowledge-add textarea{grid-column:1/-1}
  .role-grid{grid-template-columns:1fr 1fr}.infra-status-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  .agent-hero h1{font-size:34px}.agent-command-top{grid-template-columns:1fr}.agent-command-foot{align-items:stretch;flex-direction:column}
  .brain-layout{grid-template-columns:1fr}.template-grid-v2{grid-template-columns:1fr}.role-grid{grid-template-columns:1fr}
  .v2-task-governance{grid-template-columns:1fr}.approval-actions{grid-template-columns:1fr}
  .v2-growth-loop{grid-template-columns:1fr 1fr}.v2-growth-loop>div:last-child{grid-column:1/-1}
  .analytics-kpis{grid-template-columns:1fr 1fr}
}

/* V2 library governance */
.quality-table-score{font-size:9px;font-weight:850;color:#a87d25;background:rgba(213,163,60,.08);border:1px solid rgba(213,163,60,.16);padding:5px 7px;border-radius:999px}
.approval-mini{font-size:8px;color:var(--muted);padding:5px 7px;border:1px solid var(--line);border-radius:999px;white-space:nowrap}
.approval-mini.approved{color:#339b70;background:rgba(85,213,159,.06);border-color:rgba(85,213,159,.18)}
.approval-mini.pending{color:#aa7d28;background:rgba(213,163,60,.07);border-color:rgba(213,163,60,.18)}
.approval-mini.rejected{color:#ca4f59;background:rgba(227,29,39,.055);border-color:rgba(227,29,39,.16)}

.invoice-admin-form{display:grid;grid-template-columns:105px 120px minmax(140px,1fr) auto;gap:6px;min-width:480px}
@media(max-width:900px){.invoice-admin-form{grid-template-columns:1fr;min-width:220px}}


/* ============================================================
   禧宝AI V2.0.1 · Multi-platform Publishing
   ============================================================ */
.publishing-v201-head{align-items:flex-end}
.publishing-head-status{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}
.feature-live,.feature-testing{font-size:8px;font-weight:850;letter-spacing:.04em;padding:6px 9px;border-radius:999px;white-space:nowrap}
.feature-live{color:#319a6d;background:rgba(85,213,159,.07);border:1px solid rgba(85,213,159,.19)}
.feature-testing{color:#a77c27;background:rgba(213,163,60,.08);border:1px solid rgba(213,163,60,.20)}

.publish-select-card{margin-bottom:17px}
.publish-select-form{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.publish-select-form label{font-size:9px;color:var(--muted)}
.publish-selected-video{display:flex;justify-content:space-between;gap:14px;align-items:center;margin-top:13px;padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.publish-selected-video>div{display:grid;gap:4px}.publish-selected-video span{font-size:7px;color:var(--muted);letter-spacing:.08em}.publish-selected-video b{font-size:11px}.publish-selected-video small{font-size:8px;color:var(--muted)}

.publish-live-section{margin-bottom:17px}
.section-heading{display:flex;justify-content:space-between;gap:15px;align-items:flex-end;margin:4px 0 12px}
.section-heading h2{margin:5px 0 4px;font-size:22px;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:9px}
.publish-platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.publish-platform-card{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--panel);min-height:210px;display:flex;flex-direction:column;gap:14px;transition:.18s ease}
.publish-platform-card:hover:not(.disabled){transform:translateY(-2px);box-shadow:0 15px 38px rgba(0,0,0,.08);border-color:rgba(213,163,60,.24)}
.publish-platform-card.disabled{opacity:.58}
.platform-brand{display:flex;align-items:center;gap:10px}
.platform-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-weight:950;font-size:16px;border:1px solid var(--line);background:var(--panel2)}
.platform-brand>div{display:grid;gap:4px}.platform-brand b{font-size:13px}.platform-brand small{font-size:8px;color:var(--muted)}
.platform-capability{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:auto}
.platform-capability span{font-size:7px;padding:5px 7px;border-radius:999px}
.cap-live{color:#319a6d;background:rgba(85,213,159,.07);border:1px solid rgba(85,213,159,.17)}
.cap-test{color:#a77c27;background:rgba(213,163,60,.07);border:1px solid rgba(213,163,60,.17)}
.publish-browser-note{font-size:8px;color:var(--muted);margin:9px 1px 0}

.auto-publish-testing{position:relative;display:grid;grid-template-columns:1.1fr 2fr;gap:20px;overflow:hidden;margin-bottom:17px;border-color:rgba(213,163,60,.21)}
.auto-publish-testing:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;right:-80px;top:-130px;background:rgba(213,163,60,.055);pointer-events:none}
.auto-test-badge{position:absolute;right:15px;top:13px;font-size:7px;font-weight:900;color:#a77c27;letter-spacing:.12em;padding:5px 7px;border:1px solid rgba(213,163,60,.18);border-radius:999px}
.auto-test-copy h2{font-size:21px;margin:7px 0}.auto-test-copy p{font-size:9px;line-height:1.7;color:var(--muted);max-width:590px}
.auto-platform-status{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start;padding-top:26px}
.auto-platform-status>div{padding:10px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);display:grid;grid-template-columns:1fr auto;gap:4px 8px;align-items:center}
.auto-platform-status b{font-size:10px}.auto-platform-status span{font-size:7px;color:#a77c27}.auto-platform-status button{grid-row:1/3;grid-column:2;font-size:7px;padding:6px 8px;border:1px solid var(--line);border-radius:8px;background:transparent;color:var(--muted)}

.publish-settings-card{padding:0;overflow:hidden}
.publish-settings-card summary{cursor:pointer;list-style:none;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.publish-settings-card summary::-webkit-details-marker{display:none}
.publish-settings-card summary>div{display:grid;grid-template-columns:auto auto;gap:3px 8px;align-items:center}
.publish-settings-card summary .section-index{grid-row:1/3}.publish-settings-card summary b{font-size:12px}.publish-settings-card summary small{font-size:8px;color:var(--muted)}
.publish-settings-card summary>span{font-size:8px;color:var(--muted)}
.publish-settings-form{border-top:1px solid var(--line);padding:4px 16px 16px}
.publish-setting-row{display:grid;grid-template-columns:80px 160px 1fr 130px;gap:9px;align-items:end;padding:12px 0;border-top:1px solid var(--line)}
.publish-setting-row:first-child{border-top:0}
.publish-setting-row label{font-size:8px;color:var(--muted)}
.publish-enable{display:flex!important;align-items:center;gap:7px;height:40px}.publish-enable input{width:auto!important}
.publish-url-field input{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:8px}
.publish-auto-tag{align-self:center;font-size:7px;color:#a77c27;background:rgba(213,163,60,.07);border:1px solid rgba(213,163,60,.16);border-radius:999px;padding:6px 8px;text-align:center}
.publish-settings-foot{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-top:12px}.publish-settings-foot p{margin:0;color:var(--muted);font-size:8px}

html[data-theme="light"] .publish-platform-card,
html[data-theme="light"] .auto-publish-testing{background:#fff}
html[data-theme="light"] .publish-selected-video,
html[data-theme="light"] .auto-platform-status>div,
html[data-theme="light"] .platform-mark{background:#f6f6f3}

@media(max-width:1200px){
  .publish-platform-grid{grid-template-columns:repeat(2,1fr)}
  .publish-setting-row{grid-template-columns:80px 150px 1fr}.publish-auto-tag{grid-column:2/-1;justify-self:start}
}
@media(max-width:800px){
  .publishing-v201-head,.section-heading,.publishing-head-status,.publish-settings-foot{align-items:stretch;flex-direction:column}
  .publish-select-form{grid-template-columns:1fr}.publish-platform-grid{grid-template-columns:1fr}
  .auto-publish-testing{grid-template-columns:1fr}.auto-platform-status{grid-template-columns:1fr;padding-top:0}
  .publish-setting-row{grid-template-columns:1fr}.publish-auto-tag{grid-column:auto;justify-self:start}
}


/* ============================================================
   禧宝AI V2.0.2 · Admin production / merchant / pricing polish
   ============================================================ */

/* Merchant directory: list only registered enterprise names */
.admin-simple-head{align-items:flex-end}
.directory-count{font-size:9px;color:var(--muted);padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.merchant-name-directory{padding:7px 15px}
.merchant-name-row{display:flex;align-items:center;gap:13px;padding:14px 2px;border-top:1px solid var(--line);text-decoration:none;color:var(--text);transition:.16s ease}
.merchant-name-row:first-child{border-top:0}
.merchant-name-row:hover{transform:translateX(3px)}
.merchant-name-avatar{width:39px;height:39px;border-radius:12px;display:grid;place-items:center;font-weight:900;background:var(--panel2);border:1px solid var(--line);flex:none}
.merchant-name-main{display:grid;gap:3px;min-width:0;flex:1}
.merchant-name-main span{font-size:7px;color:var(--muted);letter-spacing:.07em}
.merchant-name-main b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merchant-name-arrow{font-size:9px;color:var(--muted);white-space:nowrap}

.back-link{display:block;margin-bottom:9px;font-size:9px;color:var(--muted)}
.admin-detail-head{align-items:flex-end}
.merchant-detail-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}
.merchant-detail-kpis>div{padding:13px 15px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.merchant-detail-kpis span{display:block;font-size:8px;color:var(--muted)}
.merchant-detail-kpis b{display:block;margin-top:5px;font-size:20px}
.merchant-admin-detail-grid{margin-bottom:14px}
.detail-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.detail-field-grid>div{padding:10px 11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);min-width:0}
.detail-field-grid>div.span-2{grid-column:1/-1}
.detail-field-grid span{display:block;font-size:7px;color:var(--muted);margin-bottom:5px;letter-spacing:.04em}
.detail-field-grid b{font-size:10px;word-break:break-word}
.detail-field-grid p{margin:0;font-size:9px;line-height:1.65;white-space:pre-wrap;color:var(--text)}
.asset-admin-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.asset-admin-row{display:grid;grid-template-columns:auto 1fr;gap:4px 8px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:10px;background:var(--panel2)}
.asset-admin-row b{font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-admin-row small{grid-column:2;color:var(--muted);font-size:7px}
.clickable-row{cursor:pointer}

/* Production task operational audit */
.task-admin-summary{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.task-admin-summary span{font-size:7px;color:var(--muted);padding:6px 8px;border:1px solid var(--line);border-radius:999px;background:var(--panel)}
.task-admin-summary b{color:var(--text);font-size:9px;margin-right:4px}
.admin-task-filter{padding:11px;margin-bottom:12px}
.admin-task-filter-form{display:grid;grid-template-columns:minmax(260px,1fr) 180px auto auto;gap:8px}
.admin-task-table td{vertical-align:middle}
.task-trace-hero{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-bottom:14px}
.task-trace-hero>div{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel)}
.task-trace-hero span{display:block;color:var(--muted);font-size:7px;margin-bottom:6px}
.task-trace-hero b{font-size:17px}.task-trace-hero b.status{font-size:9px;display:inline-flex}.task-trace-hero small{font-size:8px;color:var(--muted)}
.task-timeline{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:5px}
.task-timeline>div{position:relative;padding:24px 8px 8px;border-top:1px solid var(--line)}
.task-timeline>div:before{content:"";position:absolute;width:10px;height:10px;left:8px;top:-6px;border-radius:50%;background:var(--panel);border:2px solid var(--line)}
.task-timeline>div.done:before{background:#50c28c;border-color:#50c28c;box-shadow:0 0 0 4px rgba(80,194,140,.09)}
.task-timeline span{display:block;font-size:8px;color:var(--muted)}.task-timeline b{display:block;font-size:8px;margin-top:5px;word-break:break-word}
.task-error-trace{margin-top:13px;padding:12px;border:1px solid rgba(227,29,39,.18);border-radius:11px;background:rgba(227,29,39,.035)}
.task-error-trace span{font-size:7px;color:#c34d55}.task-error-trace pre{white-space:pre-wrap;word-break:break-word;font-size:9px;line-height:1.6;margin:7px 0 0;font-family:inherit}
.admin-narration{padding:13px;border:1px solid var(--line);border-radius:11px;background:var(--panel2);font-size:10px;line-height:1.75;white-space:pre-wrap}
.task-history-row{padding:10px 0;border-top:1px solid var(--line)}.task-history-row:first-of-type{border-top:0}
.task-history-row>div{display:flex;justify-content:space-between;gap:8px}.task-history-row span{font-size:8px;color:var(--muted)}.task-history-row b{font-size:9px}
.task-history-row p{font-size:8px;line-height:1.55;margin:6px 0;color:var(--text);white-space:pre-wrap}.task-history-row small{font-size:7px;color:var(--muted)}

/* Admin editable pricing */
.admin-price-console{margin-bottom:14px}
.price-live-badge{font-size:7px;color:#339b70;background:rgba(85,213,159,.07);border:1px solid rgba(85,213,159,.18);padding:6px 8px;border-radius:999px}
.price-control-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.15fr;gap:10px}
.price-control-card,.price-control-action{padding:13px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}
.price-control-card>span{display:block;font-size:9px;font-weight:850;margin-bottom:10px}
.price-control-card label{display:block;font-size:7px;color:var(--muted);margin-top:7px}
.price-control-card input{margin-top:4px;font-size:14px;font-weight:800}
.price-control-card small{display:block;margin-top:9px;font-size:7px;color:var(--muted)}
.price-preview{margin-top:10px;font-size:10px;font-weight:800}
.price-control-action{display:flex;flex-direction:column;justify-content:center}
.price-control-action b{font-size:12px}.price-control-action p{font-size:8px;line-height:1.55;color:var(--muted);margin:7px 0 11px}

html[data-theme="light"] .merchant-name-avatar,
html[data-theme="light"] .detail-field-grid>div,
html[data-theme="light"] .asset-admin-row,
html[data-theme="light"] .admin-narration,
html[data-theme="light"] .price-control-card,
html[data-theme="light"] .price-control-action{background:#f6f6f3}
html[data-theme="light"] .merchant-detail-kpis>div,
html[data-theme="light"] .task-trace-hero>div,
html[data-theme="light"] .directory-count,
html[data-theme="light"] .task-admin-summary span{background:#fff}

@media(max-width:1200px){
  .price-control-grid{grid-template-columns:1fr 1fr}.merchant-detail-kpis{grid-template-columns:repeat(3,1fr)}
  .asset-admin-list{grid-template-columns:1fr 1fr}.task-trace-hero{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .admin-task-filter-form{grid-template-columns:1fr}.price-control-grid{grid-template-columns:1fr}
  .merchant-detail-kpis{grid-template-columns:1fr 1fr}.detail-field-grid{grid-template-columns:1fr}.detail-field-grid>div.span-2{grid-column:auto}
  .asset-admin-list{grid-template-columns:1fr}.task-trace-hero{grid-template-columns:1fr 1fr}.task-timeline{grid-template-columns:1fr}
  .task-timeline>div{border-top:0;border-left:1px solid var(--line);padding:8px 8px 15px 24px}.task-timeline>div:before{left:-6px;top:9px}
}


/* ============================================================
   禧宝AI V2.0.3 · Strict Speech + Youthful Face Production Rules
   ============================================================ */
.production-rules-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.production-rules-grid>.card{margin:0}
.production-master-toggle{margin-bottom:12px}
.speech-limit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.speech-limit-grid label{font-size:8px;color:var(--muted)}
.speech-limit-grid input{margin-top:5px;font-size:15px;font-weight:850}
.rule-explainer{margin-top:12px;padding:11px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);font-size:9px;line-height:1.65;color:var(--muted)}
.rule-explainer strong{color:var(--text)}
.face-profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.face-profile-option{display:flex!important;align-items:flex-start;gap:9px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);cursor:pointer;transition:.16s ease}
.face-profile-option:hover,.face-profile-option.selected{border-color:rgba(213,163,60,.30);transform:translateY(-1px)}
.face-profile-option input{width:auto!important;margin-top:3px}
.face-profile-option span{display:grid;gap:5px}.face-profile-option b{font-size:10px;color:var(--text)}.face-profile-option small{font-size:8px;line-height:1.55;color:var(--muted)}
.speech-qc-fields{margin-top:12px}.speech-qc-fields small{display:block;margin-top:4px;font-size:7px;color:var(--muted)}
.speech-qc-note{margin-top:11px;padding:11px;border:1px dashed rgba(213,163,60,.25);border-radius:10px;font-size:8px;line-height:1.6;color:var(--muted)}
.production-save-card{display:flex;flex-direction:column;justify-content:center;min-height:260px}
.production-save-card h3{font-size:20px;margin:8px 0}.production-save-card>p{font-size:9px;color:var(--muted);line-height:1.65}
.production-rule-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}
.production-rule-summary>div{padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--panel2)}
.production-rule-summary span{display:block;font-size:7px;color:var(--muted)}.production-rule-summary b{display:block;margin-top:4px;font-size:9px}

.strict-speech-client-note{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:8px 0 10px;padding:9px 10px;border:1px solid rgba(85,213,159,.19);border-radius:10px;background:rgba(85,213,159,.055)}
.strict-speech-client-note>span{font-size:7px;font-weight:900;letter-spacing:.11em;color:#319a6d}
.strict-speech-client-note>b{font-size:9px}.strict-speech-client-note>small{font-size:8px;color:var(--muted)}
.copy-count-badge.warn{border-color:rgba(213,163,60,.30);color:#aa7d28;background:rgba(213,163,60,.07)}
.copy-count-badge.long{border-color:rgba(227,29,39,.30)!important;color:#d1535c!important;background:rgba(227,29,39,.06)!important}
.task-speech-qc{display:flex!important;justify-content:space-between!important;gap:8px!important;margin-top:7px!important;padding:7px 8px!important;border:1px solid rgba(85,213,159,.16)!important;border-radius:8px!important;background:rgba(85,213,159,.04)!important}
.task-speech-qc span{font-size:7px!important;color:var(--muted)!important}.task-speech-qc b{font-size:9px!important;color:#319a6d!important}
.speech-transcript-detail{margin:7px 0}.speech-transcript-detail summary{font-size:8px;color:var(--muted);cursor:pointer}.speech-transcript-detail p{padding:8px;border-radius:8px;background:var(--panel2)}

html[data-theme="light"] .face-profile-option,
html[data-theme="light"] .rule-explainer,
html[data-theme="light"] .production-rule-summary>div,
html[data-theme="light"] .speech-transcript-detail p{background:#f6f6f3}

@media(max-width:1000px){
  .production-rules-grid{grid-template-columns:1fr}
}
@media(max-width:700px){
  .speech-limit-grid,.face-profile-grid,.production-rule-summary{grid-template-columns:1fr}
}


/* V2.0.4 scene/speech/skin locks */
.production-lock-switches{display:grid;gap:8px;margin-top:12px}
.production-lock-switches .toggle-line{padding:11px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}
.production-lock-switches .toggle-line b{font-size:9px}
.production-lock-switches .toggle-line small{font-size:8px;line-height:1.55;color:var(--muted)}
html[data-theme="light"] .production-lock-switches .toggle-line{background:#f6f6f3}


/* ============================================================
   禧宝AI V2.2.0 · Xibao Agent chat workspace
   ============================================================ */
.sidebar nav{min-height:0;overflow-y:auto;overflow-x:hidden;padding-right:2px}
.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.08);border-radius:99px}
.content:has(.xagent-app){max-width:none;padding:0}
.xagent-app{height:calc(100vh - 64px);min-height:650px;display:grid;grid-template-columns:272px minmax(0,1fr);overflow:hidden;background:radial-gradient(circle at 61% 18%,rgba(231,177,61,.07),transparent 25%),var(--bg)}
.xagent-history-panel{border-right:1px solid var(--line);background:rgba(12,12,15,.76);padding:18px 13px 14px;display:flex;flex-direction:column;min-height:0;backdrop-filter:blur(16px)}
.xagent-new-chat{height:44px;border:1px solid rgba(224,173,63,.24);background:linear-gradient(135deg,rgba(224,173,63,.10),rgba(238,37,48,.04));border-radius:13px;display:flex;align-items:center;gap:10px;padding:0 13px;color:#f1e6cf;transition:.18s}
.xagent-new-chat:hover{border-color:rgba(224,173,63,.46);transform:translateY(-1px)}
.xagent-new-chat span{width:23px;height:23px;display:grid;place-items:center;border-radius:8px;background:linear-gradient(135deg,#f0bf55,#d08c21);color:#2a1902;font-size:15px;font-weight:900}.xagent-new-chat b{font-size:11px}
.xagent-history-title{display:flex;align-items:center;justify-content:space-between;padding:20px 8px 9px;color:var(--muted);font-size:9px;letter-spacing:.08em}.xagent-history-title em{font-style:normal;border:1px solid var(--line);border-radius:999px;padding:2px 6px;font-size:8px}
.xagent-history-list{overflow-y:auto;display:grid;gap:4px;padding:0 1px}.xagent-history-list::-webkit-scrollbar,.xagent-messages::-webkit-scrollbar{width:5px}.xagent-history-list::-webkit-scrollbar-thumb,.xagent-messages::-webkit-scrollbar-thumb{background:rgba(255,255,255,.09);border-radius:99px}
.xagent-history-item{position:relative;border:1px solid transparent;border-radius:11px;display:grid;grid-template-columns:minmax(0,1fr) 29px;align-items:center;transition:.16s}
.xagent-history-item:hover,.xagent-history-item.active{background:var(--panel2);border-color:var(--line)}.xagent-history-item.active:before{content:"";position:absolute;left:-2px;top:11px;bottom:11px;width:2px;border-radius:3px;background:linear-gradient(#f2c55e,#e42b35)}
.xagent-history-item>a{min-width:0;padding:10px 8px 10px 11px;display:grid;gap:4px}.xagent-history-item b,.xagent-history-item span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.xagent-history-item b{font-size:10px}.xagent-history-item span{font-size:8px;color:var(--muted)}
.xagent-history-item form{margin:0}.xagent-history-delete{opacity:0;width:26px;height:26px;padding:0;border-radius:8px;background:transparent;color:var(--muted);font-size:16px}.xagent-history-item:hover .xagent-history-delete{opacity:1}.xagent-history-delete:hover{background:rgba(238,37,48,.09);color:#ff6d76;transform:none}
.xagent-history-empty{padding:26px 12px;text-align:center;color:var(--muted);font-size:9px;line-height:1.65;border:1px dashed var(--line);border-radius:11px}
.xagent-history-foot{margin-top:auto;border-top:1px solid var(--line);padding:13px 5px 2px;display:flex;align-items:center;gap:9px}.xagent-history-foot img{width:34px;height:34px;border-radius:10px;object-fit:cover;background:#fff}.xagent-history-foot div{display:grid;gap:3px}.xagent-history-foot b{font-size:9px}.xagent-history-foot span{font-size:7px;color:var(--muted)}

.xagent-chat-panel{min-width:0;min-height:0;display:grid;grid-template-rows:70px minmax(0,1fr) auto;position:relative}
.xagent-chat-head{border-bottom:1px solid var(--line);padding:0 28px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(9,9,11,.54);backdrop-filter:blur(15px);z-index:3}
.xagent-chat-identity{display:flex;align-items:center;gap:10px}.xagent-avatar-mini{width:38px;height:38px;border:1px solid rgba(225,175,66,.35);border-radius:12px;background:#fff;overflow:hidden;box-shadow:0 7px 23px rgba(217,154,41,.12)}.xagent-avatar-mini img{width:100%;height:100%;object-fit:cover}.xagent-chat-identity>div{display:grid;gap:4px}.xagent-chat-identity b{font-size:12px}.xagent-chat-identity span{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:8px}.xagent-chat-identity i{width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 11px rgba(83,214,162,.65)}
.xagent-context-pill{border:1px solid var(--line);background:var(--panel);border-radius:999px;padding:7px 11px;display:flex;align-items:center;gap:7px}.xagent-context-pill span{color:var(--muted);font-size:7px}.xagent-context-pill b{font-size:9px;max-width:180px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.xagent-alert{position:absolute;z-index:5;left:50%;top:77px;transform:translateX(-50%);margin:0;max-width:680px;width:calc(100% - 40px);box-shadow:var(--shadow)}

.xagent-messages{min-height:0;overflow-y:auto;padding:34px max(28px,calc((100% - 930px)/2)) 80px;scroll-behavior:smooth}
.xagent-welcome{min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;padding:25px 20px 70px}.xagent-welcome-glow{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle,rgba(230,174,54,.12),rgba(232,37,48,.035) 45%,transparent 70%);filter:blur(8px)}
.xagent-welcome-mascot{position:relative;width:116px;height:116px;border-radius:34px;background:#fff;border:1px solid rgba(231,181,68,.48);padding:5px;overflow:hidden;box-shadow:0 25px 70px rgba(206,137,23,.18),0 0 0 9px rgba(225,174,57,.035)}.xagent-welcome-mascot img{width:100%;height:100%;object-fit:cover;border-radius:28px}.xagent-welcome-tag{position:relative;margin-top:20px;color:#c99838;font-size:8px;letter-spacing:.18em;font-weight:850}.xagent-welcome h1{position:relative;font-size:36px;letter-spacing:-.05em;margin:9px 0 10px}.xagent-welcome>p{position:relative;color:var(--muted);font-size:11px;line-height:1.85;margin:0}
.xagent-starters{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:26px;width:min(620px,100%)}.xagent-starters button{justify-content:flex-start;text-align:left;min-height:48px;border:1px solid var(--line);background:rgba(18,18,22,.86);border-radius:13px;color:#c8c8cc;font-size:10px;font-weight:500;padding:10px 13px}.xagent-starters button:hover{border-color:rgba(225,174,58,.30);background:rgba(225,174,58,.045)}.xagent-starters span{color:#d7a13b}
.xagent-message{display:flex;gap:12px;margin:0 auto 24px;width:min(900px,100%);animation:xagent-rise .22s ease both}.xagent-message.is-user{justify-content:flex-end}.xagent-message-avatar{width:34px;height:34px;flex:none;border-radius:11px;background:#fff;overflow:hidden;border:1px solid rgba(225,174,58,.28)}.xagent-message-avatar img{width:100%;height:100%;object-fit:cover}.xagent-message-body{max-width:min(760px,82%);min-width:0;position:relative}.xagent-message-text{font-size:13px;line-height:1.9;white-space:pre-wrap;word-break:break-word}.xagent-message.is-assistant .xagent-message-body{padding:4px 3px}.xagent-message.is-user .xagent-message-body{background:linear-gradient(145deg,#27272d,#1b1b20);border:1px solid var(--line);border-radius:17px 17px 5px 17px;padding:11px 15px}.xagent-message.is-user .xagent-message-text{line-height:1.7}.xagent-copy{margin-top:7px;padding:5px 8px;border-radius:7px;background:transparent;border:1px solid transparent;color:var(--muted);font-size:8px}.xagent-copy:hover{border-color:var(--line);background:var(--panel2);transform:none}.xagent-message.is-streaming .xagent-message-text:after{content:"";display:inline-block;width:7px;height:14px;margin-left:3px;vertical-align:-2px;border-radius:2px;background:#d8a23a;animation:xagent-cursor .8s steps(1) infinite}
@keyframes xagent-rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes xagent-cursor{50%{opacity:.12}}

.xagent-composer-dock{position:relative;padding:48px 30px 14px;background:linear-gradient(180deg,transparent,rgba(9,9,11,.94) 32%);z-index:4}.xagent-composer{position:relative;width:min(900px,100%);margin:0 auto;border:1px solid rgba(225,174,58,.27);background:linear-gradient(160deg,rgba(25,25,29,.98),rgba(13,13,16,.98));border-radius:20px;padding:13px 13px 10px;box-shadow:0 23px 75px rgba(0,0,0,.35),0 0 0 1px rgba(255,255,255,.018)}.xagent-composer:focus-within{border-color:rgba(225,174,58,.53);box-shadow:0 25px 80px rgba(0,0,0,.4),0 0 0 3px rgba(225,174,58,.055)}
.xagent-composer textarea{min-height:34px;max-height:180px;margin:0;padding:3px 4px 7px;border:0;background:transparent;box-shadow:none!important;resize:none;color:var(--text);font-size:13px;line-height:1.7}.xagent-composer textarea::placeholder{color:#65666e}
.xagent-composer-bottom{display:flex;align-items:center;gap:10px;border-top:1px solid rgba(255,255,255,.045);padding-top:9px}.xagent-company-select{width:auto!important;margin:0;display:flex;align-items:center;gap:4px;border:1px solid var(--line);background:var(--panel2);border-radius:999px;padding:0 8px;color:#c69a42}.xagent-company-select>span{font-size:8px}.xagent-company-select select{width:auto;max-width:210px;margin:0;padding:5px 20px 5px 3px;border:0;background:transparent;box-shadow:none;color:var(--muted);font-size:8px}.xagent-input-hint{margin-left:auto;color:var(--muted);font-size:7px}.xagent-send{width:35px;height:35px;padding:0;border-radius:11px;background:linear-gradient(135deg,#f1c25d,#c9851d);color:#241500;font-size:17px;box-shadow:0 8px 22px rgba(218,153,36,.20)}.xagent-send:disabled{opacity:.45;cursor:not-allowed}.xagent-stop-icon{display:none;font-size:10px}.xagent-composer.is-generating .xagent-send-icon{display:none}.xagent-composer.is-generating .xagent-stop-icon{display:inline}.xagent-composer.is-generating .xagent-send{background:var(--panel3);color:#fff;border:1px solid var(--line);box-shadow:none}
.xagent-composer-mascot{position:absolute;z-index:3;top:-1px;left:50%;transform:translate(-50%,-14%);display:flex;align-items:center;gap:7px;border:1px solid rgba(225,174,58,.25);background:rgba(14,14,17,.96);border-radius:999px;padding:5px 11px 5px 5px;box-shadow:0 12px 35px rgba(0,0,0,.25)}.xagent-composer-mascot img{position:relative;width:38px;height:38px;border-radius:12px;background:#fff;object-fit:cover}.xagent-composer-mascot b{font-size:9px;color:#ebcf96}.xagent-mascot-halo{position:absolute;left:7px;width:35px;height:35px;border-radius:50%;box-shadow:0 0 22px rgba(235,181,65,.34)}
.xagent-disclaimer{text-align:center;margin:8px 0 0;color:#55575f;font-size:7px}

/* Agent model administration */
.agent-engine-overview{display:grid;grid-template-columns:72px 1fr auto;gap:17px;align-items:center;border:1px solid rgba(224,173,63,.23);background:radial-gradient(circle at 8% 0,rgba(224,173,63,.12),transparent 30%),var(--panel);border-radius:20px;padding:17px 20px;margin-bottom:18px}.agent-engine-mascot{width:64px;height:64px;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(224,173,63,.35)}.agent-engine-mascot img{width:100%;height:100%;object-fit:cover}.agent-engine-overview>div:nth-child(2){display:grid;gap:4px}.agent-engine-overview>div:nth-child(2)>span{font-size:8px;color:#be9138}.agent-engine-overview>div:nth-child(2)>b{font-size:20px}.agent-engine-overview p{margin:0;color:var(--muted);font-size:9px}.agent-engine-state{text-align:right;display:grid;gap:6px;justify-items:end}.agent-engine-state small{font-size:8px;color:var(--muted)}
.agent-provider-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.agent-provider-option{position:relative;border:1px solid var(--line);border-radius:14px;background:var(--panel2);padding:14px;display:grid!important;grid-template-columns:36px 1fr;gap:3px 10px;cursor:pointer;transition:.17s}.agent-provider-option:hover,.agent-provider-option.active{border-color:rgba(224,173,63,.34);transform:translateY(-1px)}.agent-provider-option input{position:absolute;right:10px;top:10px;width:auto;margin:0;accent-color:#d99c32}.agent-provider-mark{grid-row:1/3;width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:rgba(224,173,63,.09);color:#d5a33c;font-size:15px}.agent-provider-option b{font-size:10px;color:var(--text)}.agent-provider-option small{font-size:8px;line-height:1.5;color:var(--muted)}
.agent-config-grid{gap:15px}.agent-config-card{margin:0}.agent-config-card .tip-box{margin-top:15px}.danger-check{margin-top:2px;color:#c77177!important}.danger-check input{accent-color:var(--red)}.agent-behavior-card{margin-top:15px}.agent-memory-check{display:flex!important;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.agent-memory-check input{width:auto;margin:3px 0 0;accent-color:#d8a33c}.agent-memory-check span{display:grid;gap:4px}.agent-memory-check b{font-size:10px;color:var(--text)}.agent-memory-check small{font-size:8px;color:var(--muted);line-height:1.55}.agent-behavior-card .form-actions{gap:9px}

html[data-theme="light"] .xagent-app{background:radial-gradient(circle at 61% 18%,rgba(222,163,37,.09),transparent 28%),#f8f7f3}
html[data-theme="light"] .xagent-history-panel{background:rgba(249,248,244,.92)}html[data-theme="light"] .xagent-chat-head{background:rgba(255,255,255,.72)}
html[data-theme="light"] .xagent-new-chat{color:#6d4a0c;background:linear-gradient(135deg,rgba(222,166,42,.14),rgba(227,29,39,.035))}
html[data-theme="light"] .xagent-starters button,html[data-theme="light"] .xagent-composer{background:#fff;color:#171719}html[data-theme="light"] .xagent-composer textarea{color:#171719}
html[data-theme="light"] .xagent-composer-dock{background:linear-gradient(180deg,transparent,rgba(248,247,243,.96) 32%)}html[data-theme="light"] .xagent-composer-mascot{background:rgba(255,255,255,.97)}
html[data-theme="light"] .xagent-message.is-user .xagent-message-body{background:#eceae3;color:#171719}html[data-theme="light"] .xagent-company-select{background:#f5f3ed}
html[data-theme="light"] .agent-provider-option,html[data-theme="light"] .agent-memory-check{background:#f6f6f3}

@media(max-width:1050px){.xagent-app{grid-template-columns:220px minmax(0,1fr)}.xagent-messages{padding-left:24px;padding-right:24px}.agent-provider-options{grid-template-columns:1fr}}
@media(max-width:760px){
  .content:has(.xagent-app){padding:0}.xagent-app{height:auto;min-height:calc(100vh - 64px);grid-template-columns:1fr;overflow:visible}.xagent-history-panel{border-right:0;border-bottom:1px solid var(--line);padding:10px;display:block}.xagent-history-title,.xagent-history-list,.xagent-history-foot{display:none}.xagent-new-chat{height:39px;width:max-content}
  .xagent-chat-panel{min-height:calc(100vh - 116px);grid-template-rows:60px minmax(460px,1fr) auto}.xagent-chat-head{padding:0 14px}.xagent-context-pill span{display:none}.xagent-messages{padding:24px 14px 68px}.xagent-welcome{padding:25px 4px 60px}.xagent-welcome h1{font-size:29px}.xagent-welcome-mascot{width:96px;height:96px;border-radius:28px}.xagent-starters{grid-template-columns:1fr}.xagent-message-body{max-width:88%}.xagent-message-text{font-size:12px}.xagent-composer-dock{padding:46px 10px 10px}.xagent-composer{border-radius:17px}.xagent-company-select select{max-width:135px}.xagent-input-hint{display:none}
  .agent-engine-overview{grid-template-columns:58px 1fr}.agent-engine-mascot{width:54px;height:54px}.agent-engine-state{grid-column:1/-1;justify-items:start;text-align:left}.agent-config-grid{grid-template-columns:1fr!important}.agent-behavior-card .form-actions{align-items:stretch;flex-direction:column}
}


/* ============================================================
   禧宝AI V2.2.0 · Hidden global navigation drawer
   The product surface stays full width; navigation appears on demand.
   ============================================================ */
:root{--xibao-drawer-width:296px;--xibao-topbar-height:64px}
html{scrollbar-gutter:stable}
body.sidebar-open{overflow:hidden}
.shell{display:block!important;min-height:100vh}
.main{width:100%;min-width:0}
.topbar{height:var(--xibao-topbar-height);padding:0 24px;z-index:40}

.sidebar{
  display:flex!important;position:fixed!important;inset:0 auto 0 0;top:0!important;
  width:min(var(--xibao-drawer-width),calc(100vw - 28px));height:100dvh;
  padding:16px 14px 14px;border-right:1px solid var(--line);border-radius:0 22px 22px 0;
  background:rgba(8,8,10,.975);box-shadow:30px 0 90px rgba(0,0,0,.42);
  transform:translate3d(calc(-100% - 24px),0,0);visibility:hidden;pointer-events:none;
  transition:transform .24s cubic-bezier(.22,.8,.28,1),visibility 0s linear .24s;
  z-index:70;overflow:hidden;will-change:transform;
}
body.sidebar-open .sidebar{
  transform:translate3d(0,0,0);visibility:visible;pointer-events:auto;transition-delay:0s;
}
.sidebar-backdrop{
  display:block;position:fixed;inset:0;width:100%;height:100%;padding:0;border:0;border-radius:0;
  background:rgba(0,0,0,.54);backdrop-filter:blur(4px);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .2s ease,visibility 0s linear .2s;z-index:60;cursor:default;
}
.sidebar-backdrop:hover{transform:none}
body.sidebar-open .sidebar-backdrop{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}

.sidebar-brand-row{display:flex;align-items:flex-start;gap:8px;flex:none}
.sidebar .xibao-brand{justify-content:flex-start!important;min-width:0;flex:1;padding:2px 4px 12px}
.sidebar .brand-copy{display:block!important}
.sidebar-close{
  width:34px;height:34px;flex:none;padding:0;margin-top:7px;border:1px solid var(--line);
  border-radius:10px;background:var(--panel2);color:var(--muted);font-size:20px;font-weight:400;
}
.sidebar-close:hover{transform:none;color:var(--text);border-color:rgba(213,163,60,.34)}
.sidebar .role-badge{margin:0 6px 10px}
.sidebar nav{
  display:grid;grid-template-columns:1fr;gap:3px;flex:1;min-height:0;
  margin:0 -3px;padding:3px 5px 18px;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;
}
.sidebar nav::-webkit-scrollbar{width:4px}.sidebar nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.11);border-radius:99px}
.nav-section-label{
  display:block;padding:16px 11px 5px;color:#565860;font-size:8px;font-weight:800;
  letter-spacing:.16em;text-transform:uppercase;user-select:none;
}
.nav-section-label:first-child{padding-top:7px}
.sidebar .nav-item{height:41px;padding:0 11px;border:1px solid transparent;border-radius:11px;justify-content:flex-start}
.sidebar .nav-item>span:not(.nav-icon){display:inline!important}
.sidebar .plan-nav em{display:inline-flex!important}
.sidebar .nav-item:hover{transform:none;background:var(--panel2);border-color:var(--line)}
.sidebar .nav-item.active{
  color:#fff;background:linear-gradient(100deg,rgba(213,163,60,.13),rgba(227,29,39,.055));
  border-color:rgba(213,163,60,.21);box-shadow:inset 2px 0 0 var(--xb-gold);
}
.sidebar .nav-item.active .nav-icon{color:var(--xb-gold-2)}
.sidebar .side-foot{flex:none;margin-top:0;padding:11px 5px 0;background:linear-gradient(180deg,transparent,rgba(8,8,10,.96) 18%)}
.sidebar .side-foot .engine-line{display:flex}
.nav-shortcut-hint{display:flex;align-items:center;justify-content:center;gap:5px;color:#565860;font-size:7px;margin:0 0 8px}
.nav-shortcut-hint kbd{border:1px solid var(--line);border-bottom-color:rgba(255,255,255,.18);background:var(--panel2);border-radius:5px;padding:2px 5px;color:#777982;font:inherit}

.topbar-left{min-width:0;gap:11px;letter-spacing:0}
.nav-toggle{
  min-height:38px;padding:0 12px 0 10px;border:1px solid var(--line);border-radius:12px;
  background:var(--panel2);color:var(--text);font-size:10px;font-weight:760;letter-spacing:.02em;
}
.nav-toggle:hover{transform:none;border-color:rgba(213,163,60,.38);background:var(--panel3)}
.nav-toggle[aria-expanded="true"]{border-color:rgba(213,163,60,.43);background:rgba(213,163,60,.085)}
.nav-toggle-lines{width:17px;height:14px;display:flex;flex-direction:column;justify-content:space-between;flex:none}
.nav-toggle-lines i{display:block;width:100%;height:1.5px;border-radius:2px;background:currentColor;transition:transform .18s ease,opacity .18s ease}
.nav-toggle-lines i:nth-child(2){width:12px}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:first-child{transform:translateY(6.2px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] .nav-toggle-lines i:last-child{transform:translateY(-6.2px) rotate(-45deg)}
.topbar-divider{width:1px;height:22px;background:var(--line);flex:none}
.topbar-status{display:flex;align-items:center;gap:8px;color:#71737c;font-size:9px;letter-spacing:.14em;white-space:nowrap}
.topbar-status .live-dot{display:inline-block}

/* Removing the global rail gives the Agent more breathing room while keeping conversation history useful. */
.xagent-app{grid-template-columns:252px minmax(0,1fr)}

html[data-theme="light"] .sidebar{background:rgba(255,255,255,.985);box-shadow:28px 0 80px rgba(20,20,22,.15)}
html[data-theme="light"] .sidebar-backdrop{background:rgba(32,30,27,.27)}
html[data-theme="light"] .sidebar .nav-item.active{color:#22180a;background:linear-gradient(100deg,rgba(213,163,60,.16),rgba(227,29,39,.035));border-color:rgba(177,127,31,.23)}
html[data-theme="light"] .sidebar .side-foot{background:linear-gradient(180deg,transparent,rgba(255,255,255,.97) 18%)}
html[data-theme="light"] .nav-section-label{color:#96979c}
html[data-theme="light"] .nav-toggle{background:#fff}

@media(max-width:1050px){
  .xagent-app{grid-template-columns:220px minmax(0,1fr)}
}
@media(max-width:760px){
  :root{--xibao-topbar-height:54px}
  .topbar{padding:0 12px}
  .nav-toggle{width:38px;padding:0}
  .nav-toggle-text,.topbar-divider,.topbar-status span{display:none}
  .topbar-status{gap:0}.topbar-actions{gap:7px}
  .top-upgrade,.top-renew{display:none}
  .sidebar{width:min(292px,calc(100vw - 22px));border-radius:0 19px 19px 0;padding-top:12px}
  .nav-shortcut-hint{display:none}
  .xagent-app{grid-template-columns:1fr;min-height:calc(100dvh - var(--xibao-topbar-height))}
  .xagent-chat-panel{min-height:calc(100dvh - 106px)}
}
@media(max-width:430px){
  .monthly-quota-pill{height:34px}.theme-switch{height:34px;min-height:34px}
  .xagent-context-pill{max-width:145px}.xagent-context-pill b{max-width:112px}
}
@media(prefers-reduced-motion:reduce){
  .sidebar,.sidebar-backdrop,.nav-toggle-lines i{transition:none!important}
}

/* =========================
   V2.2.0 · Commerce visual factory & media API
   ========================= */
.eyebrow.gold{color:var(--xb-gold-2)}
.commerce-nav,.film-nav{border-color:rgba(213,163,60,.08)!important}.commerce-nav .nav-icon,.film-nav .nav-icon{color:var(--xb-gold-2)}
.commerce-nav em,.film-nav em{margin-left:auto;padding:2px 6px;border-radius:99px;background:rgba(213,163,60,.14);color:var(--xb-gold-2);font-size:7px;font-style:normal;font-weight:900;letter-spacing:.08em}
.status.partial{border-color:rgba(213,163,60,.28);color:var(--xb-gold-2);background:rgba(213,163,60,.08)}
.status.blocked{border-color:rgba(255,168,70,.28);color:#ffc17b;background:rgba(255,168,70,.07)}
.count-pill{align-self:flex-start;border:1px solid rgba(213,163,60,.22);background:rgba(213,163,60,.07);color:var(--xb-gold-2);padding:7px 10px;border-radius:99px;font-size:8px;letter-spacing:.1em}
.compact-grid{gap:10px!important}

/* Commerce landing */
.commerce-hero,.film-hero{min-height:440px;margin-bottom:20px;border:1px solid rgba(213,163,60,.17);border-radius:30px;overflow:hidden;position:relative;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;background:radial-gradient(circle at 78% 30%,rgba(225,168,54,.15),transparent 28%),radial-gradient(circle at 86% 50%,rgba(227,29,39,.10),transparent 38%),linear-gradient(138deg,#151411,#09090b 64%);box-shadow:0 34px 100px rgba(0,0,0,.28)}
.commerce-hero:before,.film-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}
.commerce-hero-copy,.film-hero>div:first-child{padding:54px 0 54px 56px;position:relative;z-index:2}
.commerce-hero h1,.film-hero h1{font-size:49px;line-height:1.08;letter-spacing:-.055em;margin:14px 0 18px}.commerce-hero h1 span,.film-hero h1 span{color:var(--xb-gold-2)}
.commerce-hero p,.film-hero p{max-width:670px;color:#9b978f;font-size:13px;line-height:1.9;margin:0}
.commerce-hero-points,.film-spec-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:26px}.commerce-hero-points span,.film-spec-row span{padding:8px 11px;border:1px solid rgba(213,163,60,.16);border-radius:99px;background:rgba(213,163,60,.055);color:#c9b687;font-size:9px}
.commerce-hero-art{height:100%;position:relative;display:grid;place-items:center}.commerce-hero-art img{position:absolute;right:4%;bottom:-5%;width:36%;filter:drop-shadow(0 22px 35px rgba(0,0,0,.45));z-index:3}
.commerce-product-stage{width:238px;height:282px;border:1px solid rgba(255,226,157,.27);border-radius:80px 80px 45px 45px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;transform:rotate(-5deg);background:linear-gradient(155deg,rgba(255,255,255,.08),rgba(255,255,255,.015));box-shadow:inset 0 0 60px rgba(255,202,103,.08),0 50px 90px rgba(0,0,0,.38)}
.commerce-product-stage b{font-size:72px;letter-spacing:-.08em;background:linear-gradient(#fff4ca,#c8902d);-webkit-background-clip:text;color:transparent}.commerce-product-stage small{font-size:11px;line-height:1.5;letter-spacing:.35em;color:#a98c55}.stage-glow{position:absolute;inset:-40%;background:radial-gradient(circle,rgba(235,185,82,.22),transparent 60%);z-index:-1}
.commerce-orbit{position:absolute;border:1px solid rgba(213,163,60,.14);border-radius:50%}.orbit-a{width:430px;height:430px}.orbit-b{width:570px;height:250px;transform:rotate(-18deg)}
.empty-commerce{text-align:center;padding:54px}.empty-commerce img{width:110px}.empty-commerce h2{margin:8px 0}.empty-commerce p{color:var(--muted);margin:0 0 20px}

.commerce-builder,.film-builder{display:grid;gap:14px}.commerce-builder>.card,.film-builder>.card{margin:0}.commerce-step{padding:28px 30px}.commerce-step-head{display:flex;gap:15px;align-items:flex-start;margin-bottom:22px}.commerce-step-head>span:first-child{width:36px;height:36px;border-radius:12px;display:grid;place-items:center;flex:none;border:1px solid rgba(213,163,60,.25);background:rgba(213,163,60,.07);color:var(--xb-gold-2);font-size:10px;font-weight:900}.commerce-step-head>div{flex:1}.commerce-step-head h2{margin:1px 0 5px;font-size:19px}.commerce-step-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}
.commerce-core-grid{display:grid;grid-template-columns:330px minmax(0,1fr);gap:24px}.commerce-upload{min-height:386px;position:relative;border:1px dashed rgba(213,163,60,.28);border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 35%,rgba(213,163,60,.08),transparent 34%),#0b0b0d;display:grid;place-items:center}.commerce-upload.compact{min-height:310px}.commerce-upload>input[type=file]{position:absolute;inset:0;opacity:0;margin:0;z-index:3;cursor:pointer}.commerce-upload-empty{text-align:center;display:grid;gap:8px;justify-items:center}.commerce-upload-empty>b{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(213,163,60,.28);color:var(--xb-gold-2);font-size:25px;font-weight:300}.commerce-upload-empty strong{font-size:13px}.commerce-upload-empty small{color:var(--muted);font-size:9px}.commerce-upload>img{display:none;position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#08080a}.commerce-upload.has-image>img{display:block}.commerce-upload.has-image .commerce-upload-empty{display:none}.upload-change{display:none;position:absolute;right:12px;bottom:12px;z-index:5;padding:8px 10px;background:rgba(9,9,11,.86);border:1px solid rgba(255,255,255,.15);backdrop-filter:blur(12px)}.commerce-upload.has-image .upload-change{display:inline-flex}.commerce-fields{display:grid;gap:13px;align-content:start}.commerce-fields label,.film-settings-grid>b,.film-settings-grid>div>b{font-size:9px;color:var(--muted)}

.category-choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.category-choice{position:relative;min-height:218px;padding:0;border:1px solid var(--line);border-radius:15px;background:var(--panel2);cursor:pointer;display:block;overflow:hidden}.category-choice input{position:absolute;opacity:0}.category-choice>span.category-card-image{width:100%;height:118px;border-radius:0;display:block;background-color:#111116;background-repeat:no-repeat;background-size:cover}.category-choice>span.category-choice-copy{width:auto;height:auto;border-radius:0;padding:13px 14px;display:grid;grid-template-columns:34px minmax(0,1fr);grid-template-rows:auto 1fr;gap:4px 9px;background:transparent;color:inherit}.category-choice-copy i{grid-row:1/3;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#222126;color:var(--xb-gold-2);font-size:10px;font-style:normal}.category-choice b{font-size:11px}.category-choice small,.category-choice-copy small{grid-column:2;color:var(--muted);font-size:8px;line-height:1.55}.category-choice.selected,.category-choice:has(input:checked){border-color:rgba(213,163,60,.38);background:linear-gradient(145deg,rgba(213,163,60,.10),var(--panel2));box-shadow:inset 0 0 0 1px rgba(213,163,60,.05)}
.model-selector-section.is-optional{opacity:.58}.model-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px}.segmented{display:flex;padding:3px;border-radius:11px;background:#0b0b0e;border:1px solid var(--line)}.segmented button{padding:8px 13px;background:transparent;color:var(--muted);font-size:9px}.segmented button.active{background:var(--panel3);color:var(--text);transform:none}.custom-model-upload{position:relative;overflow:hidden;padding:9px 12px;border:1px dashed rgba(213,163,60,.28);border-radius:11px;color:var(--xb-gold-2);font-size:9px;cursor:pointer}.custom-model-upload input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}
.model-preset-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;max-height:484px;overflow:auto;padding-right:4px}.model-preset{position:relative;padding:12px 9px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);text-align:center;cursor:pointer;transition:.16s}.model-preset:hover{transform:translateY(-2px);border-color:rgba(213,163,60,.25)}.model-preset input{position:absolute;opacity:0}.model-preset:has(input:checked){border-color:rgba(213,163,60,.46);background:linear-gradient(160deg,rgba(213,163,60,.12),var(--panel2));box-shadow:inset 0 0 0 1px rgba(213,163,60,.07)}.model-avatar{--model-tone:#c58f79;width:66px;height:76px;margin:0 auto 9px;border-radius:34px 34px 25px 25px;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 26%,color-mix(in srgb,var(--model-tone) 88%,#fff),var(--model-tone) 33%,#282328 35%);box-shadow:inset 0 -14px 26px rgba(0,0,0,.26)}.model-avatar:after{content:"";position:absolute;bottom:-23px;width:85px;height:56px;border-radius:50%;background:linear-gradient(145deg,#3b3438,#141417)}.model-avatar b{position:relative;z-index:2;margin-top:-10px;color:rgba(255,255,255,.78);font-size:13px}.model-preset>strong{display:block;font-size:10px}.model-preset>small,.model-preset>em{display:block;font-style:normal;font-size:7px;line-height:1.5;color:var(--muted);margin-top:3px}.model-preset>em{color:#8f815f}
.commerce-subtitle{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin:21px 0 10px}.scene-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.scene-card{position:relative}.scene-card input{position:absolute;opacity:0}.scene-card>span.scene-card-shell{min-height:194px;padding:0;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,var(--panel2),#0c0c0f);display:block;overflow:hidden;cursor:pointer}.scene-card-image{height:108px;display:block;background-color:#111116;background-repeat:no-repeat;background-size:cover}.scene-card-copy{padding:11px 12px;display:grid;align-content:start;gap:5px}.scene-card i{width:max-content;padding:3px 6px;border-radius:99px;background:rgba(213,163,60,.08);color:var(--xb-gold-2);font-size:7px;font-style:normal}.scene-card b{font-size:10px}.scene-card small{font-size:8px;line-height:1.5;color:var(--muted)}.scene-card:has(input:checked)>span.scene-card-shell{border-color:rgba(213,163,60,.38);background:linear-gradient(145deg,rgba(213,163,60,.11),var(--panel2))}
.style-choice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.style-choice-grid label{position:relative}.style-choice-grid input{position:absolute;opacity:0}.style-choice-grid label>span.style-choice-shell{display:block;padding:0;border:1px solid var(--line);border-radius:13px;background:var(--panel2);cursor:pointer;overflow:hidden}.style-choice-grid .style-card-image{height:132px;display:block;padding:0;border:0;border-radius:0;background-color:#111116;background-repeat:no-repeat;background-size:cover}.style-choice-grid .style-card-copy{display:grid;gap:4px;padding:12px 13px;border:0;border-radius:0;background:transparent}.style-choice-grid b{font-size:10px}.style-choice-grid small{font-size:8px;color:var(--muted)}.style-choice-grid label:has(input:checked)>span.style-choice-shell{border-color:rgba(213,163,60,.4);background:rgba(213,163,60,.08)}
.package-and-ratio{display:grid;grid-template-columns:1.2fr .8fr;gap:28px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.package-grid label,.ratio-options label{position:relative}.package-grid input,.ratio-options input{position:absolute;opacity:0}.package-grid span{min-height:142px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);display:grid;align-content:start;gap:7px;cursor:pointer}.package-grid em{font-size:18px;color:var(--xb-gold-2);font-style:normal;font-weight:900}.package-grid b{font-size:11px}.package-grid small{font-size:8px;line-height:1.55;color:var(--muted)}.package-grid label:has(input:checked) span{border-color:rgba(213,163,60,.42);background:linear-gradient(145deg,rgba(213,163,60,.11),var(--panel2))}.ratio-picker>b{font-size:10px}.ratio-options{display:flex;gap:9px;margin-top:14px}.ratio-options label{flex:1;text-align:center}.ratio-options label>span{margin:auto;display:block;border:2px solid #62626a;border-radius:4px}.ratio-options .r11{width:39px;height:39px}.ratio-options .r34{width:32px;height:43px}.ratio-options .r916{width:25px;height:44px}.ratio-options .r169{width:49px;height:28px;margin-top:8px}.ratio-options small{display:block;color:var(--muted);font-size:7px;margin-top:9px}.ratio-options label:has(input:checked)>span{border-color:var(--xb-gold-2);box-shadow:0 0 16px rgba(213,163,60,.18)}.ratio-options label:has(input:checked)>small{color:var(--xb-gold-2)}
.commerce-submit-bar{position:sticky;bottom:14px;z-index:8;margin:4px 0 25px;padding:12px 14px 12px 18px;border:1px solid rgba(213,163,60,.22);border-radius:17px;background:rgba(15,15,17,.91);backdrop-filter:blur(22px);box-shadow:0 22px 65px rgba(0,0,0,.34);display:flex;align-items:center;justify-content:space-between;gap:20px}.commerce-submit-bar>div{display:flex;align-items:center;gap:10px}.commerce-submit-bar img{width:50px;height:50px;object-fit:contain}.commerce-submit-bar b,.commerce-submit-bar small{display:block}.commerce-submit-bar b{font-size:11px}.commerce-submit-bar small{margin-top:4px;color:var(--muted);font-size:8px}
.recent-commerce{margin-top:38px}.section-title-row{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.section-title-row h2{font-size:25px;margin:5px 0}.section-title-row p{font-size:9px;color:var(--muted);margin:0}.commerce-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commerce-project-card{min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:17px;background:var(--panel);padding:11px;display:grid;grid-template-columns:106px minmax(0,1fr);gap:13px;transition:.16s}.commerce-project-card:hover{transform:translateY(-2px);border-color:rgba(213,163,60,.25)}.project-card-art{width:106px;max-width:100%;height:98px;border-radius:13px;background-color:#101014;background-repeat:no-repeat;background-size:cover;display:grid;place-items:center;position:relative;overflow:hidden}.project-card-art>b{font-size:32px;color:rgba(255,232,180,.75)}.project-card-art .status{position:absolute;left:7px;bottom:7px}.commerce-project-card>div:last-child{min-width:0;padding-top:5px}.commerce-project-card small{font-size:8px;color:var(--muted)}.commerce-project-card h3{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:7px 0}.commerce-project-card p{font-size:8px;color:var(--muted)}.mini-progress{height:4px;border-radius:99px;background:#09090b;overflow:hidden}.mini-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--xb-gold),var(--xb-red))}

/* Commerce project */
.commerce-project-summary{display:grid;grid-template-columns:190px 1fr 260px;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:20px;background:var(--panel);margin-bottom:28px}.project-source-image{height:170px;position:relative;background:#09090b;border-radius:15px;overflow:hidden}.project-source-image img{width:100%;height:100%;object-fit:contain}.project-source-image span{position:absolute;left:8px;bottom:8px;border-radius:99px;background:rgba(8,8,10,.82);padding:5px 7px;font-size:7px;color:#ccc}.project-progress-panel h2{font-size:21px;margin:15px 0 6px}.project-progress-panel p{color:var(--muted);font-size:9px;line-height:1.7;margin:0 0 12px}.project-progress-top{display:flex;align-items:center;justify-content:space-between}.project-progress-top>b{font-size:22px}.project-main-progress{height:6px;border-radius:99px;background:#08080a;overflow:hidden;margin-top:9px}.project-main-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--xb-gold),var(--xb-gold-2),var(--xb-red));transition:width .4s ease}.project-deliverables{display:grid;grid-template-columns:repeat(3,1fr);border-left:1px solid var(--line)}.project-deliverables span{text-align:center}.project-deliverables b,.project-deliverables small{display:block}.project-deliverables b{font-size:27px}.project-deliverables small{font-size:7px;color:var(--muted);margin-top:4px}
.project-output-section{margin-bottom:30px}.commerce-output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.commerce-output-card{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:var(--panel);transition:.18s}.commerce-output-card.completed:hover{transform:translateY(-2px);border-color:rgba(213,163,60,.25)}.output-media{height:340px;background:#09090b;display:grid;place-items:center;overflow:hidden}.output-media img{width:100%;height:100%;object-fit:contain}.output-placeholder{width:100%;height:100%;display:grid;place-items:center;align-content:center;gap:10px;position:relative;background:radial-gradient(circle,rgba(213,163,60,.09),transparent 42%)}.output-placeholder span{width:52px;height:52px;border-radius:50%;border:1px solid rgba(213,163,60,.18);border-top-color:var(--xb-gold-2);animation:xb-spin 1.8s linear infinite}.commerce-output-card.failed .output-placeholder span{animation:none;border-color:rgba(255,99,112,.3)}.output-placeholder b{font-size:9px;color:var(--muted)}@keyframes xb-spin{to{transform:rotate(360deg)}}.output-card-foot{min-height:70px;padding:11px 13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.output-card-foot small,.output-card-foot b{display:block}.output-card-foot small{font-size:7px;color:var(--muted);letter-spacing:.08em}.output-card-foot b{font-size:10px;margin-top:4px}.output-actions{display:flex;gap:6px}.output-actions a{padding:6px 8px;border-radius:8px;border:1px solid var(--line);font-size:8px;color:#bbb}.output-actions a:last-child{color:var(--xb-gold-2)}
.commerce-copy-layout{display:grid;grid-template-columns:1fr;gap:14px}.commerce-copy-layout>.card{margin:0}.title-option-list{display:grid;gap:7px}.title-option-list button{display:grid;grid-template-columns:25px 1fr auto;align-items:center;text-align:left;background:var(--panel2);border:1px solid var(--line);padding:11px}.title-option-list button:hover{transform:none;border-color:rgba(213,163,60,.25)}.title-option-list button>span{width:23px;height:23px;border-radius:8px;display:grid;place-items:center;background:rgba(213,163,60,.08);color:var(--xb-gold-2);font-size:8px}.title-option-list button>b{font-size:9px;font-weight:600}.title-option-list button>em{font-size:7px;color:var(--muted);font-style:normal}.copy-skeleton{display:grid;gap:9px}.copy-skeleton i{height:38px;border-radius:10px;background:linear-gradient(90deg,var(--panel2),var(--panel3),var(--panel2));background-size:200%;animation:xb-shimmer 1.5s infinite}.copy-skeleton span{font-size:8px;color:var(--muted)}@keyframes xb-shimmer{to{background-position:-200%}}

/* Product film */
.film-hero{min-height:420px}.film-spec-row span{border-color:rgba(227,29,39,.15);color:#cdbb91}.film-hero-visual{height:100%;min-width:0;position:relative;display:grid;place-items:center;overflow:hidden}.film-hero-image{width:min(380px,78%);height:78%;position:relative;z-index:2;display:block;background-repeat:no-repeat;background-size:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.45))}.film-light{position:absolute;width:490px;height:490px;border-radius:50%;background:radial-gradient(circle,rgba(213,163,60,.25),rgba(227,29,39,.06) 40%,transparent 65%)}.film-track{position:absolute;width:560px;height:190px;border:1px solid rgba(213,163,60,.18);border-radius:50%;transform:rotate(-15deg)}
.film-source-tabs{display:inline-flex;padding:3px;border:1px solid var(--line);border-radius:11px;background:#0b0b0e;margin-bottom:14px}.film-source-tabs button{background:transparent;color:var(--muted);padding:9px 13px}.film-source-tabs button.active{background:var(--panel3);color:var(--text);transform:none}.film-source-panel{display:none}.film-source-panel.active{display:block}.film-source-panel>label{font-size:9px;color:var(--muted)}.inline-empty{padding:13px;border:1px dashed var(--line);border-radius:11px;color:var(--muted);font-size:9px}.inline-empty a{color:var(--xb-gold-2)}.film-upload-grid{display:grid;grid-template-columns:300px 1fr;gap:20px}.film-style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.film-style-grid label{position:relative;border:1px solid var(--line);border-radius:15px;padding:11px;background:var(--panel2);cursor:pointer}.film-style-grid input{position:absolute;opacity:0}.film-style-grid label:has(input:checked){border-color:color-mix(in srgb,var(--film-accent) 55%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--film-accent) 12%,transparent)}.film-style-preview{height:132px;border-radius:11px;display:block;position:relative;overflow:hidden;background-color:#08080a;background-repeat:no-repeat;background-size:cover}.film-style-preview i{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(4,4,7,.58));border:0}.film-style-preview em{position:absolute;left:8px;top:8px;padding:4px 6px;border-radius:99px;background:rgba(6,6,9,.72);font-style:normal;font-size:8px;color:var(--film-accent)}.film-style-grid label>b,.film-style-grid label>small{display:block}.film-style-grid label>b{font-size:10px;margin:10px 2px 4px}.film-style-grid label>small{font-size:8px;color:var(--muted);line-height:1.5;margin:0 2px 3px}.film-settings-grid{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:22px}.film-ratio-grid,.duration-options{display:flex;gap:8px;margin-top:12px}.film-ratio-grid label,.duration-options label{position:relative;flex:1}.film-ratio-grid input,.duration-options input{position:absolute;opacity:0}.film-ratio-grid label>span{height:54px;border:2px solid #56565e;border-radius:5px;display:block;margin:auto}.film-ratio-grid .wide{width:88px;height:50px}.film-ratio-grid .tall{width:31px}.film-ratio-grid .square{width:54px}.film-ratio-grid strong,.film-ratio-grid small{display:block;text-align:center}.film-ratio-grid strong{font-size:9px;margin-top:7px}.film-ratio-grid small{font-size:7px;color:var(--muted)}.film-ratio-grid label:has(input:checked)>span{border-color:var(--xb-gold-2);box-shadow:0 0 18px rgba(213,163,60,.15)}.duration-options span{min-height:82px;padding:14px 8px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);display:grid;gap:5px;text-align:center;cursor:pointer}.duration-options strong{font-size:11px}.duration-options small{font-size:7px;color:var(--muted)}.duration-options label:has(input:checked) span{border-color:rgba(213,163,60,.4);background:rgba(213,163,60,.08)}.film-brief{font-size:9px;color:var(--muted)}.film-brief textarea{min-height:118px}.film-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px}.film-task-grid>a{min-width:0;overflow:hidden;padding:10px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.film-task-thumb{height:145px;border-radius:12px;background-color:#0a0a0c;background-repeat:no-repeat;background-size:cover;position:relative;display:grid;place-items:center;overflow:hidden}.film-task-thumb>.film-play-mark{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;padding-left:2px;background:rgba(7,7,10,.68);border:1px solid rgba(255,255,255,.22);color:#fff;font-size:12px;transform:none;backdrop-filter:blur(8px)}.film-task-thumb>b{position:absolute;left:9px;top:9px;color:var(--xb-gold);font-size:8px}.film-task-thumb .status{position:absolute;right:8px;bottom:8px}.film-task-grid>a>small{display:block;color:var(--muted);font-size:7px;margin-top:10px}.film-task-grid h3{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:5px 0}.film-task-grid p{font-size:7px;color:var(--muted);margin:0}
.film-task-stage{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.45fr);gap:14px;margin-bottom:15px}.film-preview-frame{min-height:570px;border:1px solid rgba(213,163,60,.18);border-radius:22px;background:#050507;overflow:hidden;display:grid;place-items:center}.film-preview-frame video,.film-preview-frame>img{width:100%;height:100%;max-height:720px;object-fit:contain}.film-rendering{width:100%;height:100%;min-height:570px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,rgba(213,163,60,.12),transparent 31%)}.film-rendering>div{text-align:center;display:grid;justify-items:center;gap:6px;position:relative;z-index:2}.film-rendering img{width:120px;filter:drop-shadow(0 20px 30px rgba(0,0,0,.45))}.film-rendering b{font-size:14px}.film-rendering small{font-size:8px;color:var(--muted);letter-spacing:.16em}.film-render-orbit{position:absolute;width:330px;height:330px;border:1px solid rgba(213,163,60,.2);border-radius:50%;animation:xb-spin 8s linear infinite}.film-render-orbit:before{content:"";position:absolute;left:50%;top:-5px;width:9px;height:9px;border-radius:50%;background:var(--xb-gold-2);box-shadow:0 0 20px var(--xb-gold)}.film-task-info{padding:24px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}.film-task-info h2{font-size:22px;margin:17px 0 8px}.film-task-info>p{min-height:58px;color:var(--muted);font-size:9px;line-height:1.7}.film-progress-line{height:6px;background:#08080a;border-radius:99px;overflow:hidden;margin:24px 0 8px}.film-progress-line i{display:block;height:100%;background:linear-gradient(90deg,var(--xb-gold),var(--xb-red));transition:width .4s}.film-progress-number{display:block;text-align:right;font-size:21px}.film-task-info dl{margin:22px 0;display:grid}.film-task-info dl>div{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-top:1px solid var(--line)}.film-task-info dt{color:var(--muted);font-size:8px}.film-task-info dd{margin:0;font-size:9px}.storyboard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.storyboard-grid article{min-height:135px;padding:15px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.storyboard-grid span{color:var(--xb-gold);font-size:8px}.storyboard-grid b{display:block;font-size:11px;margin:17px 0 7px}.storyboard-grid p{font-size:8px;line-height:1.6;color:var(--muted);margin:0}

/* V2.7.4 · Visual project source picker for product campaign films */
.film-visual-source{display:grid;grid-template-columns:116px minmax(0,1fr) auto;align-items:center;gap:16px;padding:13px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(135deg,rgba(213,163,60,.055),var(--panel2))}.film-visual-source.has-selection{border-color:rgba(213,163,60,.3)}.film-visual-source.needs-selection{border-color:rgba(239,84,91,.65);box-shadow:0 0 0 3px rgba(239,84,91,.08)}
.film-selected-preview{width:116px;height:84px;border:1px solid rgba(255,255,255,.07);border-radius:13px;overflow:hidden;display:grid;place-items:center;background:#09090c}.film-selected-preview img{width:100%;height:100%;display:block;object-fit:contain;background:#f1f0ed}.film-selected-preview img[hidden]{display:none!important}.film-selected-empty{color:#8f805a;font-size:24px}.film-selected-copy{min-width:0}.film-selected-copy small,.film-selected-copy b,.film-selected-copy p{display:block}.film-selected-copy small{color:#a98b4b;font-size:8px;letter-spacing:.08em}.film-selected-copy b{margin-top:6px;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.film-selected-copy p{margin:5px 0 0;color:var(--muted);font-size:8px;line-height:1.55}.film-source-open{white-space:nowrap}.film-source-help{display:block;margin:8px 2px 0;color:var(--muted);font-size:8px}
.film-source-dialog{width:min(1240px,calc(100vw - 36px))}.film-source-dialog .xibao-modal-shell{height:min(850px,calc(100dvh - 42px))}.film-source-modal-body{padding-bottom:18px}.film-project-library{display:grid;gap:18px}.film-project-group{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:18px;background:rgba(7,7,9,.18)}.film-project-group>header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:12px}.film-project-group>header small{color:#8e8f96;font-size:8px}.film-project-group>header h3{margin:5px 0 0;font-size:15px}.film-project-group>header>span{padding:5px 8px;border-radius:999px;background:rgba(213,163,60,.08);color:#caa858;font-size:7px;text-transform:uppercase}
.film-source-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.film-source-image-card{min-width:0;padding:0;border:1px solid rgba(255,255,255,.075);border-radius:15px;overflow:hidden;background:#1d1e22;color:inherit;text-align:left;cursor:pointer;transition:.16s}.film-source-image-card:hover{transform:translateY(-2px);border-color:rgba(213,163,60,.28)}.film-source-image-card.is-staged,.film-source-image-card.is-selected{border-color:rgba(232,188,94,.75);box-shadow:0 0 0 2px rgba(213,163,60,.11),0 14px 28px rgba(0,0,0,.22)}.film-source-image-card:disabled{opacity:.4;cursor:not-allowed;transform:none}.film-source-card-media{height:156px;display:grid;place-items:center;overflow:hidden;background:#efeeeb}.film-source-card-media img{width:100%;height:100%;display:block;object-fit:contain}.film-source-card-copy{position:relative;min-height:70px;padding:11px 62px 10px 12px;display:block}.film-source-card-copy b,.film-source-card-copy small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.film-source-card-copy b{font-size:10px}.film-source-card-copy small{margin-top:5px;color:#92949b;font-size:7px}.film-source-card-copy em{position:absolute;right:9px;top:10px;padding:4px 6px;border-radius:99px;background:rgba(213,163,60,.08);color:#d5b367;font-size:7px;font-style:normal}
.film-source-modal-actions{min-height:76px;padding:13px 28px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid rgba(255,255,255,.07);background:#222328}.film-source-modal-actions>span{overflow:hidden;color:#a5a7ae;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.film-source-modal-actions button{min-width:148px}
html[data-theme="light"] .film-selected-preview{border-color:rgba(16,16,18,.09)}html[data-theme="light"] .film-project-group{border-color:rgba(16,16,18,.09);background:#f7f6f2}html[data-theme="light"] .film-source-image-card{border-color:rgba(16,16,18,.09);background:#fff}html[data-theme="light"] .film-source-modal-actions{border-top-color:rgba(16,16,18,.09);background:#f3f3f1}
@media(max-width:920px){.film-source-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.film-visual-source{grid-template-columns:96px minmax(0,1fr)}.film-selected-preview{width:96px;height:76px}.film-source-open{grid-column:1/-1;width:100%}}
@media(max-width:640px){.film-source-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-source-card-media{height:124px}.film-source-card-copy{padding-right:10px}.film-source-card-copy em{position:static;width:max-content;display:block;margin-top:7px}.film-source-modal-actions{padding:11px 14px}.film-source-modal-actions>span{display:none}.film-source-modal-actions button{width:100%}.film-visual-source{grid-template-columns:78px minmax(0,1fr);gap:11px}.film-selected-preview{width:78px;height:68px}}

/* Media API admin */
.media-admin-overview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.media-admin-overview>div{display:flex;align-items:center;gap:12px;padding:15px 17px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.media-overview-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(213,163,60,.08);border:1px solid rgba(213,163,60,.18);color:var(--xb-gold-2);font-size:10px}.media-admin-overview p{flex:1;margin:0}.media-admin-overview small,.media-admin-overview b{display:block}.media-admin-overview small{font-size:7px;color:var(--muted)}.media-admin-overview b{font-size:11px;margin-top:4px}.media-admin-overview em{font-style:normal;font-size:8px;color:var(--muted)}.media-admin-overview .compute-state{font-size:9px!important}
.media-settings-form{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}.media-settings-form>.card{margin:0;min-width:0}.media-strategy-options,.image-provider-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.media-strategy-options label,.image-provider-row label{position:relative}.media-strategy-options input,.image-provider-row input{position:absolute;opacity:0}.media-strategy-options span,.image-provider-row span{display:grid;gap:4px;padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--panel2);cursor:pointer}.media-strategy-options b,.image-provider-row b{font-size:10px}.media-strategy-options small,.image-provider-row small{font-size:8px;color:var(--muted)}.media-strategy-options label:has(input:checked) span,.image-provider-row label:has(input:checked) span{border-color:rgba(213,163,60,.4);background:rgba(213,163,60,.08)}.media-order-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-top:13px}.media-order-grid label,.media-basic-fields label{font-size:8px;color:var(--muted)}.media-basic-fields{margin-top:13px}.custom-image-settings{margin-top:13px;border:1px dashed var(--line);border-radius:12px;padding:12px}.custom-image-settings summary{cursor:pointer;font-size:9px;color:var(--xb-gold-2)}.custom-image-settings>.form-grid{margin-top:13px}.media-provider-config-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;min-width:0}.media-provider-card{margin:0!important;min-width:0}.provider-card-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:start;margin-bottom:18px}.provider-card-head h3{font-size:16px;margin:4px 0}.provider-card-head small{font-size:7px;color:var(--xb-gold);letter-spacing:.08em}.provider-card-head p{font-size:8px;color:var(--muted);margin:0}.provider-card-head .compute-state{font-size:8px!important}.provider-enable{position:relative;margin-top:4px}.provider-enable input{position:absolute;opacity:0}.provider-enable span{width:29px;height:17px;border-radius:99px;background:#333;display:block;position:relative}.provider-enable span:after{content:"";position:absolute;left:3px;top:3px;width:11px;height:11px;border-radius:50%;background:#888;transition:.15s}.provider-enable input:checked+span{background:rgba(83,214,162,.25)}.provider-enable input:checked+span:after{left:15px;background:var(--green)}.secret-clear-row{display:flex;gap:9px;flex-wrap:wrap}.secret-clear-row label{font-size:7px;color:#bd777d}.secret-clear-row input{width:auto;margin:0 3px 0 0}.media-runtime-card .form-grid{grid-template-columns:repeat(3,1fr)}.media-save-actions{position:sticky;bottom:14px;z-index:7;padding:12px;border:1px solid rgba(213,163,60,.2);border-radius:15px;background:rgba(12,12,14,.91);backdrop-filter:blur(18px)}.media-task-monitor{margin-top:35px}.media-task-list{display:grid}.media-task-list>div{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.media-task-list>div:first-child{border-top:0}.media-task-list p{margin:0}.media-task-list b,.media-task-list small{display:block}.media-task-list b{font-size:9px}.media-task-list small{font-size:7px;color:var(--muted);margin-top:3px}
.media-settings-form .form-grid,.media-settings-form .form-grid>label{min-width:0}.media-settings-form .inline-check{min-width:0;white-space:normal}.media-settings-form input,.media-settings-form select,.media-settings-form textarea{min-width:0;max-width:100%}

html[data-theme="light"] .commerce-hero,html[data-theme="light"] .film-hero{background:radial-gradient(circle at 78% 30%,rgba(210,151,34,.16),transparent 28%),linear-gradient(138deg,#fffdf7,#f4f0e8 64%);box-shadow:0 30px 80px rgba(59,45,17,.08)}
html[data-theme="light"] .commerce-hero p,html[data-theme="light"] .film-hero p{color:#68635c}
html[data-theme="light"] .commerce-product-stage{background:linear-gradient(155deg,#fff,#e9dfcd)}html[data-theme="light"] .film-device{background:linear-gradient(145deg,#59595d,#1e1e21)}
html[data-theme="light"] .commerce-upload,html[data-theme="light"] .output-media,html[data-theme="light"] .project-source-image{background:#f3f1eb}
html[data-theme="light"] .commerce-submit-bar,html[data-theme="light"] .media-save-actions{background:rgba(255,255,255,.92)}
html[data-theme="light"] .film-preview-frame{background:#eeece5}
html[data-theme="light"] .commerce-upload>img{background:#f5f3ee}

@media(max-width:1180px){
  .model-preset-grid{grid-template-columns:repeat(5,1fr)}.category-choice-grid,.scene-grid{grid-template-columns:repeat(3,1fr)}
  .commerce-output-grid{grid-template-columns:repeat(2,1fr)}.media-provider-config-grid{grid-template-columns:1fr 1fr}.film-task-grid{grid-template-columns:repeat(3,1fr)}
  .film-settings-grid{grid-template-columns:1fr 1fr}.film-brief{grid-column:span 2}.commerce-project-summary{grid-template-columns:160px 1fr}.project-deliverables{grid-column:1/3;border-left:0;border-top:1px solid var(--line);padding-top:14px}
}
@media(max-width:900px){
  .commerce-hero,.film-hero{grid-template-columns:1fr;min-height:auto}.commerce-hero-copy,.film-hero>div:first-child{padding:40px}.commerce-hero-art,.film-hero-visual{height:320px}.commerce-hero h1,.film-hero h1{font-size:40px}
  .commerce-core-grid,.film-upload-grid{grid-template-columns:1fr}.commerce-upload{min-height:320px}.model-preset-grid{grid-template-columns:repeat(4,1fr)}.category-choice-grid,.scene-grid{grid-template-columns:repeat(2,1fr)}
  .package-and-ratio,.commerce-copy-layout{grid-template-columns:1fr}.film-style-grid{grid-template-columns:repeat(2,1fr)}.film-task-stage{grid-template-columns:1fr}.film-preview-frame,.film-rendering{min-height:450px}.storyboard-grid{grid-template-columns:repeat(2,1fr)}
  .media-provider-config-grid,.media-admin-overview{grid-template-columns:minmax(0,1fr)}.media-settings-form .form-grid{grid-template-columns:minmax(0,1fr)}.media-order-grid{grid-template-columns:1fr 1fr}.commerce-project-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .commerce-hero-copy,.film-hero>div:first-child{padding:28px 22px}.commerce-hero h1,.film-hero h1{font-size:32px}.commerce-hero-art,.film-hero-visual{height:250px}.commerce-product-stage{width:175px;height:205px}.film-device{width:190px;height:220px}.film-light{width:320px;height:320px}.film-track{width:340px}
  .commerce-step{padding:21px 16px}.category-choice-grid,.scene-grid,.style-choice-grid,.package-grid,.commerce-project-grid,.commerce-output-grid,.film-style-grid,.film-task-grid{grid-template-columns:1fr}.model-preset-grid{grid-template-columns:repeat(2,1fr);max-height:520px}.model-toolbar{align-items:flex-start;flex-direction:column}.package-grid span{min-height:auto}.commerce-submit-bar{position:static;align-items:flex-start;flex-direction:column}.commerce-submit-bar button{width:100%}
  .commerce-project-summary{grid-template-columns:1fr}.project-source-image{height:240px}.project-deliverables{grid-column:auto}.output-media{height:390px}.film-settings-grid{grid-template-columns:1fr}.film-brief{grid-column:auto}.film-ratio-grid{justify-content:space-around}.storyboard-grid{grid-template-columns:1fr}.media-strategy-options,.image-provider-row,.media-order-grid,.media-runtime-card .form-grid{grid-template-columns:1fr}.media-save-actions{position:static;align-items:stretch;flex-direction:column}.media-save-actions>*{width:100%}.commerce-hero-points,.film-spec-row{gap:5px}
}

/* =========================
   V2.3.0 · Unified points and membership
   ========================= */
.points-balance-pill em{min-width:auto}.credit-hero{position:relative;min-height:390px;margin-bottom:18px;padding:54px 58px;border:1px solid rgba(213,163,60,.18);border-radius:30px;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:center;gap:42px;background:radial-gradient(circle at 78% 42%,rgba(226,174,67,.18),transparent 24%),radial-gradient(circle at 14% 10%,rgba(227,29,39,.08),transparent 26%),linear-gradient(138deg,#171612,#09090b 68%);box-shadow:0 34px 100px rgba(0,0,0,.27)}
.credit-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 84%);pointer-events:none}.credit-hero-copy{position:relative;z-index:2}.credit-hero h1{margin:13px 0 17px;font-size:49px;line-height:1.08;letter-spacing:-.055em}.credit-hero h1 span{color:var(--xb-gold-2)}.credit-hero-copy>p{max-width:670px;margin:0;color:#a29d92;font-size:13px;line-height:1.9}.credit-trust-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.credit-trust-row span,.policy-chip{padding:8px 11px;border:1px solid rgba(213,163,60,.17);border-radius:99px;background:rgba(213,163,60,.055);color:#c9b687;font-size:8px}.policy-chip{white-space:nowrap}.policy-chip.gold{color:var(--xb-gold-2)}
.credit-balance-orb{width:246px;height:246px;justify-self:center;position:relative;border:1px solid rgba(255,222,143,.28);border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle at 38% 27%,rgba(255,255,255,.18),transparent 18%),linear-gradient(145deg,rgba(233,182,76,.20),rgba(30,26,19,.74));box-shadow:inset 0 0 55px rgba(246,194,82,.09),0 35px 75px rgba(0,0,0,.35)}.credit-balance-orb:before,.credit-balance-orb:after{content:"";position:absolute;border:1px solid rgba(213,163,60,.12);border-radius:50%}.credit-balance-orb:before{inset:-20px}.credit-balance-orb:after{inset:-42px}.credit-balance-orb img{position:absolute;width:78px;right:-18px;top:-14px;z-index:2;filter:drop-shadow(0 13px 16px rgba(0,0,0,.32))}.credit-balance-orb>small,.credit-balance-orb>strong,.credit-balance-orb>em{display:block;position:relative;z-index:1}.credit-balance-orb>small{font-size:8px;letter-spacing:.16em;color:#c4ae7b}.credit-balance-orb>strong{font-size:49px;line-height:1.1;letter-spacing:-.05em;color:#fff1c7}.credit-balance-orb>em{font-size:9px;font-style:normal;color:#b99b5d}.credit-balance-orb>div{display:flex;gap:9px;margin-top:14px;position:relative;z-index:1}.credit-balance-orb>div span{font-size:7px;color:#aaa}
.campaign-bar{min-height:126px;margin:0 0 42px;padding:20px 26px;border:1px solid rgba(227,29,39,.23);border-radius:20px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:20px;background:radial-gradient(circle at 90% 50%,rgba(213,163,60,.12),transparent 34%),linear-gradient(125deg,rgba(227,29,39,.10),rgba(213,163,60,.045));overflow:hidden}.campaign-mark{width:80px;height:80px;position:relative;border-radius:23px;display:grid;place-items:center;background:rgba(213,163,60,.09)}.campaign-mark img{width:68px;height:68px;object-fit:contain}.campaign-mark span{position:absolute;left:-9px;top:-7px;padding:4px 7px;border-radius:99px;background:var(--xb-red);color:white;font-size:7px;font-weight:900}.campaign-copy small,.campaign-copy b,.campaign-copy p{display:block}.campaign-copy small{color:#ba8558;font-size:7px;letter-spacing:.17em}.campaign-copy b{margin-top:6px;font-size:16px}.campaign-copy p{margin:6px 0 0;color:var(--muted);font-size:9px}.countdown-clock{display:flex;gap:7px;align-items:center}.countdown-clock>span{min-width:55px;padding:9px 8px;border:1px solid rgba(213,163,60,.15);border-radius:12px;text-align:center;background:rgba(6,6,8,.38)}.countdown-clock b,.countdown-clock small{display:block}.countdown-clock b{font-size:20px;color:#fff0bd;font-variant-numeric:tabular-nums}.countdown-clock small{margin-top:2px;font-size:7px;color:var(--muted)}.countdown-clock i{color:#846b36;font-size:15px;font-style:normal}.campaign-bar.ended{opacity:.55}
.credit-section{margin:0 0 48px}.credit-section>.section-title-row{margin-bottom:19px}.credit-section .section-title-row h2{font-size:30px}.point-package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.point-package-card{position:relative;min-height:450px;padding:25px 22px 20px;border:1px solid var(--line);border-radius:20px;display:flex;flex-direction:column;background:linear-gradient(145deg,var(--panel),rgba(14,14,16,.96));transition:.2s}.point-package-card:hover,.membership-card:hover{transform:translateY(-4px);border-color:rgba(213,163,60,.3);box-shadow:0 22px 55px rgba(0,0,0,.18)}.point-package-card.featured{border-color:rgba(213,163,60,.38);background:radial-gradient(circle at 95% 5%,rgba(213,163,60,.15),transparent 28%),linear-gradient(145deg,#1a1812,#0e0e10)}.package-badge{position:absolute;right:17px;top:17px;padding:5px 8px;border-radius:99px;background:var(--xb-gold-2);color:#15120c;font-size:7px;font-weight:900}.package-top small{color:#8f7c55;font-size:7px;letter-spacing:.15em}.package-top h3{margin:11px 0 6px;font-size:20px}.package-top p{margin:0;color:var(--muted);font-size:9px}.package-points{margin:26px 0 15px}.package-points strong{font-size:42px;letter-spacing:-.055em}.package-points>span{margin-left:5px;color:#a9966f;font-size:9px}.package-points em{display:block;width:max-content;margin-top:7px;padding:4px 7px;border-radius:99px;background:rgba(227,29,39,.09);color:#e67a7f;font-size:7px;font-style:normal}.package-description{min-height:45px;margin:0 0 19px;color:#8d8981;font-size:9px;line-height:1.75}.package-price{margin-top:auto;padding-top:15px;border-top:1px solid var(--line)}.package-price del{display:block;min-height:15px;color:#68645d;font-size:9px}.package-price b{font-size:31px;letter-spacing:-.045em}.package-price b i{font-size:12px;font-style:normal}.package-price>small{margin-left:6px;color:var(--muted);font-size:8px}.point-package-card form{margin-top:17px}
.membership-section{padding:36px 32px;border:1px solid rgba(213,163,60,.11);border-radius:25px;background:radial-gradient(circle at 50% 0,rgba(213,163,60,.07),transparent 32%)}.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.membership-card{min-height:610px;position:relative;padding:28px 25px 22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,var(--panel),rgba(14,14,16,.97));transition:.2s;display:flex;flex-direction:column;overflow:hidden}.membership-card.featured{border-color:rgba(213,163,60,.42);box-shadow:inset 0 0 0 1px rgba(213,163,60,.05)}.membership-ribbon{position:absolute;right:-40px;top:30px;width:170px;padding:6px 0;transform:rotate(42deg);text-align:center;background:var(--xb-gold-2);color:#15120c;font-size:7px;font-weight:900}.membership-period{width:63px;height:63px;border:1px solid rgba(213,163,60,.23);border-radius:19px;display:grid;place-items:center;align-content:center;background:rgba(213,163,60,.055)}.membership-period b{font-size:24px;line-height:1}.membership-period span{margin-top:3px;color:#a88a51;font-size:7px}.membership-code{margin-top:22px;color:#826f4d;font-size:7px;letter-spacing:.16em}.membership-card h3{font-size:22px;margin:8px 0 6px}.membership-card>p{min-height:20px;margin:0;color:var(--muted);font-size:9px}.membership-credit{margin:22px 0;padding:16px;border-radius:15px;background:rgba(213,163,60,.055)}.membership-credit strong{display:block;font-size:34px}.membership-credit>span{font-size:9px;color:#a98f5e}.membership-credit small{display:block;margin-top:6px;color:var(--muted);font-size:8px}.membership-card ul{padding:0;margin:0 0 21px;list-style:none;display:grid;gap:9px}.membership-card li{position:relative;padding-left:17px;color:#aaa49a;font-size:8px}.membership-card li:before{content:"✓";position:absolute;left:0;color:var(--xb-gold-2)}.membership-order-form{margin-top:16px}.renew-choice{margin-bottom:12px;padding:10px;border:1px solid var(--line);border-radius:12px;display:flex!important;gap:9px;align-items:center;background:var(--panel2)}.renew-choice input{width:auto;margin:0}.renew-choice b,.renew-choice small{display:block}.renew-choice b{font-size:8px}.renew-choice small{margin-top:3px;color:var(--muted);font-size:7px}
.cost-example-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cost-example-grid>div{min-height:130px;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel)}.cost-example-grid span{display:block;color:#aaa;font-size:9px}.cost-example-grid b{display:block;margin:13px 0 7px;font-size:25px}.cost-example-grid b small{margin-left:4px;color:#8c7b56;font-size:7px}.cost-example-grid p{margin:0;color:var(--muted);font-size:8px;line-height:1.6}.active-subscription-card{margin:0 0 34px;padding:24px 27px;border:1px solid rgba(213,163,60,.25);border-radius:18px;display:flex;justify-content:space-between;align-items:center;gap:20px;background:linear-gradient(115deg,rgba(213,163,60,.1),rgba(227,29,39,.03))}.active-subscription-card h2{margin:8px 0 5px;font-size:21px}.active-subscription-card p{margin:0;color:var(--muted);font-size:9px}.credit-bottom-grid{align-items:start}.credit-plus{color:#5ed99b!important}.credit-minus{color:#f07d84!important}
.membership-renewal-price{margin:7px 0 0!important;color:#a58d5d!important;font-size:8px!important}
/* Admin monetization console */
.admin-credit-head{margin-bottom:22px;padding:27px 29px;border:1px solid rgba(213,163,60,.16);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:25px;background:radial-gradient(circle at 90% 20%,rgba(213,163,60,.11),transparent 28%),var(--panel)}.admin-credit-head h1{font-size:34px;margin:8px 0}.admin-credit-head p{margin:0;color:var(--muted);font-size:10px}.admin-credit-signal{min-width:270px;padding:16px;border:1px solid var(--line);border-radius:15px;background:rgba(8,8,10,.38);display:grid;grid-template-columns:auto 1fr;gap:4px 9px;align-items:center}.admin-credit-signal .engine-dot{grid-row:1/3}.admin-credit-signal b{font-size:10px}.admin-credit-signal small{font-size:7px;color:var(--muted)}.admin-campaign-console,.admin-credit-rules,.admin-package-editor,.admin-membership-editor{margin-bottom:17px}.campaign-admin-form{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;align-items:end}.campaign-admin-form .wide{grid-column:span 2}.campaign-admin-form>button{grid-column:1/-1;justify-self:start}.switch-row{min-height:61px;padding:11px!important;border:1px solid var(--line);border-radius:12px;display:flex!important;gap:9px;align-items:center;background:var(--panel2)}.switch-row input,.mini-switch input,.package-admin-flags input{width:auto;margin:0}.switch-row b,.switch-row small{display:block}.switch-row b{font-size:8px}.switch-row small{margin-top:3px;color:var(--muted);font-size:7px}.credit-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:15px}.credit-rule-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);display:grid;grid-template-columns:1fr 118px;gap:10px;align-items:end}.credit-rule-card>div small,.credit-rule-card>div b,.credit-rule-card>div p{display:block}.credit-rule-card>div small{color:#8e7a51;font-size:7px;text-transform:uppercase}.credit-rule-card>div b{margin:5px 0;font-size:11px}.credit-rule-card>div p{margin:0;color:var(--muted);font-size:7px}.credit-rule-card label{position:relative}.credit-rule-card label span{position:absolute;right:8px;bottom:8px;font-size:6px;color:var(--muted);pointer-events:none}.credit-rule-card label input{padding-right:57px}.credit-rule-card .wide{grid-column:1/-1}.mini-switch{grid-column:1/-1;display:flex!important;gap:6px;align-items:center;color:#aaa;font-size:7px}.admin-package-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:15px}.admin-package-grid>article,.admin-membership-grid>article{padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--panel2)}.admin-package-title{display:grid;grid-template-columns:115px 1fr;align-items:center;gap:9px;margin-bottom:11px}.admin-package-title small{font-size:7px;color:#8f7b54}.admin-package-title input,.membership-admin-head input{margin:0;font-weight:700}.package-admin-flags{display:flex;gap:13px;align-items:center;flex-wrap:wrap;margin-top:10px;color:#999;font-size:7px}.package-admin-flags label{display:flex;align-items:center;gap:5px}.package-admin-flags label:last-child{margin-left:auto}.package-admin-flags input[type=number]{width:70px;margin:0}.new-package-panel{margin-top:14px;border:1px dashed rgba(213,163,60,.22);border-radius:14px;padding:14px}.new-package-panel summary{cursor:pointer;color:var(--xb-gold-2);font-size:9px;font-weight:700}.new-package-panel form{margin-top:15px}.admin-membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:15px}.membership-admin-head{display:grid;grid-template-columns:58px 1fr;gap:11px;align-items:center;margin-bottom:13px}.membership-admin-head>span{height:58px;border:1px solid rgba(213,163,60,.22);border-radius:16px;display:grid;place-items:center;color:var(--xb-gold-2);font-weight:900}.membership-admin-head small{display:block;margin-bottom:4px;color:#8c7952;font-size:7px}
html[data-theme="light"] .credit-hero{background:radial-gradient(circle at 78% 42%,rgba(213,163,60,.19),transparent 25%),linear-gradient(138deg,#fffdf7,#f2ede3 68%);box-shadow:0 30px 80px rgba(59,45,17,.08)}html[data-theme="light"] .credit-hero-copy>p{color:#69645b}html[data-theme="light"] .credit-balance-orb{background:linear-gradient(145deg,#fff8e4,#e9d6ad)}html[data-theme="light"] .credit-balance-orb>strong{color:#6f501d}html[data-theme="light"] .campaign-bar{background:linear-gradient(125deg,#fff6f3,#fffaf0)}html[data-theme="light"] .countdown-clock>span,html[data-theme="light"] .admin-credit-signal{background:rgba(255,255,255,.6)}html[data-theme="light"] .point-package-card,html[data-theme="light"] .membership-card{background:linear-gradient(145deg,#fff,#faf7f1)}html[data-theme="light"] .point-package-card.featured{background:radial-gradient(circle at 95% 5%,rgba(213,163,60,.15),transparent 28%),#fffdf8}
@media(max-width:1180px){.point-package-grid{grid-template-columns:repeat(2,1fr)}.cost-example-grid{grid-template-columns:repeat(3,1fr)}.campaign-admin-form{grid-template-columns:repeat(2,1fr)}.credit-rule-grid{grid-template-columns:repeat(2,1fr)}.admin-membership-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.credit-hero{grid-template-columns:1fr;padding:42px}.credit-balance-orb{margin:15px 0}.campaign-bar{grid-template-columns:auto 1fr}.countdown-clock{grid-column:1/-1;justify-content:center}.membership-grid{grid-template-columns:1fr}.membership-card{min-height:auto}.cost-example-grid{grid-template-columns:repeat(2,1fr)}.admin-credit-head{align-items:flex-start;flex-direction:column}.admin-credit-signal{width:100%}.admin-package-grid,.admin-membership-grid{grid-template-columns:1fr}}
@media(max-width:640px){.credit-hero{padding:29px 21px}.credit-hero h1{font-size:34px}.credit-balance-orb{width:205px;height:205px}.credit-balance-orb>strong{font-size:40px}.campaign-bar{padding:16px;grid-template-columns:1fr}.campaign-mark{display:none}.countdown-clock{grid-column:auto;gap:4px}.countdown-clock>span{min-width:45px}.credit-section .section-title-row{align-items:flex-start}.point-package-grid,.cost-example-grid{grid-template-columns:1fr}.membership-section{padding:24px 16px}.active-subscription-card{align-items:flex-start;flex-direction:column}.credit-bottom-grid{grid-template-columns:1fr!important}.campaign-admin-form,.credit-rule-grid{grid-template-columns:1fr}.campaign-admin-form .wide{grid-column:auto}.campaign-admin-form>button{grid-column:auto;width:100%}.credit-rule-card{grid-template-columns:1fr}.credit-rule-card .wide,.mini-switch{grid-column:auto}.admin-package-title{grid-template-columns:1fr}.package-admin-flags label:last-child{margin-left:0}}

/* =========================
   V2.3.1 · Merchant talking-video simplified studio
   ========================= */
.merchant-video-hero{max-width:1120px;min-height:300px;margin:0 auto 18px;padding:42px 48px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:48px;align-items:center;border:1px solid rgba(213,163,60,.18);border-radius:28px;background:radial-gradient(circle at 86% 36%,rgba(213,163,60,.15),transparent 26%),radial-gradient(circle at 7% 5%,rgba(227,29,39,.08),transparent 27%),linear-gradient(138deg,#171612,#09090b 70%);box-shadow:0 30px 90px rgba(0,0,0,.22)}
.merchant-video-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 88%);pointer-events:none}.merchant-video-hero-copy{position:relative;z-index:2}.merchant-video-hero h1{margin:11px 0 13px;font-size:45px;line-height:1.05;letter-spacing:-.052em}.merchant-video-hero-copy>p{max-width:680px;margin:0;color:#a19c91;font-size:13px;line-height:1.85}
.merchant-video-path{display:flex;align-items:center;gap:9px;margin-top:24px;flex-wrap:wrap}.merchant-video-path span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(213,163,60,.16);border-radius:999px;background:rgba(213,163,60,.045);color:#c5b283;font-size:9px}.merchant-video-path b{width:18px;height:18px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#f0c45d,#c88920);color:#251805;font-size:8px}.merchant-video-path i{color:#66552e;font-size:10px;font-style:normal}
.merchant-video-assistant{position:relative;z-index:2;display:grid;grid-template-columns:112px 1fr;align-items:center;gap:18px}.merchant-video-mascot{width:112px;height:112px;padding:5px;border:1px solid rgba(213,163,60,.34);border-radius:34px;background:#fff;box-shadow:0 24px 65px rgba(203,136,24,.20),0 0 0 10px rgba(213,163,60,.035)}.merchant-video-mascot img{width:100%;height:100%;object-fit:cover;border-radius:28px}.merchant-video-assistant small,.merchant-video-assistant strong,.merchant-video-assistant p{display:block}.merchant-video-assistant small{color:#bd913c;font-size:8px;letter-spacing:.13em}.merchant-video-assistant strong{margin-top:7px;font-size:20px;line-height:1.4}.merchant-video-assistant p{margin:7px 0 0;color:#88847b;font-size:9px;line-height:1.6}
.merchant-video-form,.merchant-options-section,.merchant-video-empty{max-width:1120px;margin-left:auto;margin-right:auto}.merchant-video-primary-card,.merchant-video-brief-card{padding:28px 30px;margin-bottom:14px}.merchant-video-section-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:13px;align-items:start;margin-bottom:20px}.merchant-step-index{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(213,163,60,.24);border-radius:12px;background:rgba(213,163,60,.055);color:var(--xb-gold-2);font-size:10px;font-weight:850}.merchant-video-section-head h2{margin:1px 0 5px;font-size:18px}.merchant-video-section-head p{margin:0;color:var(--muted);font-size:10px;line-height:1.65}.merchant-required,.merchant-optional{margin-top:7px;padding:5px 8px;border-radius:999px;font-size:7px;font-weight:800}.merchant-required{background:rgba(227,29,39,.09);color:#ef7a80}.merchant-optional{background:var(--panel2);color:var(--muted)}
.merchant-copy-count-card{padding:25px 30px;margin-bottom:14px}.merchant-copy-count-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.merchant-count-choice{cursor:pointer}.merchant-count-choice input{position:absolute;opacity:0;pointer-events:none}.merchant-count-choice span{display:flex;align-items:center;justify-content:space-between;padding:15px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2);transition:.2s}.merchant-count-choice b{font-size:13px}.merchant-count-choice small{color:var(--muted);font-size:9px}.merchant-count-choice input:checked+span{border-color:rgba(213,163,60,.62);background:linear-gradient(135deg,rgba(213,163,60,.16),rgba(227,29,39,.055));box-shadow:0 0 0 3px rgba(213,163,60,.055)}.merchant-count-choice input:checked+span small{color:var(--xb-gold-2)}.merchant-submit-value em{color:var(--xb-gold-2);font-style:normal}
.merchant-video-company-select{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:12px}.merchant-video-company-select label{color:var(--muted);font-size:9px}.merchant-video-company-select select{margin-top:7px}.merchant-video-company-select>a{height:50px}.merchant-video-memory{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:9px;margin-top:13px}.merchant-video-memory>div{min-width:0;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.merchant-video-memory small,.merchant-video-memory b{display:block}.merchant-video-memory small{color:#777873;font-size:8px}.merchant-video-memory b{margin-top:5px;color:#c9c8c2;font-size:10px;line-height:1.55;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.merchant-video-brief-input{position:relative;display:block}.merchant-video-brief-input textarea{min-height:138px;margin:0;padding:20px 22px 30px;border-color:rgba(213,163,60,.18);border-radius:17px;background:linear-gradient(145deg,#0d0d10,#0a0a0c);font-size:14px;line-height:1.8}.merchant-video-brief-input>span{position:absolute;right:14px;bottom:11px;color:#62636a;font-size:8px}.merchant-video-brief-input em{font-style:normal}.merchant-video-inspiration{display:flex;align-items:center;gap:13px;margin-top:13px}.merchant-video-inspiration>small{color:var(--muted);font-size:8px;white-space:nowrap}.merchant-video-inspiration>div,.merchant-style-presets{display:flex;gap:7px;flex-wrap:wrap}.merchant-video-inspiration button,.merchant-style-presets button{padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--panel2);color:#aaa9a4;font-size:8px;font-weight:600}.merchant-video-inspiration button:hover,.merchant-style-presets button:hover{border-color:rgba(213,163,60,.31);background:rgba(213,163,60,.06);color:#e3c986}
.merchant-smart-card{max-width:1120px;margin:0 auto 14px;padding:17px 20px;border:1px solid rgba(213,163,60,.18);border-radius:17px;display:grid;grid-template-columns:245px minmax(0,1fr);gap:17px;align-items:center;background:linear-gradient(100deg,rgba(213,163,60,.075),rgba(213,163,60,.018) 56%,rgba(227,29,39,.025))}.merchant-smart-title{display:flex;align-items:center;gap:11px}.merchant-smart-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#f0bf55,#c6811d);color:#211505;font-weight:900}.merchant-smart-title b,.merchant-smart-title small{display:block}.merchant-smart-title b{font-size:11px}.merchant-smart-title small{margin-top:4px;color:var(--muted);font-size:8px;line-height:1.5}.merchant-smart-summary{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.merchant-smart-summary>span{min-width:0;padding:9px 10px;border-left:1px solid rgba(213,163,60,.13)}.merchant-smart-summary small,.merchant-smart-summary b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-smart-summary small{color:#81775f;font-size:7px}.merchant-smart-summary b{margin-top:4px;color:#c8c0ae;font-size:9px}
.merchant-scene-product-card{padding:28px 30px;margin-bottom:14px}.merchant-scene-count-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.merchant-scene-count-choice{cursor:pointer}.merchant-scene-count-choice input{position:absolute;opacity:0;pointer-events:none}.merchant-scene-count-choice span{min-height:66px;padding:13px 15px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:14px;background:var(--panel2);transition:.2s}.merchant-scene-count-choice b{font-size:12px}.merchant-scene-count-choice small{margin-top:5px;color:var(--muted);font-size:8px}.merchant-scene-count-choice input:checked+span{border-color:rgba(213,163,60,.62);background:linear-gradient(135deg,rgba(213,163,60,.16),rgba(227,29,39,.055));box-shadow:0 0 0 3px rgba(213,163,60,.055)}.merchant-scene-count-choice input:checked+span small{color:var(--xb-gold-2)}.merchant-scene-slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px}.merchant-scene-slot{min-width:0;padding:16px;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.018)}.merchant-scene-slot>header{display:flex;align-items:center;gap:9px;margin-bottom:13px}.merchant-scene-slot>header>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(213,163,60,.09);color:var(--xb-gold-2);font-size:9px;font-weight:850}.merchant-scene-slot>header b,.merchant-scene-slot>header small{display:block}.merchant-scene-slot>header b{font-size:10px}.merchant-scene-slot>header small{margin-top:3px;color:var(--muted);font-size:7px}.merchant-scene-fields{display:grid;gap:10px}.merchant-scene-fields label,.merchant-product-panel>label{color:var(--muted);font-size:8px}.merchant-scene-fields select,.merchant-scene-fields input,.merchant-product-panel input,.merchant-product-panel select{margin-top:6px}.merchant-scene-upload em,.merchant-product-upload em{color:var(--xb-gold-2);font-size:7px;font-style:normal}.merchant-scene-upload small,.merchant-product-upload small{display:block;margin-top:5px;color:#76736b;font-size:7px;line-height:1.5}.merchant-product-toggle-row{margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}.merchant-product-toggle{display:block;cursor:pointer}.merchant-product-toggle>input{position:absolute;opacity:0;pointer-events:none}.merchant-product-toggle>span{min-height:72px;padding:14px 16px;display:grid;grid-template-columns:38px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:12px;border:1px solid var(--line);border-radius:15px;background:var(--panel2);transition:.2s}.merchant-product-toggle i{grid-row:1/3;width:38px;height:22px;position:relative;border-radius:999px;background:#35363a}.merchant-product-toggle i:after{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;border-radius:50%;background:#949599;transition:.2s}.merchant-product-toggle b{font-size:11px}.merchant-product-toggle small{margin-top:4px;color:var(--muted);font-size:8px}.merchant-product-toggle>input:checked+span{border-color:rgba(213,163,60,.5);background:linear-gradient(120deg,rgba(213,163,60,.13),rgba(227,29,39,.035))}.merchant-product-toggle>input:checked+span i{background:#b87c1d}.merchant-product-toggle>input:checked+span i:after{left:19px;background:#fff}.merchant-product-panel{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:11px;margin-top:10px;padding:16px;border:1px solid rgba(213,163,60,.2);border-radius:15px;background:rgba(213,163,60,.035)}.merchant-product-panel>p{grid-column:1/-1;margin:0;padding:10px 12px;border-radius:10px;background:rgba(255,255,255,.025);color:var(--muted);font-size:8px;line-height:1.65}
.merchant-advanced-card{max-width:1120px;margin:0 auto 14px;border:1px solid var(--line);border-radius:18px;background:var(--panel);overflow:hidden}.merchant-advanced-card>summary{min-height:76px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;transition:.18s}.merchant-advanced-card>summary::-webkit-details-marker{display:none}.merchant-advanced-card>summary:hover{background:rgba(255,255,255,.018)}.merchant-advanced-card>summary>span{display:grid;grid-template-columns:36px auto;column-gap:12px;align-items:center}.merchant-advanced-card>summary i{grid-row:1/3;width:36px;height:36px;display:grid;place-items:center;border-radius:11px;background:var(--panel2);color:#8b7952;font-size:9px;font-style:normal}.merchant-advanced-card>summary b{font-size:13px}.merchant-advanced-card>summary small{margin-top:3px;color:var(--muted);font-size:8px}.merchant-advanced-card>summary>em{position:relative;padding-right:18px;color:#9a8b69;font-size:8px;font-style:normal}.merchant-advanced-card>summary>em:after{content:"⌄";position:absolute;right:0;top:-3px;font-size:15px;transition:.2s}.merchant-advanced-card[open]>summary{border-bottom:1px solid var(--line);background:rgba(213,163,60,.025)}.merchant-advanced-card[open]>summary>em:after{transform:rotate(180deg)}
.merchant-advanced-content{padding:22px}.merchant-advanced-intro{margin-bottom:14px;padding:13px 15px;border-radius:12px;background:rgba(213,163,60,.045)}.merchant-advanced-intro b{font-size:10px}.merchant-advanced-intro p{display:inline;margin-left:8px;color:var(--muted);font-size:8px}.merchant-advanced-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.merchant-setting-block{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.merchant-setting-wide{grid-column:1/-1}.merchant-setting-head{min-height:34px;display:grid;grid-template-columns:29px minmax(0,1fr) auto;gap:9px;align-items:center;margin-bottom:12px}.merchant-setting-head>span{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:rgba(213,163,60,.06);color:#9b7c3e;font-size:7px}.merchant-setting-head b,.merchant-setting-head small{display:block}.merchant-setting-head b{font-size:10px}.merchant-setting-head small{margin-top:3px;color:var(--muted);font-size:7px}.merchant-setting-head>a{color:#bd9343;font-size:8px}.merchant-setting-block select,.merchant-setting-block textarea,.merchant-setting-block input{margin-top:0}.merchant-setting-tip,.merchant-setting-empty{margin:9px 2px 0;color:var(--muted);font-size:8px;line-height:1.6}.merchant-setting-split{display:grid;grid-template-columns:1fr 1fr;gap:10px}.merchant-setting-split label{color:var(--muted);font-size:8px}.merchant-setting-split select,.merchant-setting-split input{margin-top:7px}.merchant-setting-split label>small{display:block;margin-top:5px;color:#777;font-size:7px}.merchant-mini-assets{margin-top:10px}.merchant-style-presets{margin-top:9px}
.merchant-advanced-card{border-color:rgba(213,163,60,.25);box-shadow:0 18px 46px rgba(0,0,0,.10)}.merchant-advanced-card>summary{display:grid;grid-template-columns:minmax(0,1fr) auto auto}.merchant-advanced-highlights{display:flex;align-items:center;gap:6px}.merchant-advanced-highlights>span{padding:6px 9px;border:1px solid rgba(213,163,60,.25);border-radius:999px;background:rgba(213,163,60,.07);color:#d3ad5e;font-size:8px;font-weight:750;white-space:nowrap}.merchant-advanced-feature{border-color:rgba(213,163,60,.22);background:linear-gradient(145deg,rgba(213,163,60,.045),var(--panel2) 44%)}.merchant-advanced-feature>.merchant-setting-head>a{padding:6px 9px;border:1px solid rgba(213,163,60,.22);border-radius:999px;background:rgba(213,163,60,.055)}.merchant-scene-selected-asset{min-height:68px;grid-template-columns:44px minmax(0,1fr)}.merchant-scene-selected-asset .merchant-selected-preview{width:44px;height:44px}.merchant-scene-selected-asset>button{grid-column:1/-1;width:100%}.merchant-product-panel>div{min-width:0}.merchant-product-panel .merchant-selected-asset{min-height:86px}.merchant-product-panel .merchant-selected-asset>button{grid-column:1/-1;width:100%}
.merchant-video-submit{position:sticky;z-index:8;bottom:16px;max-width:1120px;margin:0 auto 34px;padding:14px 16px;border:1px solid rgba(213,163,60,.25);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:rgba(12,12,14,.90);backdrop-filter:blur(20px);box-shadow:0 22px 55px rgba(0,0,0,.32)}.merchant-submit-value{display:flex;align-items:center;gap:11px}.merchant-submit-value img{width:46px;height:46px;padding:2px;border:1px solid rgba(213,163,60,.24);border-radius:14px;background:#fff}.merchant-submit-value b,.merchant-submit-value span{display:block}.merchant-submit-value b{font-size:12px}.merchant-submit-value span{margin-top:4px;color:var(--muted);font-size:8px}.merchant-submit-actions{display:flex;align-items:center;gap:8px}.merchant-clear-draft{background:transparent;color:var(--muted);font-size:9px}.merchant-video-form.is-restored .merchant-smart-title:after{content:"已恢复上次未完成内容";margin-left:7px;padding:4px 6px;border-radius:999px;background:rgba(83,214,162,.07);color:#7bd4ac;font-size:7px}
.merchant-options-section{padding-top:8px}.merchant-options-head{align-items:center}.merchant-options-head h2{font-size:28px}.merchant-copy-card{display:flex;flex-direction:column;min-height:395px}.merchant-copy-card .copy-full{min-height:0;flex:1}.option-rank{display:flex;align-items:center;gap:7px}.option-rank>span{color:#777873;font-size:8px;letter-spacing:.1em}.option-rank>em{padding:4px 7px;border-radius:999px;background:linear-gradient(135deg,#e9bc54,#bd7b1f);color:#241706;font-size:7px;font-style:normal;font-weight:850}.option-angle{width:max-content;margin-top:14px;padding:5px 8px;border:1px solid rgba(213,163,60,.16);border-radius:999px;color:#b89b61;font-size:8px}.merchant-copy-actions{display:grid;grid-template-columns:auto 1fr;gap:8px;margin-top:auto}.merchant-copy-actions form,.merchant-copy-actions button{margin:0;width:100%}.merchant-more-options{margin-top:14px;border:1px solid var(--line);border-radius:17px;background:var(--panel);overflow:hidden}.merchant-more-options>summary{min-height:72px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;list-style:none}.merchant-more-options>summary::-webkit-details-marker{display:none}.merchant-more-options>summary span{font-size:11px;font-weight:750}.merchant-more-options>summary small{color:var(--muted);font-size:8px}.merchant-more-options[open]>summary{border-bottom:1px solid var(--line)}.merchant-more-options>.copy-option-grid{padding:15px}
.merchant-video-empty{position:relative;min-height:330px;padding:52px 52px 52px 215px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.merchant-video-empty-mascot{position:absolute;left:48px;width:125px;height:125px;border:1px solid rgba(213,163,60,.28);border-radius:38px;padding:5px;background:#fff}.merchant-video-empty-mascot img{width:100%;height:100%;object-fit:cover;border-radius:31px}.merchant-video-empty .button{width:max-content}

html[data-theme="light"] .merchant-video-hero{background:radial-gradient(circle at 84% 36%,rgba(213,163,60,.17),transparent 28%),radial-gradient(circle at 8% 4%,rgba(227,29,39,.045),transparent 25%),linear-gradient(138deg,#fffdf8,#f2eee6 72%);box-shadow:0 28px 75px rgba(58,43,16,.07)}html[data-theme="light"] .merchant-video-hero-copy>p{color:#6c675e}html[data-theme="light"] .merchant-video-assistant p{color:#716d65}html[data-theme="light"] .merchant-video-memory>div,html[data-theme="light"] .merchant-setting-block,html[data-theme="light"] .merchant-advanced-card,html[data-theme="light"] .merchant-more-options,html[data-theme="light"] .merchant-scene-slot{background:#fff}html[data-theme="light"] .merchant-video-memory b,html[data-theme="light"] .merchant-smart-summary b{color:#2c2b28}html[data-theme="light"] .merchant-video-brief-input textarea{background:#fff}html[data-theme="light"] .merchant-smart-card{background:linear-gradient(100deg,#fff9ec,#fff 60%,#fff7f7)}html[data-theme="light"] .merchant-product-panel{background:#fffaf0}html[data-theme="light"] .merchant-product-panel>p{background:#f6f1e6}html[data-theme="light"] .merchant-video-inspiration button,html[data-theme="light"] .merchant-style-presets button,html[data-theme="light"] .merchant-advanced-card>summary i{background:#f5f4f0;color:#625c50}html[data-theme="light"] .merchant-advanced-card>summary:hover{background:#faf9f5}html[data-theme="light"] .merchant-video-submit{background:rgba(255,255,255,.91);box-shadow:0 20px 45px rgba(30,25,15,.11)}html[data-theme="light"] .merchant-copy-card{background:linear-gradient(160deg,#fff,#f8f7f2)}

@media(max-width:980px){.merchant-video-hero{grid-template-columns:1fr 280px;padding:36px}.merchant-video-assistant{grid-template-columns:92px 1fr}.merchant-video-mascot{width:92px;height:92px;border-radius:28px}.merchant-video-mascot img{border-radius:23px}.merchant-smart-card{grid-template-columns:1fr}.merchant-smart-summary>span:first-child{border-left:0}}
@media(max-width:760px){.merchant-video-hero{grid-template-columns:1fr;gap:28px}.merchant-video-assistant{max-width:340px}.merchant-video-company-select{grid-template-columns:1fr}.merchant-video-company-select>a{height:auto}.merchant-video-memory,.merchant-smart-summary,.merchant-advanced-grid,.merchant-setting-split,.merchant-scene-slots,.merchant-product-panel{grid-template-columns:1fr}.merchant-copy-count-grid{grid-template-columns:repeat(2,1fr)}.merchant-smart-summary>span{border-left:0;border-top:1px solid rgba(213,163,60,.12)}.merchant-setting-wide{grid-column:auto}.merchant-video-inspiration{align-items:flex-start;flex-direction:column}.merchant-video-submit{position:static;align-items:stretch;flex-direction:column}.merchant-submit-actions{display:grid;grid-template-columns:auto 1fr}.merchant-video-empty{padding:190px 28px 35px}.merchant-video-empty-mascot{left:28px;top:35px}.merchant-options-head{align-items:flex-start;flex-direction:column}.merchant-copy-actions{grid-template-columns:1fr}.merchant-advanced-card>summary{grid-template-columns:minmax(0,1fr) auto}.merchant-advanced-highlights{display:none}.merchant-setting-head{align-items:start}.merchant-setting-head>a{text-align:center}}
@media(max-width:520px){.merchant-video-hero{padding:28px 22px}.merchant-video-hero h1{font-size:35px}.merchant-video-path i{display:none}.merchant-video-primary-card,.merchant-video-brief-card,.merchant-scene-product-card{padding:22px 18px}.merchant-video-section-head{grid-template-columns:38px minmax(0,1fr)}.merchant-required,.merchant-optional{display:none}.merchant-video-assistant strong{font-size:17px}.merchant-scene-count-grid{grid-template-columns:1fr}.merchant-advanced-card>summary{padding:0 17px}.merchant-advanced-card>summary>span{grid-template-columns:34px auto}.merchant-advanced-content{padding:14px}.merchant-advanced-intro p{display:block;margin:5px 0 0}.merchant-submit-value img{display:none}.merchant-submit-actions{grid-template-columns:1fr}.merchant-more-options>summary{align-items:flex-start;flex-direction:column;justify-content:center;gap:5px}.merchant-video-memory b{white-space:normal}}

/* V2.5.0 · category-aware commerce, company onboarding and model cost cockpit */
.commerce-people-modes{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-bottom:20px}.commerce-people-modes input{position:absolute;opacity:0}.commerce-people-modes span{min-height:82px;padding:16px 17px;display:flex;flex-direction:column;justify-content:center;border:1px solid var(--line);border-radius:15px;background:var(--panel2);cursor:pointer;transition:.2s}.commerce-people-modes b{font-size:12px}.commerce-people-modes small{margin-top:6px;color:var(--muted);font-size:8px;line-height:1.55}.commerce-people-modes input:checked+span{border-color:rgba(213,163,60,.62);background:linear-gradient(135deg,rgba(213,163,60,.15),rgba(227,29,39,.045));box-shadow:0 0 0 3px rgba(213,163,60,.055)}.model-ai-panel[hidden],.custom-model-panel[hidden],.garment-type-panel[hidden]{display:none!important}.custom-model-panel{padding:22px;border:1px dashed rgba(213,163,60,.31);border-radius:15px;background:rgba(213,163,60,.035)}.custom-model-panel p{margin:10px 0 0;color:var(--muted);font-size:9px}.premium-upload{display:flex!important;align-items:center;justify-content:center;min-height:66px}.garment-type-panel{margin-top:16px;padding:14px;display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.garment-type-panel>b{margin-right:auto;font-size:10px}.garment-type-panel label{cursor:pointer}.garment-type-panel input{margin-right:5px}
.company-profile-reminder{max-width:1180px;margin:0 auto 16px;padding:12px 15px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid rgba(213,163,60,.24);border-radius:16px;background:linear-gradient(100deg,rgba(213,163,60,.11),rgba(227,29,39,.035),var(--panel));box-shadow:0 14px 38px rgba(0,0,0,.08)}.company-profile-reminder img{width:42px;height:42px;padding:2px;border-radius:13px;background:#fff}.company-profile-reminder b,.company-profile-reminder small{display:block}.company-profile-reminder b{font-size:11px}.company-profile-reminder small{margin-top:3px;color:var(--muted);font-size:8px}.company-onboarding-shell{max-width:1120px;min-height:680px;margin:12px auto;display:grid;grid-template-columns:1fr 1.05fr;gap:20px}.company-onboarding-intro{position:relative;overflow:hidden;padding:58px 52px;border:1px solid rgba(213,163,60,.19);border-radius:28px;background:radial-gradient(circle at 75% 72%,rgba(227,29,39,.17),transparent 30%),linear-gradient(145deg,#17140f,#08090b 75%)}.company-onboarding-intro h1{margin:15px 0 18px;font-size:48px;line-height:1.12;letter-spacing:-.055em}.company-onboarding-intro>p{max-width:460px;color:#9c978d;font-size:12px;line-height:1.9}.company-onboarding-intro>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.company-onboarding-intro>div span{padding:7px 10px;border:1px solid rgba(213,163,60,.18);border-radius:999px;color:#cfb36e;font-size:8px}.company-onboarding-intro>img{position:absolute;right:30px;bottom:28px;width:155px;height:155px;padding:5px;border-radius:45px;background:#fff;box-shadow:0 30px 70px rgba(210,32,37,.21)}.company-onboarding-form{padding:42px}.company-onboarding-form>div>small{color:var(--xb-gold-2);font-size:8px;letter-spacing:.13em}.company-onboarding-form h2{margin:8px 0 6px;font-size:25px}.company-onboarding-form>div>p{margin:0 0 24px;color:var(--muted);font-size:9px}.company-onboarding-form form:first-of-type{display:grid;gap:13px}.company-onboarding-form label{font-size:9px;color:var(--muted)}.company-onboarding-form input,.company-onboarding-form textarea{margin-top:6px}.company-onboarding-skip{margin-top:14px;text-align:center}.company-onboarding-skip button,.company-onboarding-skip small{display:block;margin:auto}.company-onboarding-skip small{margin-top:7px;color:var(--muted);font-size:8px}
.model-usage-cockpit{margin-bottom:18px;padding:24px}.model-usage-kpis{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:9px}.model-usage-kpis>div{padding:17px 16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.model-usage-kpis small,.model-usage-kpis b,.model-usage-kpis span{display:block}.model-usage-kpis small{color:var(--muted);font-size:8px}.model-usage-kpis b{margin-top:7px;font-size:23px;letter-spacing:-.04em}.model-usage-kpis span{margin-top:4px;color:#7e7c76;font-size:7px}.model-usage-kpis .money{border-color:rgba(213,163,60,.25);background:linear-gradient(145deg,rgba(213,163,60,.11),var(--panel2))}.model-usage-kpis .cumulative{border-color:rgba(227,29,39,.25);background:linear-gradient(145deg,rgba(227,29,39,.10),var(--panel2))}.usage-model-mini-list{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin-top:10px}.usage-model-mini-list>span{padding:11px;border:1px solid var(--line);border-radius:11px}.usage-model-mini-list b,.usage-model-mini-list small,.usage-model-mini-list em{display:block}.usage-model-mini-list b{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:9px}.usage-model-mini-list small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.55}.usage-model-mini-list em{margin-top:6px;color:var(--xb-gold-2);font-size:8px;font-style:normal}.usage-rate-editor input{min-width:120px}.model-usage-kpis.large{margin-bottom:18px}.cost-ledger-note{border-color:rgba(213,163,60,.24)}.cost-ledger-note>div>small{display:block;margin-top:8px;color:var(--muted);font-size:9px;line-height:1.7}.linked-video-rate-row{background:rgba(213,163,60,.035)}.linked-source-badge{display:inline-flex!important;width:max-content;margin-top:7px;padding:4px 7px;border-radius:999px;color:var(--xb-gold-2)!important;background:rgba(213,163,60,.1);border:1px solid rgba(213,163,60,.2);font-size:7px!important;font-weight:850}.linked-video-rate{min-width:118px;padding:9px 10px;border:1px solid rgba(213,163,60,.22);border-radius:10px;background:rgba(213,163,60,.07)}.linked-video-rate b,.linked-video-rate span,.linked-video-rate small{display:block}.linked-video-rate b{font-size:11px}.linked-video-rate span{margin-top:3px;color:var(--xb-gold-2);font-size:9px}.linked-video-rate small{margin-top:3px;color:var(--muted);font-size:7px}.linked-rate-note{min-width:210px;max-width:340px;color:var(--muted);font-size:9px;line-height:1.6}.pricing-context{max-width:360px;white-space:normal;line-height:1.5}
html[data-theme="light"] .company-onboarding-intro{background:radial-gradient(circle at 75% 72%,rgba(227,29,39,.11),transparent 30%),linear-gradient(145deg,#fffdf8,#eee8dc 75%)}html[data-theme="light"] .company-onboarding-intro>p{color:#6d685f}
@media(max-width:1280px){.model-usage-kpis{grid-template-columns:repeat(4,1fr)}}
@media(max-width:900px){.company-onboarding-shell{grid-template-columns:1fr}.company-onboarding-intro{min-height:430px}.model-usage-kpis,.usage-model-mini-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.commerce-people-modes{grid-template-columns:1fr}.company-profile-reminder{grid-template-columns:38px 1fr}.company-profile-reminder>a{grid-column:1/-1}.company-onboarding-intro,.company-onboarding-form{padding:30px 24px}.company-onboarding-intro h1{font-size:38px}.company-onboarding-intro>img{width:110px;height:110px}.model-usage-kpis{grid-template-columns:1fr 1fr}.model-usage-kpis>div:last-child{grid-column:1/-1}}

/* =========================
   V2.3.2 · Service documents and explicit consent
   ========================= */
.legal-consent-box{margin:17px 0 12px;padding:13px 14px;border:1px solid rgba(213,163,60,.17);border-radius:14px;background:linear-gradient(140deg,rgba(213,163,60,.055),rgba(255,255,255,.012));transition:border-color .18s ease,background .18s ease}
.legal-consent-box.is-accepted{border-color:rgba(83,214,162,.24);background:linear-gradient(140deg,rgba(83,214,162,.045),rgba(255,255,255,.012))}.legal-consent-box.is-missing{border-color:rgba(255,99,112,.45)}
.legal-consent-check{position:relative!important;display:flex!important;align-items:flex-start;gap:9px;margin:0!important;color:#d7d5cf!important;font-size:11px!important;line-height:1.55;cursor:pointer}.legal-consent-check input{position:absolute;width:1px;height:1px;margin:0;opacity:0;pointer-events:none}.legal-check-ui{width:18px;height:18px;flex:0 0 18px;display:grid;place-items:center;border:1px solid rgba(213,163,60,.35);border-radius:6px;background:#0b0b0d;color:transparent;font-size:10px;font-weight:900;transition:.18s}.legal-consent-check input:focus-visible+.legal-check-ui{box-shadow:0 0 0 3px rgba(213,163,60,.16)}.legal-consent-check input:checked+.legal-check-ui{border-color:#d7a33c;background:linear-gradient(135deg,#f0c45d,#c47f20);color:#241704;box-shadow:0 5px 14px rgba(213,163,60,.19)}
.legal-consent-links{display:flex;flex-wrap:wrap;gap:4px 8px;margin:9px 0 0 27px}.auth-card .legal-consent-links a{color:#c6a45f;font-size:10px;line-height:1.55;text-decoration:none}.auth-card .legal-consent-links a:hover{color:#f0ce83;text-decoration:underline;text-underline-offset:3px}.legal-consent-box>small{display:block;margin:7px 0 0 27px;color:#73757c;font-size:8px;line-height:1.5}.auth-card [data-legal-submit]:disabled{cursor:not-allowed;filter:saturate(.3);opacity:.46;box-shadow:none;transform:none}

.legal-public-shell{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:28px 0 70px}.legal-public-topbar{min-height:62px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.legal-brand{display:flex;align-items:center;gap:10px}.legal-brand img{width:37px;height:37px;padding:2px;border:1px solid rgba(213,163,60,.23);border-radius:11px;background:#fff;object-fit:cover}.legal-brand b,.legal-brand small{display:block}.legal-brand b{font-size:12px}.legal-brand small{margin-top:3px;color:var(--muted);font-size:7px;letter-spacing:.12em}.legal-back-link,.legal-download-link{display:inline-flex;align-items:center;gap:7px;color:#a7a49d;font-size:9px}.legal-back-link span{color:var(--xb-gold-2);font-size:14px}.legal-top-actions{display:flex;align-items:center;gap:19px}.legal-download-link{padding-right:19px;border-right:1px solid var(--line);color:#c9a85f}
.legal-center-hero{min-height:330px;padding:67px 58px;margin-top:22px;border:1px solid rgba(213,163,60,.17);border-radius:29px;background:radial-gradient(circle at 88% 28%,rgba(213,163,60,.16),transparent 25%),radial-gradient(circle at 7% 6%,rgba(227,29,39,.08),transparent 29%),linear-gradient(140deg,#171612,#09090b 73%);position:relative;overflow:hidden}.legal-center-hero:after{content:"禧";position:absolute;right:62px;top:28px;color:rgba(213,163,60,.035);font-size:235px;font-weight:900;line-height:1}.legal-eyebrow{color:#b88c36;font-size:8px;font-weight:800;letter-spacing:.18em}.legal-center-hero h1{position:relative;z-index:1;margin:12px 0 15px;font-size:47px;line-height:1.08;letter-spacing:-.05em}.legal-center-hero>p{position:relative;z-index:1;max-width:640px;margin:0;color:#8f8b82;font-size:12px;line-height:1.85}.legal-center-hero>div{display:flex;gap:8px;margin-top:24px}.legal-center-hero>div span{padding:6px 9px;border:1px solid rgba(213,163,60,.15);border-radius:999px;color:#87744e;font-size:7px}
.legal-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:13px}.legal-file-card{min-height:178px;padding:24px;border:1px solid var(--line);border-radius:19px;background:linear-gradient(145deg,var(--panel),#0d0d10);display:grid;grid-template-columns:43px 1fr;gap:5px 14px;transition:.18s}.legal-file-card:last-child{grid-column:1/-1}.legal-file-card:hover{border-color:rgba(213,163,60,.23);transform:translateY(-2px)}.legal-file-index{grid-row:1/3;width:39px;height:39px;display:grid;place-items:center;border:1px solid rgba(213,163,60,.16);border-radius:12px;color:#9e7c3b;font-size:8px}.legal-file-card h2{margin:2px 0 7px;font-size:16px}.legal-file-card p{margin:0;color:var(--muted);font-size:9px;line-height:1.65}.legal-file-actions{grid-column:2;display:flex;align-self:end;gap:14px}.legal-file-actions a{color:#b79a60;font-size:8px}.legal-file-actions a:last-child{color:#777870}
.legal-document-shell{max-width:940px}.legal-reading-card{margin-top:22px;border:1px solid var(--line);border-radius:25px;background:linear-gradient(160deg,#151518,#0c0c0f);overflow:hidden;box-shadow:0 35px 100px rgba(0,0,0,.24)}.legal-reading-head{padding:50px 58px 36px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 92% 5%,rgba(213,163,60,.105),transparent 29%)}.legal-reading-head h1{margin:12px 0 18px;font-size:34px;letter-spacing:-.035em}.legal-reading-head>div{display:flex;gap:8px}.legal-reading-head>div span{padding:5px 8px;border-radius:999px;background:rgba(213,163,60,.055);color:#8e7a51;font-size:7px}.legal-reading-body{padding:42px 58px 50px}.legal-reading-body h2{margin:31px 0 11px;padding-top:22px;border-top:1px solid var(--line);font-size:16px}.legal-reading-body h2:first-child{margin-top:0}.legal-reading-body p{margin:0 0 13px;color:#b7b5ae;font-size:11px;line-height:2.05}.legal-reading-body .legal-numbered{padding-left:19px;position:relative;color:#aaa8a1}.legal-reading-footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:22px 58px;border-top:1px solid var(--line);background:rgba(213,163,60,.025)}.legal-reading-footer p{margin:0;color:#676860;font-size:8px}.legal-reading-footer a{white-space:nowrap;color:#cba756;font-size:9px}.legal-related{padding:27px 4px 0}.legal-related>span{color:#686961;font-size:8px;letter-spacing:.12em}.legal-related>div{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.legal-related a{padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#8e8d87;font-size:8px}

html[data-theme="light"] .legal-consent-box{background:linear-gradient(140deg,#fffaf0,#fff);border-color:#eadbbd}html[data-theme="light"] .legal-consent-check{color:#34332f!important}html[data-theme="light"] .legal-check-ui{background:#fff}html[data-theme="light"] .legal-consent-box>small{color:#8c887e}html[data-theme="light"] .legal-center-hero{background:radial-gradient(circle at 88% 28%,rgba(213,163,60,.17),transparent 26%),radial-gradient(circle at 7% 6%,rgba(227,29,39,.04),transparent 29%),linear-gradient(140deg,#fffdf8,#f4f0e8 73%);box-shadow:0 30px 85px rgba(52,40,17,.07)}html[data-theme="light"] .legal-center-hero>p{color:#6f6a61}html[data-theme="light"] .legal-file-card,html[data-theme="light"] .legal-reading-card{background:linear-gradient(150deg,#fff,#faf8f3)}html[data-theme="light"] .legal-reading-body p{color:#55534d}html[data-theme="light"] .legal-reading-footer{background:#fcfaf4}

@media(max-width:760px){.legal-public-shell{width:min(100% - 28px,1120px);padding-top:15px}.legal-center-hero{min-height:auto;padding:42px 25px}.legal-center-hero h1{font-size:36px}.legal-center-hero:after{right:5px;font-size:175px}.legal-card-grid{grid-template-columns:1fr}.legal-file-card:last-child{grid-column:auto}.legal-reading-head,.legal-reading-body{padding-left:25px;padding-right:25px}.legal-reading-head{padding-top:38px}.legal-reading-head h1{font-size:27px}.legal-reading-footer{padding:19px 25px;align-items:flex-start;flex-direction:column}.legal-top-actions{gap:11px}.legal-download-link{padding-right:11px}.legal-consent-links{gap:4px 6px}}
@media(max-width:480px){.legal-public-topbar{align-items:flex-start;padding-bottom:13px}.legal-top-actions{align-items:flex-end;flex-direction:column-reverse}.legal-download-link{border-right:0;padding-right:0}.legal-center-hero{border-radius:22px}.legal-center-hero h1{font-size:32px}.legal-center-hero>div{align-items:flex-start;flex-direction:column}.legal-file-card{grid-template-columns:36px 1fr;padding:19px}.legal-file-index{width:34px;height:34px}.legal-reading-head>div{align-items:flex-start;flex-direction:column}.legal-related{padding-bottom:20px}}

/* V2.4.0 · production closure, reference locking and visible quality gates */
.merchant-copy-actions{grid-template-columns:auto 1fr 1.25fr}
.commerce-reference-lock{margin-top:18px;border:1px solid rgba(213,163,60,.16);border-radius:17px;background:rgba(213,163,60,.025);overflow:hidden}
.commerce-reference-lock>summary{min-height:72px;padding:14px 18px;display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none}
.commerce-reference-lock>summary::-webkit-details-marker{display:none}.commerce-reference-lock>summary b,.commerce-reference-lock>summary small{display:block}.commerce-reference-lock>summary b{font-size:11px}.commerce-reference-lock>summary small{margin-top:5px;color:var(--muted);font-size:8px;line-height:1.55}.commerce-reference-lock>summary em{white-space:nowrap;color:var(--xb-gold-2);font-size:8px;font-style:normal}
.commerce-reference-grid{padding:15px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(5,1fr);gap:9px}.commerce-reference-grid label{min-height:128px;padding:14px;border:1px dashed rgba(213,163,60,.2);border-radius:13px;background:var(--panel2);display:flex;flex-direction:column;justify-content:center}.commerce-reference-grid span,.commerce-reference-grid small{display:block}.commerce-reference-grid span{font-size:9px;font-weight:750}.commerce-reference-grid small{margin-top:7px;color:var(--muted);font-size:7px}.commerce-reference-grid input{margin-top:10px;padding:7px;font-size:7px}
.model-avatar.no-person{background:linear-gradient(145deg,#242428,#111114);color:#b49a65}.model-avatar.no-person b{font-size:13px}
.quality-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;border:1px solid rgba(83,214,162,.19);border-radius:99px;color:#76d1a8;background:rgba(83,214,162,.05);font-size:7px}.quality-chip.review,.quality-chip.technical_pass,.quality-chip.manual_review{border-color:rgba(213,163,60,.2);color:#d2aa58;background:rgba(213,163,60,.05)}.quality-chip.failed{border-color:rgba(255,99,112,.22);color:#ee7f87;background:rgba(255,99,112,.05)}
@media(max-width:980px){.commerce-reference-grid{grid-template-columns:repeat(3,1fr)}.merchant-copy-actions{grid-template-columns:1fr 1fr}.merchant-copy-actions>button:first-child{grid-column:1/-1}}
@media(max-width:640px){.commerce-reference-grid{grid-template-columns:1fr}.merchant-copy-actions{grid-template-columns:1fr}.merchant-copy-actions>button:first-child{grid-column:auto}}

/* V2.7.0 · role-scoped merchant asset library and stable-face guidance */
.merchant-selected-asset{min-height:76px;display:grid;grid-template-columns:54px minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;border:1px solid rgba(213,163,60,.17);border-radius:14px;background:linear-gradient(135deg,rgba(213,163,60,.055),rgba(255,255,255,.012))}
.merchant-selected-preview{width:54px;height:54px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(213,163,60,.18);border-radius:12px;background:linear-gradient(145deg,#282218,#111114);color:#d3a64d;font-size:13px;font-weight:850}.merchant-selected-preview.sound{background:radial-gradient(circle at 50% 50%,rgba(83,214,162,.16),transparent 60%),#111519;color:#83dbb8}.merchant-selected-preview img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.merchant-selected-asset>div:nth-child(2){min-width:0}.merchant-selected-asset small,.merchant-selected-asset b,.merchant-selected-asset em{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-selected-asset small{color:#777972;font-size:8px}.merchant-selected-asset b{margin-top:4px;font-size:10px}.merchant-selected-asset em{margin-top:4px;color:#9a8e72;font-size:8px;font-style:normal}.merchant-selected-asset>button{padding:8px 10px;font-size:8px;white-space:nowrap}.merchant-face-reference-tip{margin:9px 2px 0;padding-left:18px;position:relative;color:#a69c87;font-size:8px;line-height:1.65}.merchant-face-reference-tip:before{content:"✓";position:absolute;left:1px;top:0;color:#65d4a7;font-weight:900}
.merchant-asset-dialog[hidden],.merchant-asset-panel[hidden],.merchant-library-card[hidden],.merchant-asset-empty[hidden],.merchant-asset-filters button[hidden]{display:none!important}.merchant-asset-dialog{width:min(1040px,calc(100vw - 42px));max-height:min(850px,calc(100vh - 44px));padding:0;border:1px solid rgba(213,163,60,.28);border-radius:24px;background:#0b0b0e;color:var(--text);box-shadow:0 40px 120px rgba(0,0,0,.72);overflow:hidden}.merchant-asset-dialog::backdrop{background:rgba(3,3,5,.78);backdrop-filter:blur(8px)}.merchant-asset-dialog-shell{display:flex;flex-direction:column;max-height:calc(100vh - 44px)}.merchant-asset-dialog-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:22px 24px 17px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 80% 0,rgba(213,163,60,.09),transparent 35%)}.merchant-asset-dialog-head h2{margin:6px 0 5px;font-size:21px}.merchant-asset-dialog-head p{max-width:720px;margin:0;color:var(--muted);font-size:9px;line-height:1.6}.merchant-dialog-close{width:38px;height:38px;padding:0;border:1px solid var(--line);border-radius:12px;background:#151519;color:#aaa;font-size:20px}.merchant-asset-role-tabs{display:flex;gap:7px;padding:12px 24px 0}.merchant-asset-role-tabs button{min-width:108px;padding:10px 12px;border:1px solid var(--line);background:#121216;color:#999}.merchant-asset-role-tabs button b{margin-left:5px;color:#686a72;font-size:8px}.merchant-asset-role-tabs button.active{border-color:rgba(213,163,60,.38);background:rgba(213,163,60,.09);color:#e5c479}.merchant-asset-role-tabs button.active b{color:#c59d4e}.merchant-asset-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 24px}.merchant-asset-toolbar>label{position:relative;flex:1;max-width:480px}.merchant-asset-toolbar>label span{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#777}.merchant-asset-toolbar input{height:42px;margin:0;padding-left:34px;background:#101014}.merchant-asset-filters{display:flex;gap:6px}.merchant-asset-filters button{padding:8px 11px;border:1px solid var(--line);background:#121216;color:#85868e;font-size:8px}.merchant-asset-filters button.active{border-color:rgba(213,163,60,.35);background:rgba(213,163,60,.08);color:#e0bd6e}
.merchant-asset-panel{min-height:260px;max-height:52vh;padding:2px 24px 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:10px;overflow:auto}.merchant-library-card{min-width:0;padding:0!important;display:block;text-align:left;overflow:hidden;border:1px solid var(--line)!important;border-radius:15px!important;background:#111115!important;color:var(--text)!important;box-shadow:none!important;transform:none!important}.merchant-library-card:hover{border-color:rgba(213,163,60,.34)!important}.merchant-library-card.selected{border-color:#d5a33c!important;box-shadow:0 0 0 2px rgba(213,163,60,.10)!important}.merchant-library-preview{height:118px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#1d1d22,#0a0a0c);color:#a8843b}.merchant-library-preview img{width:100%;height:100%;object-fit:cover}.merchant-library-preview.smart{background:radial-gradient(circle,rgba(213,163,60,.17),transparent 55%),linear-gradient(145deg,#1b1914,#0b0b0e)}.merchant-library-preview.sound{background:radial-gradient(circle,rgba(83,214,162,.13),transparent 52%),linear-gradient(145deg,#151a19,#0b0d0d);color:#76d1aa}.merchant-library-preview i{width:44px;height:44px;display:grid;place-items:center;border:1px solid currentColor;border-radius:14px;font-size:10px;font-style:normal}.merchant-library-info{min-width:0;padding:11px 12px;display:block;position:relative}.merchant-library-info b,.merchant-library-info small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.merchant-library-info b{padding-right:50px;font-size:10px}.merchant-library-info small{margin-top:4px;color:#73757c;font-size:8px}.merchant-library-info em{position:absolute;right:10px;top:10px;padding:3px 5px;border-radius:999px;background:rgba(213,163,60,.08);color:#b8944f;font-size:7px;font-style:normal}.merchant-library-card.voice{display:grid;grid-template-columns:74px minmax(0,1fr);align-items:stretch}.merchant-library-card.voice .merchant-library-preview{height:auto;min-height:128px}.merchant-library-card.voice .merchant-library-info b{padding-right:0}.merchant-library-card.voice audio{width:100%;height:30px;margin-top:8px}.merchant-library-card.voice button{width:100%;margin-top:7px;padding:7px;font-size:8px}.merchant-asset-empty{margin:2px 24px 20px;padding:40px 20px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:#777;font-size:10px}.merchant-asset-dialog-foot{min-height:58px;padding:10px 24px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:12px;background:#0e0e11}.merchant-asset-dialog-foot span{color:#777;font-size:9px}.merchant-asset-dialog-foot b{color:#d3ab59}.merchant-asset-dialog-foot a{font-size:9px}
@media(max-width:900px){.merchant-asset-panel{grid-template-columns:repeat(3,minmax(0,1fr))}.merchant-selected-asset{grid-template-columns:48px minmax(0,1fr)}.merchant-selected-asset>button{grid-column:1/-1;width:100%}.merchant-asset-toolbar{align-items:stretch;flex-direction:column}.merchant-asset-toolbar>label{max-width:none}.merchant-asset-filters{overflow:auto}}
@media(max-width:640px){.merchant-asset-dialog{width:calc(100vw - 18px);max-height:calc(100vh - 18px)}.merchant-asset-dialog-shell{max-height:calc(100vh - 18px)}.merchant-asset-panel{grid-template-columns:repeat(2,minmax(0,1fr));padding-left:14px;padding-right:14px}.merchant-asset-dialog-head,.merchant-asset-role-tabs,.merchant-asset-toolbar,.merchant-asset-dialog-foot{padding-left:14px;padding-right:14px}.merchant-asset-role-tabs button{min-width:0;flex:1}.merchant-asset-dialog-foot{align-items:stretch;flex-direction:column}.merchant-asset-dialog-foot a{width:100%}}

/* V2.7.0 · real-name biometric gate */
.identity-gate-dialog[hidden]{display:none!important}.identity-gate-dialog{width:min(790px,calc(100vw - 36px));max-height:calc(100vh - 36px);padding:0;border:1px solid rgba(213,163,60,.28);border-radius:24px;background:#0c0c0f;color:var(--text);box-shadow:0 48px 150px rgba(0,0,0,.82);overflow:auto}.identity-gate-dialog::backdrop{background:rgba(4,4,6,.76);backdrop-filter:blur(14px) saturate(.7)}.identity-gate-shell>header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:25px 28px 20px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 88% 0,rgba(213,163,60,.12),transparent 42%)}.identity-gate-shell h2{margin:6px 0 7px;font-size:23px}.identity-gate-shell header p{max-width:630px;margin:0;color:var(--muted);font-size:10px;line-height:1.7}.identity-gate-close{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;color:#aaa;font-size:21px}.identity-form{padding:22px 28px 27px}.identity-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:12px}.identity-security-note,.identity-verified-line{margin:15px 0;padding:13px 15px;display:flex;align-items:center;gap:12px;border:1px solid rgba(101,212,167,.18);border-radius:13px;background:rgba(101,212,167,.045)}.identity-security-note>span,.identity-verified-line>span{width:35px;height:35px;display:grid;place-items:center;border-radius:10px;background:rgba(101,212,167,.11);color:#74d7af;font-size:10px;font-weight:900}.identity-security-note p,.identity-verified-line div{margin:0}.identity-security-note b,.identity-security-note small,.identity-verified-line b,.identity-verified-line small{display:block}.identity-security-note small,.identity-verified-line small{margin-top:4px;color:#838780;font-size:8px}.identity-consent-list{display:grid;gap:8px}.identity-consent-list label{margin:0;padding:12px 13px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;border:1px solid var(--line);border-radius:12px;background:#111115;cursor:pointer}.identity-consent-list input{width:17px;height:17px;margin-top:2px;accent-color:#d5a33c}.identity-consent-list b,.identity-consent-list small{display:block}.identity-consent-list b{font-size:10px}.identity-consent-list small{margin-top:4px;color:#7f8188;font-size:8px;line-height:1.6}.identity-terms{margin:14px 0;border:1px solid var(--line);border-radius:12px;background:#101014}.identity-terms summary{padding:12px 14px;color:#c6a659;font-size:9px;cursor:pointer}.identity-terms pre{max-height:260px;margin:0;padding:0 15px 15px;overflow:auto;white-space:pre-wrap;color:#a4a5aa;font:9px/1.8 inherit}.identity-operator{margin:0 0 14px;display:flex;justify-content:space-between;gap:12px;color:#71737a}.identity-status-panel{margin:26px;padding:32px;border:1px solid var(--line);border-radius:18px;text-align:center}.identity-status-panel>span{display:inline-block;padding:6px 10px;border-radius:999px;background:rgba(213,163,60,.1);color:#d5ab58;font-size:8px}.identity-status-panel h3{margin:13px 0 7px}.identity-status-panel p{font-size:12px}.identity-status-panel small{display:block;margin:0 auto 20px;max-width:520px;color:var(--muted);line-height:1.7}.identity-admin-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-bottom:14px}.identity-admin-stats>div{padding:18px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.identity-admin-stats small,.identity-admin-stats b{display:block}.identity-admin-stats small{color:var(--muted)}.identity-admin-stats b{margin-top:7px;font-size:25px}.identity-sensitive-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.identity-sensitive-grid>div{padding:14px;border:1px solid rgba(226,74,74,.18);border-radius:12px;background:rgba(226,74,74,.035)}.identity-sensitive-grid small,.identity-sensitive-grid b{display:block}.identity-sensitive-grid small{color:#9b7777}.identity-sensitive-grid b{margin-top:6px}.identity-review-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.identity-review-actions form{display:grid;gap:7px}.withdrawal-review-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;min-width:410px}.withdrawal-review-actions form{display:grid;gap:6px}.identity-event-list{display:grid;gap:7px;margin-top:12px}.identity-event-list>div{padding:9px;border:1px solid var(--line);border-radius:9px}.identity-event-list small{margin-left:10px;color:var(--muted)}.identity-event-list code{display:block;margin-top:5px;white-space:pre-wrap;color:#85868d;font-size:8px}

/* V2.7.0 · product 3D digital twin */
.digital-twin-hero{min-height:290px;margin-bottom:18px;padding:38px 42px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(240px,.65fr);align-items:center;gap:30px;border:1px solid rgba(213,163,60,.18);border-radius:24px;background:radial-gradient(circle at 80% 45%,rgba(213,163,60,.15),transparent 32%),linear-gradient(135deg,#17140e,#0b0b0e 58%);overflow:hidden}.digital-twin-hero h1{margin:7px 0 9px;font-size:42px}.digital-twin-hero p{max-width:700px;color:#a3a198;line-height:1.8}.digital-twin-hero>div:first-child>div{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.digital-twin-hero>div:first-child>div span{padding:7px 10px;border:1px solid rgba(213,163,60,.17);border-radius:999px;color:#bfa866;font-size:8px}.digital-twin-orbit{width:210px;height:210px;margin:auto;position:relative;display:grid;place-items:center;border:1px solid rgba(213,163,60,.22);border-radius:50%;transform:rotateX(62deg)}.digital-twin-orbit:before,.digital-twin-orbit:after{content:"";position:absolute;inset:22px;border:1px solid rgba(213,163,60,.16);border-radius:50%}.digital-twin-orbit:after{inset:52px}.digital-twin-orbit b{width:76px;height:76px;display:grid;place-items:center;border:1px solid #d5a33c;border-radius:22px;background:#15120d;color:#e6c46f;font-size:24px;transform:rotateX(-62deg);box-shadow:0 0 45px rgba(213,163,60,.16)}.digital-twin-orbit i,.digital-twin-orbit span{position:absolute;width:9px;height:9px;border-radius:50%;background:#dfb456;box-shadow:0 0 15px #d5a33c}.digital-twin-orbit i{left:22px}.digital-twin-orbit span{right:22px}.digital-twin-orbit.large{width:280px;height:280px}.digital-twin-form{display:grid;gap:14px}.digital-twin-upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.digital-twin-upload{min-height:235px;margin:0;position:relative;display:grid;place-items:center;overflow:hidden;border:1px dashed rgba(213,163,60,.30);border-radius:16px;background:linear-gradient(145deg,#151515,#0c0c0e);cursor:pointer}.digital-twin-upload input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;z-index:3}.digital-twin-upload>div{text-align:center}.digital-twin-upload>div b{width:38px;height:38px;margin:0 auto 9px;display:grid;place-items:center;border:1px solid #8b743c;border-radius:12px;color:#d5ab59}.digital-twin-upload strong,.digital-twin-upload small{display:block}.digital-twin-upload small{margin-top:5px;color:#6f7076}.digital-twin-upload img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}.digital-twin-upload.has-image img{display:block}.digital-twin-upload.has-image>div{display:none}.digital-twin-upload button{position:absolute;right:8px;bottom:8px;z-index:4;display:none;padding:6px 8px;background:rgba(5,5,7,.82);color:#ddd;font-size:8px}.digital-twin-upload.has-image button{display:block}.twin-angle{position:absolute;left:8px;top:8px;z-index:4;padding:5px 7px;border-radius:8px;background:rgba(5,5,7,.78);color:#d6bd7a;font-size:7px}.digital-twin-guide{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;color:#8d8f8a;font-size:8px}.digital-twin-guide span{padding:6px 9px;border:1px solid var(--line);border-radius:999px}.digital-twin-task-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.digital-twin-task-grid>a{padding:10px;border:1px solid var(--line);border-radius:15px;background:var(--panel)}.digital-twin-task-cover{height:170px;position:relative;display:grid;place-items:center;overflow:hidden;border-radius:11px;background:radial-gradient(circle,rgba(213,163,60,.13),transparent 60%),#101013}.digital-twin-task-cover img{width:100%;height:100%;object-fit:cover}.digital-twin-task-cover>b{color:#cba755;font-size:35px}.digital-twin-task-cover .status{position:absolute;right:8px;top:8px}.digital-twin-task-grid small,.digital-twin-task-grid h3,.digital-twin-task-grid p{display:block;margin:7px 3px 0}.digital-twin-task-grid small,.digital-twin-task-grid p{color:var(--muted);font-size:8px}.digital-twin-result-layout{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(0,1.25fr);gap:14px}.digital-twin-preview{min-height:430px;display:grid;place-items:center}.digital-twin-preview>img{max-width:100%;max-height:430px;border-radius:14px}.digital-twin-source-row{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0 22px}.digital-twin-source-row>div{overflow:hidden;border:1px solid var(--line);border-radius:10px}.digital-twin-source-row img{width:100%;height:90px;object-fit:cover}.digital-twin-source-row small{display:block;padding:5px;text-align:center}.digital-twin-downloads{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){.identity-admin-stats,.identity-sensitive-grid{grid-template-columns:repeat(2,1fr)}.identity-review-actions{grid-template-columns:1fr}.withdrawal-review-actions{grid-template-columns:1fr;min-width:260px}.digital-twin-hero{grid-template-columns:1fr}.digital-twin-upload-grid,.digital-twin-task-grid{grid-template-columns:repeat(2,1fr)}.digital-twin-result-layout{grid-template-columns:1fr}}
@media(max-width:600px){.identity-gate-dialog{width:calc(100vw - 16px);max-height:calc(100vh - 16px)}.identity-gate-shell>header,.identity-form{padding-left:16px;padding-right:16px}.identity-fields,.identity-admin-stats,.identity-sensitive-grid{grid-template-columns:1fr}.identity-operator{flex-direction:column}.account-phone-readonly,.identity-withdrawal-form{grid-template-columns:1fr}.digital-twin-hero{padding:25px 20px}.digital-twin-hero h1{font-size:34px}.digital-twin-upload-grid,.digital-twin-task-grid{grid-template-columns:1fr}.digital-twin-upload{min-height:250px}.digital-twin-source-row{grid-template-columns:repeat(2,1fr)}}
.company-asset-toolbar{margin-top:18px;padding:13px;border:1px solid var(--line);border-radius:15px;background:#0d0d10;display:grid;grid-template-columns:minmax(220px,1fr) minmax(0,2fr) auto;align-items:center;gap:12px}.company-asset-toolbar>label{position:relative}.company-asset-toolbar>label span{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#777}.company-asset-toolbar input{height:39px;margin:0;padding-left:33px}.company-asset-toolbar>div{display:flex;gap:5px;overflow:auto}.company-asset-toolbar button{padding:7px 10px;border:1px solid var(--line);background:#151519;color:#888;font-size:8px;white-space:nowrap}.company-asset-toolbar button.active{border-color:rgba(213,163,60,.34);background:rgba(213,163,60,.08);color:#dfbd70}.company-asset-toolbar>small{color:#777;font-size:8px;white-space:nowrap}.company-asset-toolbar>small b{color:#d1ae62}.company-organized-assets [hidden],.company-asset-no-result[hidden]{display:none!important}.company-asset-no-result{margin-top:16px;padding:35px;border:1px dashed var(--line);border-radius:14px;text-align:center;color:#777;font-size:10px}
@media(max-width:900px){.company-asset-toolbar{grid-template-columns:1fr}.company-asset-toolbar>small{justify-self:end}}

/* V2.4.1 · unified Agent copy routing */
@media(min-width:1281px){.admin-engine-strip{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V2.5.1 · provider diagnostics and API reliability */
.media-connectivity-card{margin:0 0 18px;padding:23px}.connectivity-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.connectivity-item{min-height:82px;padding:14px 15px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:11px;align-items:center;background:var(--panel2)}.connectivity-item>span{width:9px;height:9px;border-radius:50%;background:#777;box-shadow:0 0 0 5px rgba(119,119,119,.08)}.connectivity-item p,.connectivity-item b,.connectivity-item small{display:block}.connectivity-item p{margin:0}.connectivity-item b{font-size:10px}.connectivity-item small{margin-top:5px;color:var(--muted);font-size:7px;line-height:1.55;word-break:break-all}.connectivity-item em{padding:5px 8px;border-radius:999px;color:#aaa;background:rgba(255,255,255,.035);font-size:7px;font-style:normal;white-space:nowrap}.connectivity-item.reachable>span{background:#55d7a0;box-shadow:0 0 0 5px rgba(85,215,160,.09)}.connectivity-item.reachable em{color:#72d7aa;background:rgba(85,215,160,.07)}.connectivity-item.warning>span{background:#e6b94f;box-shadow:0 0 0 5px rgba(230,185,79,.09)}.connectivity-item.warning em{color:#e6c66f;background:rgba(230,185,79,.08)}.connectivity-item.auth_error>span,.connectivity-item.upstream_error>span,.connectivity-item.unreachable>span{background:#ef6f78;box-shadow:0 0 0 5px rgba(239,111,120,.08)}.connectivity-item.auth_error em,.connectivity-item.upstream_error em,.connectivity-item.unreachable em{color:#ef8990;background:rgba(239,111,120,.07)}.connectivity-item.not_configured{opacity:.66}
.media-task-diagnostic{align-items:flex-start!important}.media-task-diagnostic p{min-width:0}.media-task-diagnostic .task-public-error{margin-top:6px;color:#d38288;white-space:normal}.media-task-diagnostic details{margin-top:7px}.media-task-diagnostic summary{cursor:pointer;color:#b99858;font-size:7px}.media-task-diagnostic code{display:block;margin-top:6px;padding:8px;border:1px solid var(--line);border-radius:8px;color:#aaa;background:#08080a;font-size:7px;line-height:1.55;white-space:normal;word-break:break-word}
.provider-attempt-trace{margin-top:12px;padding:15px;border:1px solid rgba(213,163,60,.19);border-radius:14px;background:rgba(213,163,60,.035)}.provider-attempt-trace>span{display:block;margin-bottom:9px;color:#c49b4b;font-size:8px;font-weight:800}.provider-attempt-trace>div{margin-top:7px}.provider-attempt-trace b{font-size:8px}.provider-attempt-trace pre{margin:5px 0 0;padding:10px;border-radius:9px;color:#bab5aa;background:#08080a;white-space:pre-wrap;word-break:break-word;font-size:8px;line-height:1.55}
.connectivity-item.billing_error>span,.connectivity-item.rate_limited>span,.connectivity-item.endpoint_error>span{background:#ef6f78;box-shadow:0 0 0 5px rgba(239,111,120,.08)}.connectivity-item.billing_error em,.connectivity-item.rate_limited em,.connectivity-item.endpoint_error em{color:#ef8990;background:rgba(239,111,120,.07)}
.h3-billing-alert{display:grid;gap:7px;border-color:rgba(239,111,120,.42);background:linear-gradient(135deg,rgba(98,24,31,.4),rgba(31,15,19,.72));color:#ffd9dc}.h3-billing-alert b{font-size:15px}.h3-billing-alert span{color:#f2b9be;line-height:1.7}.h3-key-warning{margin:0 0 16px;padding:14px 15px;border:1px solid rgba(239,111,120,.3);border-radius:13px;background:rgba(117,30,38,.16);display:grid;gap:7px}.h3-key-warning b{color:#ffd4d7;font-size:13px}.h3-key-warning span{color:#dbaeb2;font-size:11px;line-height:1.65}.h3-key-state{justify-self:start;padding:5px 9px;border-radius:999px;background:rgba(255,255,255,.055);color:#bfb5b6;font-size:10px;font-style:normal}.h3-key-state.paygo,.h3-key-state.custom{background:rgba(85,215,160,.1);color:#7bdfb2}.h3-key-state.token_plan{background:rgba(239,111,120,.12);color:#f09198}
.media-task-diagnostic .task-provider-error{display:block;margin-top:7px;padding:8px 9px;border:1px solid rgba(239,111,120,.18);border-radius:8px;color:#c6a5a8;background:rgba(239,111,120,.035);font-size:9px;line-height:1.55;white-space:normal;word-break:break-word}
@media(max-width:760px){.connectivity-grid{grid-template-columns:1fr}.connectivity-item{grid-template-columns:10px minmax(0,1fr)}.connectivity-item em{grid-column:2;justify-self:start}}

/* V2.6.0 · conversion-ready commerce facts and complete film ending */
.commerce-campaign-brief{margin-top:18px;padding:20px;border:1px solid rgba(74,210,255,.16);border-radius:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;background:radial-gradient(circle at 100% 0,rgba(93,77,255,.10),transparent 34%),linear-gradient(145deg,rgba(17,24,37,.82),rgba(10,10,13,.94))}
.commerce-campaign-brief label{display:flex;flex-direction:column;gap:7px;color:#c6c9d1;font-size:8px}.commerce-campaign-brief input,.commerce-campaign-brief textarea{width:100%;border-color:rgba(73,211,255,.13);background:rgba(4,7,12,.66)}.commerce-campaign-brief .span-2{grid-column:span 2}.commerce-campaign-title{grid-column:1/-1;padding-bottom:13px;border-bottom:1px solid rgba(73,211,255,.11)}.commerce-campaign-title span,.commerce-campaign-title b,.commerce-campaign-title small{display:block}.commerce-campaign-title span{color:#55d9ef;font-size:7px;font-weight:850;letter-spacing:.16em}.commerce-campaign-title b{margin-top:7px;font-size:14px}.commerce-campaign-title small{margin-top:6px;color:var(--muted);font-size:8px;line-height:1.6}
@media(max-width:900px){.commerce-campaign-brief{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.commerce-campaign-brief{grid-template-columns:1fr}.commerce-campaign-brief .span-2{grid-column:auto}}

/* =========================
   V2.6.4 · stable admin-controlled interface imagery
   ========================= */
.nav-item>em{margin-left:auto;padding:2px 6px;border-radius:99px;background:rgba(213,163,60,.12);color:var(--xb-gold-2);font-size:7px;font-style:normal;font-weight:850;letter-spacing:.06em}
.ui-card-image,.ui-mascot,.commerce-hero-image,.film-hero-image{background-repeat:no-repeat}
.ui-card-image{background-size:cover}
.ui-mascot{display:block;flex:none;background-color:#fff;background-size:contain;border:1px solid rgba(213,163,60,.24)}
.ui-mascot-reminder{width:42px;height:42px;padding:2px;border-radius:13px}
.ui-mascot-empty{width:110px;height:110px;margin:0 auto;border-radius:30px}
.ui-mascot-submit{width:50px;height:50px;border-radius:15px}
.commerce-hero-image{position:absolute;right:3%;bottom:-2%;z-index:3;width:38%;aspect-ratio:1;display:block;background-size:contain;filter:drop-shadow(0 22px 35px rgba(0,0,0,.45))}
.company-profile-reminder>.ui-mascot-reminder{padding:2px;background-color:#fff}
.commerce-submit-bar .ui-mascot-submit{width:50px;height:50px}
.project-card-art.has-cover:after,.film-task-thumb.has-cover:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(3,3,6,.02),rgba(3,3,6,.14))}
.project-card-art .status,.film-task-thumb>*{z-index:1}

.ui-image-page-head{align-items:end}.ui-image-safety-note{margin-bottom:14px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(83,214,162,.18);background:linear-gradient(110deg,rgba(83,214,162,.055),var(--panel))}.ui-image-safety-note b{font-size:12px}.ui-image-safety-note p{max-width:780px;margin:5px 0 0;color:var(--muted);font-size:9px;line-height:1.65}.ui-image-safety-note>span{white-space:nowrap;padding:7px 10px;border-radius:99px;background:rgba(83,214,162,.07);color:#78d7ad;font-size:8px}
.ui-image-group-nav{position:sticky;top:76px;z-index:6;margin:0 0 28px;padding:8px;display:flex;gap:6px;flex-wrap:wrap;border:1px solid var(--line);border-radius:14px;background:rgba(12,12,14,.90);backdrop-filter:blur(18px)}.ui-image-group-nav a{padding:8px 10px;border-radius:9px;color:#aaa8a1;font-size:8px}.ui-image-group-nav a:hover{background:rgba(213,163,60,.07);color:var(--xb-gold-2)}.ui-image-group-nav b{margin-left:4px;color:#6f6d67}
.ui-image-group{scroll-margin-top:150px;margin-top:31px}.ui-image-admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.ui-image-admin-card{min-width:0;margin:0!important;padding:11px;overflow:hidden}.ui-image-admin-preview{height:174px;position:relative;border:1px solid rgba(255,255,255,.08);border-radius:13px;background-color:#09090c;background-repeat:no-repeat;background-size:cover;overflow:hidden}.ui-image-admin-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(2,2,5,.02),rgba(2,2,5,.32));pointer-events:none}.ui-image-state,.ui-image-admin-preview>em{position:absolute;z-index:1;padding:5px 7px;border-radius:99px;background:rgba(7,7,10,.76);backdrop-filter:blur(8px);font-size:7px;font-style:normal}.ui-image-state{left:8px;top:8px;color:#aaa}.ui-image-state.custom{color:#78d7ad}.ui-image-admin-preview>em{right:8px;top:8px;color:#cdbb91}.ui-image-admin-copy{min-height:88px;padding:13px 3px 10px}.ui-image-admin-copy h3{margin:0;font-size:12px}.ui-image-admin-copy p{min-height:36px;margin:6px 0 0;color:var(--muted);font-size:8px;line-height:1.55}.ui-image-admin-copy small{display:block;margin-top:7px;overflow:hidden;color:#7b725f;font-size:7px;text-overflow:ellipsis;white-space:nowrap}
.ui-image-edit-form{display:grid;grid-template-columns:minmax(0,1fr) 125px;gap:8px;padding-top:11px;border-top:1px solid var(--line)}.ui-image-edit-form label{min-width:0;color:var(--muted);font-size:8px}.ui-image-edit-form label>span,.ui-image-edit-form label>small{display:block}.ui-image-edit-form label>small{margin-top:5px;color:#696a70;font-size:7px;line-height:1.45}.ui-image-edit-form input,.ui-image-edit-form select{height:43px;margin-top:6px;padding:8px;font-size:8px}.ui-image-edit-form input[type=file]{max-width:100%;color:#85868c}.ui-image-edit-form>button{grid-column:1/-1;width:100%}.ui-image-reset-form{margin-top:7px}.ui-image-reset-form button{width:100%;color:#a9854d}
html[data-theme="light"] .ui-image-group-nav{background:rgba(255,255,255,.92)}html[data-theme="light"] .ui-image-admin-preview{border-color:#e8e1d5}html[data-theme="light"] .ui-image-safety-note{background:linear-gradient(110deg,#effcf7,#fff)}

@media(max-width:1180px){.ui-image-admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-choice-grid,.scene-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:900px){.ui-image-group-nav{top:70px}.ui-image-safety-note{align-items:flex-start;flex-direction:column}.commerce-project-grid{grid-template-columns:1fr 1fr}.category-choice-grid,.scene-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.ui-image-admin-grid,.commerce-project-grid,.category-choice-grid,.scene-grid,.style-choice-grid,.film-style-grid{grid-template-columns:1fr}.ui-image-edit-form{grid-template-columns:1fr}.ui-image-group-nav{position:static}.category-choice{min-height:205px}.commerce-hero-image{right:5%;width:42%}.film-hero-image{width:66%;height:72%}}

/* =========================
   V2.7.0 · compact billing actions, blurred dialogs and standalone VIP center
   ========================= */
html.has-xibao-modal,html.has-xibao-modal body{overflow:hidden}
.account-vip-trigger{appearance:none;font:inherit;text-align:left;cursor:pointer}
.account-vip-trigger:focus-visible{outline:2px solid var(--xb-gold-2);outline-offset:2px}

.billing-action-row{margin:-22px 0 28px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.billing-action-button{min-width:132px;height:48px;padding:0 22px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#202126;color:#f1f1f3;font-size:13px;font-weight:700;box-shadow:0 10px 24px rgba(0,0,0,.12);cursor:pointer}
.billing-action-button:hover{transform:translateY(-1px);border-color:rgba(213,163,60,.28);background:#292a30}
.credit-ledger-card{margin:0 0 34px}

.xibao-modal{width:min(1180px,calc(100vw - 36px));max-width:none;max-height:calc(100dvh - 42px);margin:auto;padding:0;border:0;border-radius:22px;overflow:visible;background:transparent;color:var(--text)}
.xibao-modal::backdrop{background:rgba(2,3,5,.78);-webkit-backdrop-filter:blur(15px) saturate(.72);backdrop-filter:blur(15px) saturate(.72)}
.xibao-modal[open]{animation:xibao-modal-in .19s ease-out}
@keyframes xibao-modal-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
.xibao-modal-shell{max-height:calc(100dvh - 42px);display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.09);border-radius:22px;overflow:hidden;background:#292a2f;box-shadow:0 38px 120px rgba(0,0,0,.55)}
.xibao-modal-header{min-height:104px;padding:22px 28px;display:flex;align-items:center;gap:18px;border-bottom:1px solid rgba(255,255,255,.055);background:#222328}
.xibao-modal-identity{min-width:0;display:flex;align-items:center;gap:12px;flex:1}.xibao-modal-identity>span:last-child{min-width:0}.xibao-modal-identity b,.xibao-modal-identity small{display:block}.xibao-modal-identity b{overflow:hidden;color:#f2f2f4;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.xibao-modal-identity small{margin-top:4px;color:#8f929b;font-size:9px}
.xibao-modal-avatar{width:48px;height:48px;flex:none;border:1px solid rgba(213,163,60,.25);border-radius:15px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(213,163,60,.16),rgba(227,29,39,.08));color:#f2d58e;font-size:18px;font-weight:900}
.xibao-modal-balance{padding-right:6px;text-align:right}.xibao-modal-balance small,.xibao-modal-balance b{display:block}.xibao-modal-balance small{color:#8b8e97;font-size:9px}.xibao-modal-balance b{margin-top:5px;color:#f0f0f3;font-size:16px}
.xibao-modal-close{width:38px;height:38px;flex:none;padding:0;border:0;border-left:1px solid rgba(255,255,255,.07);border-radius:0;background:transparent;color:#e8e8eb;font-size:27px;font-weight:300;line-height:1;cursor:pointer}.xibao-modal-close:hover{transform:none;color:#fff}
.xibao-modal-body{min-height:0;padding:28px 32px 30px;overflow:auto;background:#2a2b30}
.xibao-modal-title{display:grid;grid-template-columns:minmax(30px,96px) auto minmax(30px,96px);align-items:center;justify-content:center;gap:18px;margin:0 auto 17px;text-align:center}.xibao-modal-title span{height:1px;background:rgba(255,255,255,.08)}.xibao-modal-title h2{margin:0;color:#eeeef1;font-size:18px;white-space:nowrap}
.xibao-modal-lead{margin:0 0 17px;color:#a7a9b0;font-size:10px}.xibao-modal-footnote{margin:23px 0 0;text-align:center;color:#777a83;font-size:9px;line-height:1.6}

.points-purchase-dialog .point-package-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.points-purchase-dialog .point-package-card{min-height:330px;padding:20px 18px 17px;background:#3a3b42;border-color:rgba(255,255,255,.055)}.points-purchase-dialog .point-package-card.featured{background:radial-gradient(circle at 95% 5%,rgba(213,163,60,.15),transparent 29%),#3a3b42}.points-purchase-dialog .package-top h3{font-size:17px}.points-purchase-dialog .package-top p{min-height:29px;line-height:1.5}.points-purchase-dialog .package-points{margin:20px 0 14px}.points-purchase-dialog .package-points strong{font-size:34px}.points-purchase-dialog .package-price b{font-size:27px}.points-purchase-dialog .point-package-card form{margin-top:14px}
.subscription-dialog{width:min(720px,calc(100vw - 36px))}.subscription-dialog .xibao-modal-body{padding-bottom:34px}.subscription-modal-card{padding:25px;border:1px solid rgba(213,163,60,.2);border-radius:18px;background:linear-gradient(135deg,rgba(213,163,60,.09),rgba(12,12,15,.22))}.subscription-modal-card h3{margin:9px 0 6px;font-size:23px}.subscription-modal-card>p{margin:0;color:var(--muted);font-size:10px}.subscription-modal-facts{margin:21px 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.subscription-modal-facts span{min-width:0;padding:13px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:rgba(8,8,10,.2)}.subscription-modal-facts small,.subscription-modal-facts b{display:block}.subscription-modal-facts small{color:#8d8f98;font-size:8px}.subscription-modal-facts b{margin-top:6px;overflow:hidden;color:#eeeef1;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.modal-empty-state{padding:40px 20px;text-align:center}.modal-empty-state>span{width:58px;height:58px;margin:0 auto 14px;border:1px solid rgba(213,163,60,.25);border-radius:18px;display:grid;place-items:center;color:#e0bd68;font-size:25px}.modal-empty-state h3{margin:0 0 7px}.modal-empty-state p{margin:0;color:var(--muted);font-size:10px}
.order-history-dialog{width:min(930px,calc(100vw - 36px))}.modal-table-wrap{overflow:auto;border:1px solid rgba(255,255,255,.055);border-radius:14px;background:rgba(12,12,15,.16)}.modal-table-wrap table{min-width:660px}.modal-table-wrap th,.modal-table-wrap td{padding:14px 16px}

.vip-center-dialog{width:min(1180px,calc(100vw - 36px))}.vip-modal-body{padding:27px}.vip-center-dialog .vip-growth-card{margin:0;grid-template-columns:320px minmax(0,1fr);border-color:rgba(213,163,60,.16);box-shadow:none}.vip-center-dialog .vip-growth-current{min-height:230px}.vip-center-dialog .vip-growth-detail{min-width:0}.vip-center-dialog .xibao-modal-avatar{color:var(--vip-accent-2);border-color:color-mix(in srgb,var(--vip-accent) 38%,transparent);background:color-mix(in srgb,var(--vip-accent) 10%,#1a1a1e)}

html[data-theme="light"] .billing-action-button{border-color:rgba(16,16,18,.09);background:#25262b;color:#fff}
html[data-theme="light"] .xibao-modal::backdrop{background:rgba(16,17,20,.66)}
html[data-theme="light"] .xibao-modal-shell{border-color:rgba(16,16,18,.12);background:#fff;box-shadow:0 38px 110px rgba(13,14,17,.28)}
html[data-theme="light"] .xibao-modal-header{border-bottom-color:rgba(16,16,18,.08);background:#f3f3f1}
html[data-theme="light"] .xibao-modal-body{background:#fff}
html[data-theme="light"] .xibao-modal-identity b,html[data-theme="light"] .xibao-modal-balance b,html[data-theme="light"] .xibao-modal-title h2{color:#202126}
html[data-theme="light"] .xibao-modal-close{border-left-color:rgba(16,16,18,.09);color:#34353b}
html[data-theme="light"] .xibao-modal-title span{background:rgba(16,16,18,.10)}
html[data-theme="light"] .points-purchase-dialog .point-package-card{border-color:rgba(16,16,18,.09);background:#f1f1ef}
html[data-theme="light"] .points-purchase-dialog .point-package-card.featured{background:radial-gradient(circle at 95% 5%,rgba(213,163,60,.14),transparent 29%),#f7f5ef}
html[data-theme="light"] .subscription-modal-facts span,html[data-theme="light"] .modal-table-wrap{border-color:rgba(16,16,18,.08);background:#f5f5f2}
html[data-theme="light"] .subscription-modal-facts b{color:#25262b}

@media(max-width:980px){.points-purchase-dialog .point-package-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vip-center-dialog .vip-growth-card{grid-template-columns:1fr}.vip-center-dialog .vip-growth-current{min-height:190px}}
@media(max-width:640px){.billing-action-row{margin-top:-25px}.billing-action-button{min-width:0;flex:1;padding:0 12px;font-size:11px}.xibao-modal{width:calc(100vw - 18px);max-height:calc(100dvh - 18px)}.xibao-modal-shell{max-height:calc(100dvh - 18px);border-radius:17px}.xibao-modal-header{min-height:84px;padding:17px 15px;gap:10px}.xibao-modal-avatar{width:40px;height:40px;border-radius:12px;font-size:14px}.xibao-modal-balance{display:none}.xibao-modal-close{width:31px;height:31px;font-size:23px}.xibao-modal-body{padding:22px 14px 24px}.points-purchase-dialog .point-package-grid{grid-template-columns:1fr}.points-purchase-dialog .point-package-card{min-height:auto}.subscription-modal-facts{grid-template-columns:1fr}.vip-modal-body{padding:13px}.vip-center-dialog .vip-growth-current{padding:22px 18px}.vip-center-dialog .vip-growth-detail{padding:21px 14px}.vip-center-dialog .vip-level-track{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* =========================
   V2.6.5 · live platform pulse and ten-level VIP growth
   ========================= */
.vip-level-1{--vip-accent:#aeb5c2;--vip-accent-2:#e4e7ed}.vip-level-2{--vip-accent:#7ec9b7;--vip-accent-2:#b8f0df}.vip-level-3{--vip-accent:#6c9eea;--vip-accent-2:#b7d3ff}.vip-level-4{--vip-accent:#8976ef;--vip-accent-2:#c9c0ff}.vip-level-5{--vip-accent:#b86fe4;--vip-accent-2:#e0b7fa}.vip-level-6{--vip-accent:#e26b9b;--vip-accent-2:#ffc0d9}.vip-level-7{--vip-accent:#d7dce6;--vip-accent-2:#fff}.vip-level-8{--vip-accent:#d5a33c;--vip-accent-2:#ffe39b}.vip-level-9{--vip-accent:#ed704f;--vip-accent-2:#ffc19f}.vip-level-10{--vip-accent:#f2c55d;--vip-accent-2:#fff0b6}

.topbar-left{flex:1;min-width:0}.platform-live-strip{height:38px;margin-left:9px;padding:0 12px;display:flex;align-items:center;gap:10px;border:1px solid rgba(91,214,176,.14);border-radius:999px;background:linear-gradient(120deg,rgba(78,203,167,.055),rgba(74,136,218,.035));box-shadow:inset 0 1px rgba(255,255,255,.025)}
.platform-live-item{display:flex;align-items:center;gap:5px;white-space:nowrap;letter-spacing:0}.platform-live-item>i{font-style:normal}.platform-live-item.online>i{width:6px;height:6px;border-radius:50%;background:#5bd6a3;box-shadow:0 0 0 4px rgba(91,214,163,.08),0 0 13px rgba(91,214,163,.42);animation:xibao-live-pulse 2.4s ease-in-out infinite}.platform-live-item.token>i{color:#71b7ff;font-size:10px}.platform-live-item small{color:#777c84;font-size:7px}.platform-live-item b{color:#e6ecec;font-size:10px;font-variant-numeric:tabular-nums}.platform-live-item em{color:#737981;font-size:6px;font-style:normal}.platform-live-separator{width:1px;height:17px;background:rgba(255,255,255,.08)}
.platform-live-strip[hidden],.platform-live-item[hidden],.platform-live-separator[hidden]{display:none!important}
@keyframes xibao-live-pulse{0%,100%{opacity:.65}50%{opacity:1;box-shadow:0 0 0 5px rgba(91,214,163,.07),0 0 16px rgba(91,214,163,.55)}}

.vip-tier-pill{--vip-accent:#d5a33c;--vip-accent-2:#ffe39b;height:40px;min-width:91px;padding:0 13px;position:relative;overflow:hidden;border:1px solid color-mix(in srgb,var(--vip-accent) 35%,transparent);border-radius:999px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(135deg,color-mix(in srgb,var(--vip-accent) 13%,#111114),#101013 65%);box-shadow:inset 0 1px color-mix(in srgb,var(--vip-accent-2) 18%,transparent);transition:.2s}.vip-tier-pill:before{content:"";position:absolute;inset:-80% 35%;transform:rotate(24deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);pointer-events:none}.vip-tier-pill:hover{transform:translateY(-1px);border-color:color-mix(in srgb,var(--vip-accent) 62%,transparent)}.vip-tier-pill span,.vip-tier-pill small{position:relative;z-index:1;display:block;white-space:nowrap}.vip-tier-pill span{color:var(--vip-accent-2);font-size:9px;font-weight:900;letter-spacing:.08em}.vip-tier-pill small{margin-top:2px;color:color-mix(in srgb,var(--vip-accent-2) 64%,#777);font-size:6px}

.vip-growth-card{scroll-margin-top:90px;margin:0 0 34px;padding:1px;border:1px solid rgba(213,163,60,.2);border-radius:23px;display:grid;grid-template-columns:340px minmax(0,1fr);overflow:hidden;background:linear-gradient(135deg,rgba(213,163,60,.12),rgba(90,113,197,.08),rgba(213,163,60,.04));box-shadow:0 24px 70px rgba(0,0,0,.16)}.vip-growth-current{--vip-accent:#d5a33c;--vip-accent-2:#ffe39b;min-height:184px;padding:30px;display:grid;grid-template-columns:48px minmax(0,1fr);gap:15px;align-items:center;background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--vip-accent) 18%,transparent),transparent 45%),linear-gradient(140deg,#17171b,#0b0b0e)}.vip-growth-crown{width:46px;height:46px;border:1px solid color-mix(in srgb,var(--vip-accent) 38%,transparent);border-radius:15px;display:grid;place-items:center;color:var(--vip-accent-2);background:color-mix(in srgb,var(--vip-accent) 10%,transparent);font-size:22px}.vip-growth-current>div small,.vip-growth-current>div b,.vip-growth-current>div p{display:block}.vip-growth-current>div small{color:var(--vip-accent);font-size:7px;font-weight:850;letter-spacing:.13em}.vip-growth-current>div b{margin-top:6px;color:#f1f1f3;font-size:16px}.vip-growth-current>div p{margin:6px 0 0;color:#7f8188;font-size:8px}.vip-growth-current>strong{grid-column:1/-1;display:flex;align-items:baseline;gap:4px;color:var(--vip-accent-2);font-size:36px}.vip-growth-current>strong em{font-size:13px;font-style:normal}.vip-growth-current>strong small{margin-left:5px;color:#878991;font-size:7px;font-weight:500}.vip-growth-detail{padding:27px 31px;background:rgba(10,10,13,.9)}.vip-growth-title{display:flex;align-items:center;justify-content:space-between;gap:20px}.vip-growth-title b,.vip-growth-title small{display:block}.vip-growth-title b{font-size:11px}.vip-growth-title small{margin-top:5px;color:var(--muted);font-size:7px}.vip-growth-title>span{color:#d7b25f;font-size:11px;font-weight:850}.vip-progress{height:7px;margin:17px 0 23px;border-radius:999px;background:#202026;overflow:hidden}.vip-progress i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#7c8ee9,#d5a33c,#ffe6a4);box-shadow:0 0 18px rgba(213,163,60,.32)}.vip-level-track{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:5px}.vip-level-track span{min-width:0;padding:8px 3px;border:1px solid #232328;border-radius:9px;text-align:center;background:#111114;opacity:.58}.vip-level-track i,.vip-level-track b,.vip-level-track small{display:block}.vip-level-track i{width:18px;height:18px;margin:0 auto 5px;border-radius:50%;display:grid;place-items:center;background:#25252b;color:#777;font-size:6px;font-style:normal}.vip-level-track b{font-size:6px}.vip-level-track small{margin-top:3px;color:#666;font-size:5px}.vip-level-track span.reached{border-color:rgba(213,163,60,.18);opacity:1}.vip-level-track span.reached i{background:#b58d3d;color:#17120a}.vip-level-track span.current{box-shadow:inset 0 0 0 1px rgba(255,224,151,.18);background:rgba(213,163,60,.07)}

.vip-admin-kpis{margin-bottom:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.vip-admin-kpis>div{min-height:112px;padding:20px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,var(--panel),rgba(17,18,23,.94))}.vip-admin-kpis small,.vip-admin-kpis b,.vip-admin-kpis span{display:block}.vip-admin-kpis small{color:var(--muted);font-size:8px}.vip-admin-kpis b{margin-top:8px;color:#f1e3bd;font-size:27px}.vip-admin-kpis span{margin-top:4px;color:#777982;font-size:7px}.vip-admin-form{display:block}.vip-platform-settings{margin-bottom:16px}.vip-setting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.vip-setting-grid>.switch-row,.vip-window-setting{min-height:105px;margin:0;padding:17px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.vip-setting-grid>.switch-row{display:flex;align-items:flex-start;gap:12px}.vip-setting-grid>.switch-row input{width:auto;margin-top:3px}.vip-setting-grid b,.vip-setting-grid small{display:block}.vip-setting-grid b{font-size:10px}.vip-setting-grid small{margin-top:7px;color:var(--muted);font-size:7px;line-height:1.6}.vip-window-setting>span{display:block;color:#aaa;font-size:8px}.vip-window-setting>div{margin-top:8px;display:flex;align-items:center;gap:7px}.vip-window-setting input{height:36px;margin:0}.vip-window-setting em{color:#777;font-size:8px;font-style:normal}.vip-level-editor{padding-bottom:0;overflow:hidden}.vip-rule-head,.vip-rule-row{display:grid;grid-template-columns:105px minmax(150px,1fr) minmax(180px,1.15fr) minmax(145px,.8fr) 90px;gap:10px;align-items:center}.vip-rule-head{padding:11px 14px;color:#6f7179;font-size:7px}.vip-rule-list{border:1px solid var(--line);border-radius:16px;overflow:hidden}.vip-rule-row{--vip-accent:#d5a33c;--vip-accent-2:#ffe39b;min-height:77px;padding:11px 14px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,color-mix(in srgb,var(--vip-accent) 4%,transparent),transparent 35%)}.vip-rule-row:last-child{border-bottom:0}.vip-rule-badge,.admin-vip-chip{width:max-content;padding:6px 9px;border:1px solid color-mix(in srgb,var(--vip-accent) 35%,transparent);border-radius:999px;color:var(--vip-accent-2);background:color-mix(in srgb,var(--vip-accent) 9%,transparent);font-size:8px;font-weight:900;letter-spacing:.06em}.vip-rule-row label>span{display:none}.vip-rule-row input{height:38px;margin:0;padding:8px 10px;font-size:8px}.vip-rule-row label>div{display:flex;align-items:center;gap:7px}.vip-rule-row label em{color:#777;font-size:7px;font-style:normal}.vip-user-count{justify-self:end;display:flex;align-items:baseline;gap:4px}.vip-user-count b{font-size:18px}.vip-user-count small{color:#777;font-size:7px}.vip-save-bar{margin:18px -26px 0;padding:17px 26px;position:sticky;bottom:0;z-index:3;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px;background:rgba(12,12,15,.94);backdrop-filter:blur(18px)}.vip-save-bar b,.vip-save-bar small{display:block}.vip-save-bar b{font-size:9px}.vip-save-bar small{margin-top:5px;color:var(--muted);font-size:7px}.vip-save-bar button{min-width:170px}

.usage-composition-strip{margin:-5px 0 16px;padding:15px 18px;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:10px;border:1px solid rgba(94,181,255,.18);border-radius:16px;background:linear-gradient(105deg,rgba(57,115,198,.08),rgba(213,163,60,.045),var(--panel))}.usage-composition-strip>span{min-width:0}.usage-composition-strip small,.usage-composition-strip b,.usage-composition-strip em{display:block}.usage-composition-strip small{color:#9197a1;font-size:8px}.usage-composition-strip b{margin-top:5px;color:#dfe8f1;font-size:18px;font-variant-numeric:tabular-nums}.usage-composition-strip em{margin-top:2px;color:#737a85;font-size:7px;font-style:normal}.usage-composition-strip>i{color:#5f6d7e;font-size:13px;font-style:normal}.usage-composition-strip .total b{color:#f3d486}.usage-equivalence-note{margin-bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-color:rgba(94,181,255,.18);background:linear-gradient(110deg,rgba(58,118,202,.07),var(--panel) 52%,rgba(213,163,60,.045))}.usage-equivalence-note h3{margin:6px 0}.usage-equivalence-note p{margin:0;color:var(--muted)}

.admin-vip-chip{display:inline-flex}.admin-user-vip{--vip-accent:#d5a33c;--vip-accent-2:#ffe39b;margin-top:-8px;padding:17px 20px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(260px,1.3fr) auto;align-items:center;gap:24px;border-color:color-mix(in srgb,var(--vip-accent) 18%,var(--line));background:linear-gradient(110deg,color-mix(in srgb,var(--vip-accent) 6%,var(--panel)),var(--panel))}.admin-user-vip>div:first-child{display:flex;align-items:center;gap:12px}.admin-user-vip>div:first-child b,.admin-user-vip>div:first-child small{display:block}.admin-user-vip>div:first-child b{font-size:10px}.admin-user-vip>div:first-child small{margin-top:4px;color:var(--muted);font-size:7px}.admin-user-vip-progress>span{height:6px;display:block;border-radius:999px;background:#222228;overflow:hidden}.admin-user-vip-progress>span i{height:100%;display:block;background:linear-gradient(90deg,var(--vip-accent),var(--vip-accent-2))}.admin-user-vip-progress>small{display:block;margin-top:6px;color:#7b7d84;font-size:7px}

html[data-theme="light"] .platform-live-strip{border-color:#dce9e5;background:linear-gradient(120deg,#f2fbf8,#f4f8fc)}html[data-theme="light"] .platform-live-item b{color:#29302f}html[data-theme="light"] .platform-live-separator{background:#dde2e1}html[data-theme="light"] .vip-tier-pill{background:linear-gradient(135deg,color-mix(in srgb,var(--vip-accent) 13%,#fff),#f7f5f0)}html[data-theme="light"] .vip-tier-pill span{color:color-mix(in srgb,var(--vip-accent) 80%,#40331b)}html[data-theme="light"] .vip-growth-current{background:radial-gradient(circle at 10% 10%,color-mix(in srgb,var(--vip-accent) 18%,transparent),transparent 45%),linear-gradient(140deg,#fff,#f1eee8)}html[data-theme="light"] .vip-growth-current>div b{color:#292923}html[data-theme="light"] .vip-growth-detail{background:rgba(255,255,255,.92)}html[data-theme="light"] .vip-level-track span{border-color:#e7e3db;background:#f9f8f5}html[data-theme="light"] .vip-progress{background:#e9e6df}html[data-theme="light"] .vip-admin-kpis>div{background:linear-gradient(145deg,#fff,#f7f5ef)}html[data-theme="light"] .vip-save-bar{background:rgba(255,255,255,.94)}html[data-theme="light"] .usage-composition-strip,html[data-theme="light"] .usage-equivalence-note{border-color:#d8e6f3;background:linear-gradient(110deg,#f4f9fd,#fff 55%,#fffaf0)}html[data-theme="light"] .usage-composition-strip b{color:#26323e}html[data-theme="light"] .usage-composition-strip .total b{color:#815e19}

@media(max-width:1250px){.platform-live-item small{display:none}.platform-live-strip{padding-left:10px;padding-right:10px}.vip-tier-pill{min-width:72px}.vip-tier-pill small{display:none}.topbar-actions{gap:7px}.user-pill{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}}
@media(max-width:1040px){.platform-live-item em{display:none}.platform-live-strip{margin-left:3px}.vip-admin-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.usage-composition-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-composition-strip>i{display:none}.vip-rule-head{display:none}.vip-rule-row{grid-template-columns:90px repeat(3,minmax(0,1fr)) 65px}.vip-growth-card{grid-template-columns:280px minmax(0,1fr)}.vip-level-track small{display:none}}
@media(max-width:820px){.platform-live-strip{height:34px}.platform-live-item.token{display:none}.vip-tier-pill{height:34px;min-width:62px;padding:0 9px}.vip-tier-pill span{font-size:8px}.vip-growth-card{grid-template-columns:1fr}.vip-growth-current{min-height:150px}.vip-setting-grid{grid-template-columns:1fr}.vip-rule-row{grid-template-columns:72px 1fr 1fr}.vip-rule-row label:nth-of-type(3),.vip-user-count{grid-column:auto}.vip-rule-row label>span{display:block;margin-bottom:5px;color:#777;font-size:6px}.admin-user-vip{grid-template-columns:1fr}.admin-user-vip>a{justify-self:start}}
@media(max-width:600px){.platform-live-strip{padding:0 8px}.platform-live-item.online small{display:none}.vip-admin-kpis{grid-template-columns:1fr 1fr}.usage-composition-strip{grid-template-columns:1fr 1fr}.usage-composition-strip>i{display:none}.usage-equivalence-note{align-items:flex-start;flex-direction:column}.vip-rule-row{grid-template-columns:1fr 1fr}.vip-rule-badge{grid-column:1/-1}.vip-user-count{justify-self:start}.vip-save-bar{align-items:flex-start;flex-direction:column}.vip-save-bar button{width:100%}.vip-growth-detail{padding:22px 17px;overflow-x:auto}.vip-level-track{min-width:610px}.vip-growth-current{padding:24px}.vip-growth-title{align-items:flex-start}.vip-growth-title>span{display:none}}

/* =========================
   V2.7.0 · identity-safe beauty, brain readiness and 3D entry
   ========================= */
.merchant-beauty-block{border-color:rgba(213,163,60,.19)!important;background:linear-gradient(140deg,rgba(213,163,60,.045),var(--panel))!important}
.merchant-beauty-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:12px}
.merchant-beauty-options>label{min-height:74px;margin:0;padding:12px;border:1px solid var(--line);border-radius:12px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:flex-start;gap:10px;background:var(--panel2);cursor:pointer}
.merchant-beauty-options>label:first-child{grid-template-columns:1fr;cursor:default}.merchant-beauty-options>label:first-child>span{color:var(--muted);font-size:8px}
.merchant-beauty-options input[type="checkbox"]{width:17px;height:17px;margin-top:2px;accent-color:var(--xb-gold)}
.merchant-beauty-options b,.merchant-beauty-options small{display:block}.merchant-beauty-options b{font-size:9px}.merchant-beauty-options small{margin-top:4px;color:var(--muted);font-size:7px;line-height:1.55}

.brain-readiness{margin-bottom:14px;display:grid;grid-template-columns:minmax(220px,1fr) minmax(220px,1.2fr) auto;align-items:center;gap:22px;border-color:rgba(91,214,176,.18);background:linear-gradient(105deg,rgba(91,214,176,.055),var(--panel) 52%,rgba(213,163,60,.045))}
.brain-readiness h3{margin:5px 0}.brain-readiness p{margin:0;color:var(--muted);font-size:9px}.brain-readiness-meter{height:8px;border-radius:999px;overflow:hidden;background:#22252a}.brain-readiness-meter i{height:100%;display:block;border-radius:inherit;background:linear-gradient(90deg,#58cda4,#d5a33c);box-shadow:0 0 16px rgba(91,214,176,.25)}

.identity-account-summary{margin:4px 0 16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.identity-account-summary>span{padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--panel2)}.identity-account-summary small,.identity-account-summary b{display:block}.identity-account-summary small{color:var(--muted);font-size:7px}.identity-account-summary b{margin-top:5px;font-size:9px}
.ai-generated-notice{margin:0 0 13px;padding:13px 16px;display:flex;align-items:center;gap:13px;border:1px solid rgba(87,164,241,.20);border-radius:13px;background:rgba(87,164,241,.055)}.ai-generated-notice span{padding:5px 8px;border:1px solid rgba(87,164,241,.28);border-radius:999px;color:#8bc5ff;font-size:8px;font-weight:850;white-space:nowrap}.ai-generated-notice p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}

.product-3d-entry-card{margin:14px 0 28px;padding:20px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border:1px solid rgba(213,163,60,.21);border-radius:18px;background:radial-gradient(circle at 4% 50%,rgba(213,163,60,.12),transparent 22%),linear-gradient(110deg,#15130e,#0e0e11 58%);transition:.2s}
.product-3d-entry-card:hover{transform:translateY(-2px);border-color:rgba(213,163,60,.42);box-shadow:0 18px 45px rgba(0,0,0,.18)}.product-3d-entry-icon{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(213,163,60,.35);border-radius:15px;color:#edc66b;background:rgba(213,163,60,.08);font-size:24px}.product-3d-entry-card small,.product-3d-entry-card b,.product-3d-entry-card p{display:block}.product-3d-entry-card small{color:#b8964a;font-size:7px;font-weight:850;letter-spacing:.12em}.product-3d-entry-card b{margin-top:5px;color:#f3f0e8;font-size:17px}.product-3d-entry-card p{margin:5px 0 0;color:#85868d;font-size:9px}.product-3d-entry-card em{color:#e0bd68;font-size:10px;font-style:normal;font-weight:800;white-space:nowrap}

html[data-theme="light"] .identity-gate-dialog{background:#fff;color:#232326}html[data-theme="light"] .identity-consent-list label,html[data-theme="light"] .identity-terms{background:#f6f5f1}html[data-theme="light"] .digital-twin-upload{background:linear-gradient(145deg,#fff,#f3f1eb)}html[data-theme="light"] .product-3d-entry-card{background:linear-gradient(110deg,#fffaf0,#fff)}html[data-theme="light"] .product-3d-entry-card b{color:#28251f}

@media(max-width:850px){.merchant-beauty-options{grid-template-columns:1fr}.brain-readiness{grid-template-columns:1fr}.product-3d-entry-card{grid-template-columns:auto minmax(0,1fr)}.product-3d-entry-card em{grid-column:2}}
@media(max-width:560px){.identity-account-summary{grid-template-columns:1fr}.product-3d-entry-card{padding:17px 15px;gap:12px}.product-3d-entry-card p{line-height:1.6}}

/* V2.7.0 · Hyper3D product modeling and login typography refinement */
.auth-copy h1{line-height:1.14;letter-spacing:.035em}
.auth-copy h1 span{letter-spacing:.07em}

.digital-twin-brand-visual{width:238px;height:238px;margin:auto;position:relative;display:grid;place-items:center;border:1px solid rgba(226,186,94,.22);border-radius:58px;background:radial-gradient(circle at 50% 45%,rgba(213,163,60,.16),transparent 42%),linear-gradient(145deg,rgba(255,255,255,.045),rgba(255,255,255,.008));box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 30px 80px rgba(0,0,0,.32);isolation:isolate}
.digital-twin-brand-visual:before,.digital-twin-brand-visual:after{content:"";position:absolute;border:1px solid rgba(218,173,70,.18);border-radius:42%;transform:rotate(35deg)}
.digital-twin-brand-visual:before{inset:24px}.digital-twin-brand-visual:after{inset:47px;transform:rotate(-20deg);border-color:rgba(218,173,70,.11)}
.digital-twin-brand-core{position:relative;z-index:2;width:128px;height:146px;padding:18px 12px 14px;display:flex;align-items:center;flex-direction:column;border:1px solid rgba(233,198,116,.32);border-radius:34px;background:linear-gradient(155deg,rgba(35,29,17,.96),rgba(12,12,15,.98));box-shadow:0 22px 48px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.08)}
.digital-twin-brand-core>span{width:68px;height:68px;padding:5px;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(231,195,109,.32);border-radius:22px;background:#f5f1e8;box-shadow:0 10px 30px rgba(213,163,60,.15)}
.digital-twin-brand-core img{width:100%;height:100%;display:block;object-fit:contain;border-radius:17px}
.digital-twin-brand-core b{margin-top:9px;color:#f3e3ba;font-size:14px;letter-spacing:.12em}.digital-twin-brand-core small{margin-top:4px;color:#947a43;font-size:6px;font-weight:850;letter-spacing:.17em}
.digital-twin-brand-visual>i,.digital-twin-brand-visual>em{position:absolute;z-index:3;padding:6px 8px;border:1px solid rgba(226,184,86,.30);border-radius:999px;background:rgba(10,10,13,.82);color:#d8b361;font-size:7px;font-style:normal;font-weight:900;letter-spacing:.10em;box-shadow:0 8px 20px rgba(0,0,0,.28)}
.digital-twin-brand-visual>i{left:18px;top:48px}.digital-twin-brand-visual>em{right:15px;bottom:51px}

.digital-twin-upload{border-radius:24px}.digital-twin-upload img{border-radius:inherit}.digital-twin-upload button{border-radius:11px}
.digital-twin-task-grid>a{border-radius:22px}.digital-twin-task-cover{border-radius:17px}.digital-twin-task-cover img{border-radius:inherit}
.digital-twin-preview{overflow:hidden;border-radius:24px}.digital-twin-preview>img{border-radius:20px}
.digital-twin-source-row>div{border-radius:16px}.digital-twin-source-row img{display:block;border-radius:15px 15px 0 0}
.product-3d-entry-card{border-radius:24px}

html[data-theme="light"] .digital-twin-brand-visual{background:radial-gradient(circle at 50% 45%,rgba(213,163,60,.16),transparent 42%),linear-gradient(145deg,#fffdf7,#eee8dc)}
@media(max-width:600px){.digital-twin-brand-visual{width:200px;height:200px;border-radius:48px}.digital-twin-brand-core{transform:scale(.86)}}

/* V2.7.1 · unified feature intro and real-time 3D asset experience */
.feature-intro-hero{margin-bottom:20px}
.feature-intro-hero .merchant-video-mascot{flex:none}
.digital-twin-task-cover:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 56%,rgba(5,5,8,.34));pointer-events:none}
.digital-twin-task-cover img{position:relative;z-index:0;transition:transform .28s ease}.digital-twin-task-grid>a:hover .digital-twin-task-cover img{transform:scale(1.035)}
.digital-twin-cover-mark{position:absolute;left:9px;bottom:9px;z-index:2;padding:5px 8px;border:1px solid rgba(239,199,105,.3);border-radius:999px;background:rgba(8,8,11,.72);backdrop-filter:blur(8px);color:#e5c574;font-size:10px;font-weight:900;letter-spacing:.08em}
.digital-twin-task-cover .status{z-index:2}

.product-3d-live-progress{position:relative;overflow:hidden;border-color:rgba(213,163,60,.17);background:linear-gradient(125deg,rgba(213,163,60,.055),#101013 48%)}
.product-3d-live-progress:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#d4a63f}
.product-3d-live-progress .progress-top b{color:#dfc479;letter-spacing:.07em}.product-3d-live-progress .progress-top span{color:#efe5ca;font-size:15px;font-weight:850}
.product-3d-live-progress .bar{height:9px;border:1px solid rgba(255,255,255,.025)}.product-3d-live-progress .bar i{background:linear-gradient(90deg,#b8781c,#efd16e);box-shadow:0 0 20px rgba(213,163,60,.28);transition:width .65s cubic-bezier(.2,.8,.2,1)}
.product-3d-live-progress.status-completed:before{background:#55d6a0}.product-3d-live-progress.status-completed .bar i{background:linear-gradient(90deg,#2ca878,#73dfb5)}
.product-3d-live-progress.status-failed:before,.product-3d-live-progress.status-blocked:before{background:#ed6873}.product-3d-live-progress.status-failed .bar i,.product-3d-live-progress.status-blocked .bar i{background:linear-gradient(90deg,#b92f3b,#ef7781)}
.product-3d-live-hint{position:absolute;right:20px;bottom:18px;display:flex!important;align-items:center;gap:7px;color:#8d8f94}.product-3d-live-hint i{width:7px;height:7px;border-radius:50%;background:#67d8a8;box-shadow:0 0 0 0 rgba(103,216,168,.35);animation:product3dLivePulse 1.6s infinite}
@keyframes product3dLivePulse{70%{box-shadow:0 0 0 8px rgba(103,216,168,0)}100%{box-shadow:0 0 0 0 rgba(103,216,168,0)}}

.digital-twin-result-layout{grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);align-items:start}
.product-model-viewer-card{min-height:0;padding:16px;display:block;overflow:hidden;border-radius:24px}
.product-model-viewer-head{min-height:52px;padding:0 4px 13px;display:flex;align-items:center;justify-content:space-between;gap:14px}.product-model-viewer-head h3{margin:4px 0 0}.product-model-viewer-head>small{color:#8e8b83;text-align:right}
.product-model-viewer{--model-cover:none;height:510px;position:relative;overflow:hidden;border:1px solid rgba(213,163,60,.16);border-radius:19px;background:radial-gradient(circle at 50% 38%,rgba(255,255,255,.92),transparent 42%),linear-gradient(145deg,#d8d8d5,#aaa9a5)}
.product-model-viewer:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:42px 42px;pointer-events:none}
.product-model-viewer canvas{width:100%;height:100%;position:relative;z-index:1;display:block;cursor:grab;touch-action:none;outline:0}.product-model-viewer canvas:active{cursor:grabbing}.product-model-viewer canvas:focus-visible{box-shadow:inset 0 0 0 2px #d5a33c}
.product-model-viewer model-viewer{width:100%;height:100%;position:relative;z-index:1;display:block;--poster-color:#dddcd8;--progress-bar-color:#d5a33c;--progress-bar-height:3px;touch-action:pan-y}.product-model-viewer model-viewer[hidden],.product-model-viewer canvas[hidden]{display:none!important}.product-model-viewer.is-compat-viewer model-viewer{display:none!important}
.product-model-viewer-loading,.product-model-viewer-error{position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:rgba(7,7,9,.78);backdrop-filter:blur(8px)}
.product-model-viewer-loading[hidden],.product-model-viewer-error[hidden]{display:none}.product-model-viewer-loading>span{width:42px;height:42px;margin-bottom:13px;border:2px solid rgba(213,163,60,.18);border-top-color:#e8bc5e;border-radius:50%;animation:modelViewerSpin .9s linear infinite}.product-model-viewer-loading b,.product-model-viewer-error b{font-size:15px}.product-model-viewer-loading small,.product-model-viewer-error small{max-width:360px;margin-top:7px;color:#8d8e94;line-height:1.6}
.product-model-viewer-error{padding:34px;background:linear-gradient(rgba(7,7,9,.78),rgba(7,7,9,.86)),var(--model-cover) center/contain no-repeat}.product-model-viewer-error b{color:#efc76c}
@keyframes modelViewerSpin{to{transform:rotate(360deg)}}
.product-model-viewer-tools{position:absolute;right:12px;top:12px;z-index:2;display:flex;gap:6px}.product-model-viewer-tools button{padding:7px 10px;border:1px solid rgba(255,255,255,.10);border-radius:9px;background:rgba(8,8,11,.72);backdrop-filter:blur(8px);color:#a8a8ad;font-size:11px}.product-model-viewer-tools button:hover,.product-model-viewer-tools button.active{border-color:rgba(213,163,60,.34);color:#e6c36d;background:rgba(35,29,16,.82)}
.product-model-viewer-tip{position:absolute;left:50%;bottom:12px;z-index:2;transform:translateX(-50%);padding:6px 10px;border-radius:999px;background:rgba(7,7,10,.68);backdrop-filter:blur(8px);color:#8e8f95;font-size:11px;white-space:nowrap;pointer-events:none}
.product-model-viewer:fullscreen{height:100vh;border:0;border-radius:0}.product-model-viewer:fullscreen canvas{height:100vh}
.product-model-building,.product-model-static-fallback{height:510px;position:relative;overflow:hidden;display:grid;place-items:center;border:1px solid rgba(213,163,60,.13);border-radius:19px;background:#0b0b0e}.product-model-building>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:brightness(.28) saturate(.65) blur(2px);transform:scale(1.035)}.product-model-building .digital-twin-orbit{position:relative;z-index:2}.product-model-building>p{position:absolute;left:24px;right:24px;bottom:19px;z-index:2;margin:0!important;text-align:center;color:#aaa89f!important}
.product-model-static-fallback{padding:35px;grid-template-rows:minmax(0,1fr) auto auto;text-align:center}.product-model-static-fallback img{max-width:100%;max-height:360px;object-fit:contain;border-radius:16px}.product-model-static-fallback b{margin-top:15px}.product-model-static-fallback p{margin:6px 0 0!important;color:#8b8c92!important}
.product-3d-source-card{position:sticky;top:78px}.product-3d-source-card>h3{margin-top:0}.product-3d-source-card .digital-twin-source-row{grid-template-columns:repeat(2,1fr)}.product-3d-source-card .digital-twin-source-row img{height:125px}

html[data-theme="light"] .product-3d-live-progress{background:linear-gradient(125deg,#fff8e8,#fff 48%)}html[data-theme="light"] .product-3d-live-progress .progress-top span{color:#5a461b}
html[data-theme="light"] .product-model-viewer,html[data-theme="light"] .product-model-building,html[data-theme="light"] .product-model-static-fallback{background:radial-gradient(circle at 50% 42%,rgba(213,163,60,.13),transparent 38%),#f3f1eb}
html[data-theme="light"] .product-model-viewer-tools button{background:rgba(255,255,255,.82);color:#55575e}html[data-theme="light"] .product-model-viewer-tip{background:rgba(255,255,255,.82);color:#55575e}

@media(max-width:900px){.digital-twin-result-layout{grid-template-columns:1fr}.product-3d-source-card{position:static}.product-model-viewer,.product-model-building,.product-model-static-fallback{height:460px}}
@media(max-width:600px){.feature-intro-hero .merchant-video-path{gap:6px}.product-3d-live-hint{position:static;margin-top:12px}.product-model-viewer-card{padding:10px}.product-model-viewer-head{align-items:flex-start;flex-direction:column}.product-model-viewer,.product-model-building,.product-model-static-fallback{height:390px}.product-model-viewer-tools{left:9px;right:9px;top:9px;justify-content:center}.product-model-viewer-tools button{flex:1}.product-model-viewer-tip{bottom:9px;font-size:9px}.product-3d-source-card .digital-twin-source-row img{height:110px}}

/* ============================================================
   禧宝AI V2.7.5 · verified 3D preview and full-window generation stage
   ============================================================ */
.feature-intro-hero{max-width:none;width:100%;margin-left:0;margin-right:0}

.xibao-generation-preview{
  --xibao-stage-cover:none;
  width:100%;min-height:350px;position:relative;overflow:hidden;isolation:isolate;
  display:grid;place-items:center;border:1px solid rgba(255,255,255,.065);border-radius:22px;
  background:
    linear-gradient(145deg,rgba(15,15,20,.80),rgba(5,5,9,.90)),
    radial-gradient(circle at 50% 50%,rgba(255,255,255,.025),transparent 60%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 25px 70px rgba(0,0,0,.20);
  backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);
}
.xibao-generation-preview.size-wide{margin:0 0 15px}
.xibao-generation-preview.size-fill{height:100%;min-height:inherit;border:0;border-radius:inherit}
.xibao-generation-preview.size-compact{height:100%;min-height:100%;border:0;border-radius:0;box-shadow:none}
.xibao-generation-preview.size-overlay{height:100%;min-height:100%;border:0;border-radius:0;background:rgba(7,7,11,.50);box-shadow:none}
.xibao-generation-cover{position:absolute;z-index:-3;inset:-30px;background-image:var(--xibao-stage-cover);background-position:center;background-size:cover;background-repeat:no-repeat;filter:blur(20px) brightness(.34) saturate(1.2);opacity:.44;transform:scale(1.08)}
.xibao-generation-preview:after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 32%,rgba(255,255,255,.018) 68%,transparent);backdrop-filter:blur(18px);pointer-events:none}
.xibao-liquid-canvas{position:absolute;z-index:-2;inset:-12%;overflow:hidden;filter:saturate(1.12)}
.xibao-liquid-blob{position:absolute;display:block;border:0!important;opacity:.38;filter:blur(25px);mix-blend-mode:screen;will-change:transform,border-radius;animation-direction:alternate;animation-iteration-count:infinite;animation-timing-function:cubic-bezier(.45,.05,.55,.95)}
.xibao-liquid-blob.blob-gold{width:42%;height:38%;left:4%;top:7%;border-radius:38% 62% 43% 57%/55% 39% 61% 45%;background:linear-gradient(135deg,#f4bd3f,#ff742d);animation-name:xibaoLiquidGold;animation-duration:5.8s}
.xibao-liquid-blob.blob-red{width:36%;height:46%;right:2%;top:23%;border-radius:64% 36% 57% 43%/42% 58% 37% 63%;background:linear-gradient(145deg,#ff365d,#cf245f);animation-name:xibaoLiquidRed;animation-duration:6.7s;animation-delay:-1.8s}
.xibao-liquid-blob.blob-blue{width:40%;height:32%;left:19%;bottom:0;border-radius:45% 55% 65% 35%/63% 42% 58% 37%;background:linear-gradient(120deg,#2e8fff,#42d6cf);animation-name:xibaoLiquidBlue;animation-duration:7.4s;animation-delay:-3.1s}
.xibao-liquid-blob.blob-violet{width:28%;height:34%;right:19%;top:-2%;border-radius:61% 39% 34% 66%/38% 61% 39% 62%;background:linear-gradient(135deg,#8d55ff,#ee56b9);animation-name:xibaoLiquidViolet;animation-duration:5.2s;animation-delay:-2.4s}
@keyframes xibaoLiquidGold{0%{transform:translate3d(-5%,-16%,0) scale(.88) rotate(-8deg);border-radius:38% 62% 43% 57%/55% 39% 61% 45%}55%{transform:translate3d(15%,30%,0) scale(1.12) rotate(6deg);border-radius:63% 37% 56% 44%/39% 64% 36% 61%}100%{transform:translate3d(38%,4%,0) scale(.96) rotate(14deg);border-radius:45% 55% 32% 68%/67% 33% 62% 38%}}
@keyframes xibaoLiquidRed{0%{transform:translate3d(12%,-26%,0) scale(.92) rotate(5deg)}48%{transform:translate3d(-28%,16%,0) scale(1.18) rotate(-10deg)}100%{transform:translate3d(-7%,38%,0) scale(.88) rotate(9deg)}}
@keyframes xibaoLiquidBlue{0%{transform:translate3d(-22%,28%,0) scale(.88) rotate(-9deg)}50%{transform:translate3d(18%,-30%,0) scale(1.16) rotate(8deg)}100%{transform:translate3d(42%,-4%,0) scale(.98) rotate(-2deg)}}
@keyframes xibaoLiquidViolet{0%{transform:translate3d(25%,-20%,0) scale(.80) rotate(12deg)}58%{transform:translate3d(-32%,34%,0) scale(1.18) rotate(-12deg)}100%{transform:translate3d(-5%,54%,0) scale(.90) rotate(4deg)}}

.xibao-generation-brand{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;text-align:center;padding:28px}
.xibao-generation-logo{width:92px!important;height:92px!important;padding:6px;display:grid!important;place-items:center;overflow:hidden;border:1px solid rgba(242,205,119,.40)!important;border-radius:50%!important;background:rgba(255,255,255,.94);box-shadow:0 0 0 9px rgba(255,255,255,.035),0 20px 55px rgba(0,0,0,.36),0 0 45px rgba(228,178,65,.14);animation:xibaoLogoBreathe 3.1s ease-in-out infinite}
.xibao-generation-logo img{width:100%!important;height:100%!important;display:block;object-fit:cover!important;border-radius:50%!important;filter:none!important;transform:none!important}
.xibao-generation-brand>b{margin-top:17px;color:#f5f1e9!important;font-size:14px!important;font-weight:780;letter-spacing:.26em;transform:translateX(.13em)}
.xibao-generation-brand>small{margin-top:8px;color:rgba(221,219,216,.68)!important;font-size:10px!important;font-weight:520;letter-spacing:.28em;transform:translateX(.14em)}
.xibao-generation-brand>p{margin:14px 0 0!important;color:rgba(188,187,192,.62)!important;font-size:9px!important;letter-spacing:.10em;line-height:1.65}
@keyframes xibaoLogoBreathe{0%,100%{transform:translateY(0) scale(1);box-shadow:0 0 0 9px rgba(255,255,255,.035),0 20px 55px rgba(0,0,0,.36),0 0 45px rgba(228,178,65,.14)}50%{transform:translateY(-5px) scale(1.025);box-shadow:0 0 0 13px rgba(255,255,255,.018),0 27px 64px rgba(0,0,0,.40),0 0 58px rgba(228,178,65,.20)}}
.size-compact .xibao-generation-brand{padding:16px}.size-compact .xibao-generation-logo{width:66px!important;height:66px!important;padding:4px}.size-compact .xibao-generation-brand>b{margin-top:11px;font-size:11px!important}.size-compact .xibao-generation-brand>small{font-size:8px!important;letter-spacing:.19em}.size-compact .xibao-generation-brand>p{margin-top:9px!important;font-size:8px!important}
.size-overlay .xibao-generation-logo{width:76px!important;height:76px!important}.size-overlay .xibao-generation-brand>b{font-size:12px!important}.size-overlay .xibao-generation-brand>small{font-size:9px!important}
.output-placeholder>.xibao-generation-preview,.film-rendering>.xibao-generation-preview,.product-model-building>.xibao-generation-preview{width:100%;height:100%}
.product-model-viewer-loading>.xibao-generation-preview{width:100%;height:100%}

/* The 3D generation/loading stage is pinned to all four edges. Percentage
   grid sizing left plain strips on some desktop and mobile aspect ratios. */
.product-model-building{position:relative}
.product-model-building,.product-model-viewer-loading{overflow:hidden}
.product-model-building>.xibao-generation-preview,
.product-model-viewer-loading>.xibao-generation-preview{
  position:absolute;inset:0;width:auto;height:auto;min-height:0;
  border:0;border-radius:inherit;box-shadow:none;
}
.product-model-building .xibao-liquid-canvas,
.product-model-viewer-loading .xibao-liquid-canvas{
  inset:-18%;contain:paint;pointer-events:none;transform:translateZ(0);
}
.product-model-building .xibao-liquid-blob,
.product-model-viewer-loading .xibao-liquid-blob{
  opacity:.44;filter:blur(clamp(28px,5vw,68px));
}
.product-model-building .blob-gold,.product-model-viewer-loading .blob-gold{width:78%;height:70%;left:-12%;top:-16%}
.product-model-building .blob-red,.product-model-viewer-loading .blob-red{width:72%;height:78%;right:-14%;top:10%}
.product-model-building .blob-blue,.product-model-viewer-loading .blob-blue{width:82%;height:66%;left:2%;bottom:-24%}
.product-model-building .blob-violet,.product-model-viewer-loading .blob-violet{width:66%;height:70%;right:5%;top:-22%}

.alert.success[data-auto-dismiss-success]{overflow:hidden;max-height:160px;transition:opacity .28s ease,transform .28s ease,max-height .34s ease,margin .34s ease,padding .34s ease,border-width .34s ease}
.alert.success[data-auto-dismiss-success].is-dismissing{opacity:0;transform:translateY(-7px);max-height:0;margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0;pointer-events:none}

html[data-theme="light"] .xibao-generation-preview{background:linear-gradient(145deg,rgba(248,247,244,.88),rgba(230,230,234,.86));border-color:rgba(40,40,45,.08)}
html[data-theme="light"] .xibao-generation-preview:after{background:linear-gradient(115deg,rgba(255,255,255,.26),transparent 37%,rgba(255,255,255,.18))}
html[data-theme="light"] .xibao-liquid-blob{opacity:.26;mix-blend-mode:multiply}
html[data-theme="light"] .product-model-building .xibao-liquid-blob,
html[data-theme="light"] .product-model-viewer-loading .xibao-liquid-blob{opacity:.34;mix-blend-mode:normal}
html[data-theme="light"] .xibao-generation-brand>b{color:#26262a!important}html[data-theme="light"] .xibao-generation-brand>small{color:#66666d!important}html[data-theme="light"] .xibao-generation-brand>p{color:#777880!important}

@media(max-width:650px){.xibao-generation-preview{min-height:300px;border-radius:18px}.xibao-generation-logo{width:78px!important;height:78px!important}.xibao-generation-brand>small{letter-spacing:.17em}.size-compact .xibao-generation-logo{width:58px!important;height:58px!important}}
@media(prefers-reduced-motion:reduce){.xibao-liquid-blob,.xibao-generation-logo{animation:none!important}.xibao-liquid-blob{transform:none!important}}

/* V2.7.6 · Merchant talking-video result stays in the task page, matching the
   product-film playback experience instead of forcing an attachment download. */
.merchant-video-result-stage{margin:0 0 16px;padding:18px;border:1px solid var(--line);border-radius:24px;background:var(--panel);overflow:hidden}
.merchant-video-result-head{padding:2px 3px 15px;display:flex;align-items:flex-end;justify-content:space-between;gap:18px}.merchant-video-result-head h2{margin:5px 0 4px;font-size:22px}.merchant-video-result-head p{margin:0;color:var(--muted);font-size:10px}.merchant-video-preview-frame{width:100%;min-height:520px;background:#050507}.merchant-video-preview-frame video,.merchant-video-preview-frame>img{width:100%;height:100%;min-height:520px;max-height:76vh;display:block;object-fit:contain;background:#050507}.merchant-video-result-empty{padding:45px 24px;text-align:center}.merchant-video-result-empty b{display:block;font-size:18px}.merchant-video-result-empty p{margin:9px 0 0;color:var(--muted)}
html[data-theme="light"] .merchant-video-preview-frame,html[data-theme="light"] .merchant-video-preview-frame video,html[data-theme="light"] .merchant-video-preview-frame>img{background:#eeece5}
@media(max-width:650px){.merchant-video-result-stage{padding:10px;border-radius:18px}.merchant-video-result-head{align-items:flex-start;flex-direction:column}.merchant-video-preview-frame,.merchant-video-preview-frame video,.merchant-video-preview-frame>img{min-height:330px}}

/* V2.7.7 · clearer light theme, visible balances and audited account bans. */
.identity-submit-error{display:grid;gap:4px;margin:0 0 17px}.identity-submit-error b{color:inherit}.identity-submit-error span{line-height:1.6}
.xibao-modal-balance em{display:block;margin-top:3px;color:var(--muted);font-size:7px;font-style:normal;white-space:nowrap}
.status.banned{border-color:rgba(255,69,82,.42);background:rgba(255,69,82,.10);color:#ff818b}
.account-ban-card{border-color:rgba(255,99,112,.22)}.account-ban-card.is-banned{background:linear-gradient(145deg,rgba(255,73,86,.08),var(--panel))}.danger{background:linear-gradient(135deg,#d91f2b,#9d1019);color:#fff;box-shadow:0 9px 24px rgba(217,31,43,.18)}

html[data-theme="light"]{
  --bg:#e8ebef;
  --bg2:#dde2e8;
  --panel:#ffffff;
  --panel2:#f2f4f7;
  --panel3:#e4e8ed;
  --text:#17191d;
  --muted:#5d626b;
  --muted2:#373c44;
  --line:rgba(32,40,52,.17);
  --shadow:0 22px 55px rgba(27,35,47,.12);
}
html[data-theme="light"] body{
  background:radial-gradient(circle at 82% -10%,rgba(227,29,39,.055),transparent 25%),linear-gradient(145deg,#eef0f3 0,#e5e8ec 58%,#e9e5dc 100%);
}
html[data-theme="light"] .sidebar{background:rgba(248,249,251,.97);border-color:rgba(32,40,52,.18);box-shadow:9px 0 30px rgba(27,35,47,.07)}
html[data-theme="light"] .topbar{background:rgba(250,251,252,.94);border-color:rgba(32,40,52,.16);box-shadow:0 5px 20px rgba(27,35,47,.055)}
html[data-theme="light"] .nav-item:hover{background:#e4e8ed}html[data-theme="light"] .nav-item[aria-current="page"],html[data-theme="light"] .nav-item.active{background:#e1e5ea;color:#17191d}
html[data-theme="light"] .card,
html[data-theme="light"] .stat,
html[data-theme="light"] .shot,
html[data-theme="light"] .progress-card,
html[data-theme="light"] .engine-card,
html[data-theme="light"] .flow-stack>div,
html[data-theme="light"] .reference-upload,
html[data-theme="light"] .asset-card,
html[data-theme="light"] .option-card,
html[data-theme="light"] .selection-card,
html[data-theme="light"] .create-panel,
html[data-theme="light"] .workflow-card,
html[data-theme="light"] .quality-admin-section,
html[data-theme="light"] .quality-choice,
html[data-theme="light"] .copy-provider-card,
html[data-theme="light"] .extra-video-form,
html[data-theme="light"] .quota-mini-stats span{border-color:rgba(32,40,52,.16);box-shadow:0 8px 25px rgba(27,35,47,.065)}
html[data-theme="light"] .card{background:linear-gradient(180deg,#fff,#fafbfc)}
html[data-theme="light"] .stat,html[data-theme="light"] .shot,html[data-theme="light"] .progress-card,html[data-theme="light"] .engine-card{background:#f5f7f9}
html[data-theme="light"] input,html[data-theme="light"] textarea,html[data-theme="light"] select{background:#f7f9fb;border-color:rgba(32,40,52,.23);box-shadow:inset 0 1px 2px rgba(27,35,47,.035)}
html[data-theme="light"] input:focus,html[data-theme="light"] textarea:focus,html[data-theme="light"] select:focus{background:#fff;border-color:rgba(211,31,42,.62);box-shadow:0 0 0 3px rgba(211,31,42,.09)}
html[data-theme="light"] .xibao-modal-shell,html[data-theme="light"] .identity-gate-shell{background:#fff;border:1px solid rgba(32,40,52,.19);box-shadow:0 34px 90px rgba(23,30,40,.24)}
html[data-theme="light"] .xibao-modal-header{background:#f0f3f6;border-bottom-color:rgba(32,40,52,.16)}
html[data-theme="light"] th{background:#edf0f4;color:#4d535c;border-bottom-color:rgba(32,40,52,.16)}
html[data-theme="light"] td{border-bottom-color:rgba(32,40,52,.10)}html[data-theme="light"] tr:hover td{background:#f1f4f7}
html[data-theme="light"] .ghost,html[data-theme="light"] .user-pill,html[data-theme="light"] .chip,html[data-theme="light"] .status,html[data-theme="light"] .plan-status{background:#f2f4f7;border-color:rgba(32,40,52,.17)}
html[data-theme="light"] .status.active{color:#1f7b55;background:#e8f6ef;border-color:#a9d9c4}html[data-theme="light"] .status.banned{color:#b01623;background:#fff0f1;border-color:#e7a5aa}
html[data-theme="light"] .account-ban-card.is-banned{background:linear-gradient(145deg,#fff1f2,#fff)}
html[data-theme="light"] .alert{color:#a91824;background:#fff1f2;border-color:#e5a5aa}html[data-theme="light"] .alert.success{color:#21704f;background:#edf8f2;border-color:#acd9c5}

@media(max-width:640px){.xibao-modal-balance{display:block;min-width:92px;padding-right:0}.xibao-modal-balance small{font-size:7px}.xibao-modal-balance b{font-size:13px}.xibao-modal-balance em{display:none}.points-purchase-dialog .xibao-modal-identity>span:last-child small{display:none}}

.verified-register-card{max-width:540px}.register-method-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;padding:5px;margin:15px 0 17px;border:1px solid var(--line);border-radius:13px;background:var(--panel2)}.register-method-tabs button{background:transparent;color:var(--muted);box-shadow:none}.register-method-tabs button.active{background:var(--panel);color:var(--text);box-shadow:0 6px 18px rgba(0,0,0,.13)}.verification-code-row{display:grid;grid-template-columns:minmax(0,1fr) 138px;align-items:end;gap:10px}.verification-code-row button{height:41px;margin-bottom:0}.verification-inline-state{min-height:18px;margin:-2px 0 4px;color:#63cfa2;font-size:9px;line-height:1.5}.verification-inline-state.error{color:#ff7e88}.verification-code-row button:disabled{cursor:not-allowed;opacity:.58;transform:none}
.auth-password-help{margin:-7px 0 13px;text-align:right;font-size:10px}.auth-password-help a{text-decoration:none}.auth-password-help a:hover{text-decoration:underline;text-underline-offset:3px}
html[data-theme="light"] .register-method-tabs{background:#e7ebf0;border-color:rgba(32,40,52,.17)}html[data-theme="light"] .register-method-tabs button.active{background:#fff;box-shadow:0 5px 15px rgba(27,35,47,.10)}html[data-theme="light"] .verification-inline-state{color:#267154}html[data-theme="light"] .verification-inline-state.error{color:#b01623}
@media(max-width:520px){.verification-code-row{grid-template-columns:1fr}.verification-code-row button{width:100%}}

.payment-channel-choice{margin:12px 0;padding:0;border:0;display:grid;grid-template-columns:1fr 1fr;gap:7px}.payment-channel-choice legend{grid-column:1/-1;margin-bottom:4px;color:var(--muted);font-size:8px}.payment-channel-choice label{margin:0;padding:9px;display:flex;align-items:flex-start;gap:7px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}.payment-channel-choice input{width:auto;margin:2px 0 0;accent-color:var(--red)}.payment-channel-choice b,.payment-channel-choice small{display:block}.payment-channel-choice b{font-size:9px}.payment-channel-choice small{margin-top:2px;color:var(--muted);font-size:7px}.order-retry-payment{min-width:130px;display:grid;grid-template-columns:1fr auto;gap:5px}.order-retry-payment select{margin:0;padding:7px;font-size:9px}.payment-save-bar{position:sticky;bottom:13px;z-index:8;margin:0 0 18px;padding:14px 17px;display:flex;align-items:center;justify-content:space-between;gap:18px;border:1px solid rgba(213,163,60,.25);border-radius:15px;background:rgba(15,15,18,.93);backdrop-filter:blur(16px);box-shadow:0 18px 45px rgba(0,0,0,.22)}.payment-save-bar span{color:var(--muted);font-size:9px}.legacy-payment-bridge summary{cursor:pointer;font-weight:800}.legacy-payment-bridge p{color:var(--muted);line-height:1.65}.payment-secret-value{display:block;margin:12px 0;padding:11px;border:1px solid var(--line);border-radius:9px;word-break:break-all;background:var(--panel2)}.status.payment_exception{border-color:rgba(255,99,112,.34);background:rgba(255,99,112,.08);color:#ff8993}

/* V2.7.9 · centered commerce dialogs, reusable AI model references and garment upload */
.commerce-primary-upload-column{min-width:0;display:flex;flex-direction:column;gap:10px}.commerce-primary-upload-column .commerce-upload{width:100%}.commerce-primary-actions{display:grid;grid-template-columns:1fr;gap:8px}.commerce-primary-actions button{width:100%;min-height:42px;justify-content:center}.commerce-primary-help{color:var(--muted);font-size:9px;line-height:1.6}.commerce-config-dialog{width:min(1040px,calc(100vw - 36px))}.commerce-config-dialog .xibao-modal-shell{max-height:min(860px,calc(100dvh - 42px))}.commerce-config-dialog .commerce-campaign-brief{margin:0}.commerce-config-dialog .commerce-reference-grid{padding:0;border-top:0;grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-modal-grid .span-2{grid-column:span 2}.model-avatar-photo{border-radius:18px;background:#111;box-shadow:none}.model-avatar-photo:after{display:none}.model-avatar-photo img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.model-preset.model-reference-missing{opacity:.72}.model-preset.model-reference-missing:has(input[data-model-unavailable="1"]){cursor:not-allowed}.model-reference-state{margin-top:7px!important;color:#c89b4b!important}.garment-type-panel{align-items:stretch;flex-direction:column}.garment-type-panel>b{margin:0}.garment-type-panel>small{color:var(--muted);font-size:9px;line-height:1.6}.garment-reference-upload{width:100%;border:1px dashed rgba(213,163,60,.28);border-radius:12px;background:rgba(213,163,60,.04);cursor:pointer}.garment-reference-upload input{max-width:430px}.commerce-model-admin{margin-top:36px}.model-reference-summary{margin-bottom:14px;display:flex;align-items:center;gap:24px}.model-reference-summary span{min-width:160px}.model-reference-summary b,.model-reference-summary small{display:block}.model-reference-summary b{font-size:25px;color:var(--xb-gold-2)}.model-reference-summary small,.model-reference-summary p{color:var(--muted);font-size:9px}.model-reference-summary p{margin:0;line-height:1.65}.admin-model-reference-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.admin-model-reference-card{padding:12px}.admin-model-reference-preview{height:210px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(145deg,#24242a,#111114);display:grid;place-items:center}.admin-model-reference-preview img{width:100%;height:100%;display:block;object-fit:cover;object-position:center top}.admin-model-reference-preview>span{--model-tone:#b88470;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:var(--model-tone);color:white;font-size:27px;font-weight:900}.admin-model-reference-preview>em{position:absolute;right:8px;top:8px}.admin-model-reference-copy{min-height:112px;padding:13px 3px}.admin-model-reference-copy h3{margin:5px 0;font-size:14px}.admin-model-reference-copy p{margin:0;color:var(--muted);font-size:9px;line-height:1.55}.admin-model-reference-copy>small{color:var(--muted);font-size:8px}.admin-model-reference-card form{margin:0}.admin-model-reference-card button{margin:0}
html[data-theme="light"] .garment-reference-upload{background:#f4f0e7}.status.cancelled{border-color:rgba(255,190,70,.32);background:rgba(255,190,70,.09);color:#d99621}
@media(max-width:1100px){.admin-model-reference-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.commerce-config-dialog .commerce-reference-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.admin-model-reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.commerce-config-dialog .commerce-reference-grid,.commerce-modal-grid{grid-template-columns:1fr}.commerce-modal-grid .span-2{grid-column:auto}.model-reference-summary{align-items:flex-start;flex-direction:column}.commerce-primary-actions{grid-template-columns:1fr}}
html[data-theme="light"] .payment-channel-choice label{background:#eef1f5}html[data-theme="light"] .payment-save-bar{background:rgba(252,252,253,.96);border-color:rgba(173,128,25,.30);box-shadow:0 16px 40px rgba(27,35,47,.13)}html[data-theme="light"] .status.payment_exception{color:#a91824;background:#fff1f2;border-color:#e5a5aa}
@media(max-width:680px){.payment-channel-choice{grid-template-columns:1fr}.payment-save-bar{align-items:flex-start;flex-direction:column}.payment-save-bar button{width:100%}.order-retry-payment{grid-template-columns:1fr}}

/* V2.7.7 · Xibao customer-service center. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.xibao-support-widget{position:fixed;right:22px;bottom:24vh;z-index:86}.xibao-support-launcher{width:66px;height:66px;padding:5px;display:grid;place-items:center;border:1px solid rgba(230,190,95,.48);border-radius:50%;background:linear-gradient(145deg,#fff,#e9e2d2);box-shadow:0 15px 38px rgba(0,0,0,.32),0 0 0 7px rgba(255,255,255,.04);transition:transform .18s ease,box-shadow .18s ease}.xibao-support-launcher:hover{transform:translateY(-3px);box-shadow:0 19px 46px rgba(0,0,0,.38),0 0 0 8px rgba(213,163,60,.08)}.xibao-support-launcher img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.xibao-support-launcher span{position:absolute;right:-5px;bottom:-2px;padding:4px 6px;border-radius:8px;background:#d51f2a;color:#fff;font-size:7px;font-weight:850;letter-spacing:.04em;box-shadow:0 4px 12px rgba(213,31,42,.3)}
.xibao-support-panel{position:absolute;right:0;bottom:79px;width:min(380px,calc(100vw - 30px));overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:21px;background:rgba(19,19,23,.97);box-shadow:0 30px 85px rgba(0,0,0,.46);backdrop-filter:blur(24px);transform-origin:bottom right}.xibao-support-widget.is-open .xibao-support-panel{animation:xibaoSupportIn .19s ease both}@keyframes xibaoSupportIn{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}
.xibao-support-head{height:67px;padding:11px 13px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);background:linear-gradient(135deg,rgba(213,31,42,.12),rgba(213,163,60,.07))}.xibao-support-avatar{width:42px;height:42px;padding:3px;flex:0 0 auto;border-radius:50%;background:#fff}.xibao-support-avatar img{width:100%;height:100%;display:block;border-radius:50%;object-fit:cover}.xibao-support-head>span:nth-child(2){min-width:0;display:grid;gap:4px}.xibao-support-head b{font-size:12px}.xibao-support-head small{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:8px}.xibao-support-head small i{width:6px;height:6px;border-radius:50%;background:#42cf91;box-shadow:0 0 8px rgba(66,207,145,.6)}.xibao-support-head>button{width:32px;height:32px;margin-left:auto;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--panel2);color:var(--text);font-size:19px;box-shadow:none}
.xibao-support-messages{height:min(390px,48vh);padding:15px;overflow:auto;display:flex;flex-direction:column;gap:13px}.xibao-support-message{max-width:88%;display:grid;gap:4px}.xibao-support-message>span{color:var(--muted);font-size:7px}.xibao-support-message p{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:var(--panel2);font-size:10px;line-height:1.7;white-space:pre-wrap;word-break:break-word}.xibao-support-message.user{align-self:flex-end}.xibao-support-message.user>span{text-align:right}.xibao-support-message.user p{border-color:rgba(213,31,42,.28);border-radius:13px 4px 13px 13px;background:rgba(213,31,42,.14)}.xibao-support-message.staff p{border-color:rgba(213,163,60,.38);background:rgba(213,163,60,.13)}.xibao-support-message.staff>span{color:var(--xb-gold-2)}.xibao-support-handoff{margin-top:4px;padding:12px;display:grid;place-items:center;gap:8px;border:1px solid rgba(213,163,60,.26);border-radius:13px;background:#fff}.xibao-support-handoff img{width:178px;max-width:100%;height:auto;display:block}.xibao-support-handoff small{color:#4e4e52;font-size:8px;text-align:center}
.xibao-support-quick{padding:0 13px 10px;display:flex;gap:6px;overflow:auto}.xibao-support-quick button{padding:6px 8px;flex:0 0 auto;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted2);font-size:8px;box-shadow:none}.xibao-support-form{padding:11px 13px;display:grid;grid-template-columns:1fr 62px;align-items:end;gap:8px;border-top:1px solid var(--line);background:var(--panel2)}.xibao-support-form textarea{min-height:46px;max-height:100px;margin:0;padding:10px;resize:vertical;font-size:10px}.xibao-support-form button{height:46px;padding:0}.xibao-support-privacy{padding:0 13px 11px;display:block;background:var(--panel2);color:var(--muted);font-size:7px;line-height:1.45}
.support-admin-qr{margin:12px 0 18px;padding:14px;display:flex;align-items:center;gap:16px;border:1px solid var(--line);border-radius:14px;background:var(--panel2)}.support-admin-qr img{width:130px;height:130px;padding:6px;object-fit:contain;border-radius:12px;background:#fff}.support-admin-qr span{display:grid;gap:6px}.support-admin-qr small{color:var(--muted)}.support-qr-upload{margin:15px 0}.support-qr-upload button{width:100%}
html[data-theme="light"] .xibao-support-panel{background:rgba(255,255,255,.98);border-color:rgba(32,40,52,.20);box-shadow:0 30px 75px rgba(27,35,47,.25)}html[data-theme="light"] .xibao-support-head{background:linear-gradient(135deg,#fbeff0,#f7f0df)}html[data-theme="light"] .xibao-support-message p{background:#eef1f5;border-color:rgba(32,40,52,.14)}html[data-theme="light"] .xibao-support-message.user p{background:#fff0f1;border-color:#e6b2b6}html[data-theme="light"] .xibao-support-form,html[data-theme="light"] .xibao-support-privacy{background:#edf0f4}
@media(max-width:650px){.xibao-support-widget{right:13px;bottom:16vh}.xibao-support-launcher{width:58px;height:58px}.xibao-support-panel{position:fixed;right:8px;left:8px;bottom:calc(16vh + 70px);width:auto}.xibao-support-messages{height:min(330px,39vh)}.support-admin-qr{align-items:flex-start;flex-direction:column}.support-admin-qr img{width:150px;height:150px}}
@media(prefers-reduced-motion:reduce){.xibao-support-widget.is-open .xibao-support-panel{animation:none}}

/* V2.7.14 · ICP footer, staff permissions and live support inbox. */
.site-compliance-footer{min-height:34px;padding:9px 20px 13px;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:8px;letter-spacing:.02em;text-align:center}.site-compliance-footer a{color:inherit;text-decoration:none}.site-compliance-footer a:hover{color:var(--text);text-decoration:underline}.auth-compliance-footer{position:fixed;right:0;bottom:0;left:0;z-index:4;pointer-events:none}.auth-compliance-footer a{pointer-events:auto}
.staff-permission-box{margin:0;padding:13px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;border:1px solid var(--line);border-radius:13px}.staff-permission-box legend{padding:0 7px;color:var(--muted2);font-size:9px;font-weight:800}.staff-permission-item{margin:0;padding:9px;display:flex;align-items:flex-start;gap:9px;border:1px solid var(--line);border-radius:10px;background:var(--panel2);cursor:pointer}.staff-permission-item input{width:auto;margin:3px 0 0;accent-color:var(--red)}.staff-permission-item span{display:grid;gap:3px}.staff-permission-item b{font-size:9px}.staff-permission-item small{color:var(--muted);font-size:8px;line-height:1.5}.staff-role-guide{display:grid;gap:8px}.staff-role-guide>div{padding:11px 13px;display:grid;gap:3px;border:1px solid var(--line);border-radius:11px;background:var(--panel2)}.staff-role-guide b{font-size:10px}.staff-role-guide small{color:var(--muted);font-size:8px;line-height:1.55}.staff-role-guide .owner{border-color:rgba(213,163,60,.28);background:rgba(213,163,60,.06)}.staff-account-list{display:grid;gap:15px}.staff-account-card{padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.staff-account-card.owner{border-color:rgba(213,163,60,.30)}.staff-account-card>header{margin-bottom:14px;display:flex;align-items:center;justify-content:space-between;gap:14px}.staff-account-card>header>div{display:grid;gap:4px}.staff-account-card>header b{font-size:13px}.staff-account-card>header small{color:var(--muted);font-size:8px}.staff-edit-form{padding-top:6px}.staff-password-reset{margin-top:12px;padding-top:12px;display:grid;grid-template-columns:minmax(220px,1fr) auto;align-items:end;gap:10px;border-top:1px solid var(--line)}.staff-password-reset button{height:41px;margin:0}.icp-admin-preview{min-height:120px;margin:10px 0 18px;display:grid;place-items:end center;padding:20px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(160deg,var(--panel2),var(--panel));color:var(--muted);font-size:8px}.icp-admin-preview a{color:inherit}
.support-inbox-card{margin-bottom:22px}.support-inbox-layout{min-height:610px;display:grid;grid-template-columns:310px minmax(0,1fr);overflow:hidden;border:1px solid var(--line);border-radius:15px;background:var(--panel2)}.support-conversation-list{max-height:680px;overflow:auto;border-right:1px solid var(--line)}.support-conversation-row{position:relative;padding:13px;display:grid;grid-template-columns:39px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line);color:var(--text);text-decoration:none}.support-conversation-row:hover,.support-conversation-row.active{background:rgba(213,163,60,.07)}.support-conversation-row.active{box-shadow:inset 3px 0 var(--xb-gold-2)}.support-customer-avatar{width:39px;height:39px;display:grid;place-items:center;border-radius:50%;background:linear-gradient(145deg,#d51f2a,#8d1018);color:#fff;font-size:13px;font-weight:900}.support-conversation-row>span:nth-child(2){min-width:0;display:grid;gap:3px}.support-conversation-row b,.support-conversation-row small,.support-conversation-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-conversation-row b{font-size:10px}.support-conversation-row small{color:var(--muted2);font-size:8px}.support-conversation-row em{color:var(--muted);font-size:7px;font-style:normal}.support-conversation-row>i{min-width:20px;height:20px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:var(--red);color:#fff;font-size:8px;font-style:normal}.support-admin-thread{min-width:0;display:grid;grid-template-rows:auto 1fr auto}.support-admin-thread>header{padding:13px 16px;display:flex;align-items:center;justify-content:space-between;gap:14px;border-bottom:1px solid var(--line);background:var(--panel)}.support-admin-thread>header>div{display:grid;gap:4px}.support-admin-thread>header b{font-size:12px}.support-admin-thread>header small,.support-admin-thread>header a{color:var(--muted);font-size:8px}.support-admin-messages{height:490px;padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px}.support-admin-message{max-width:76%;display:grid;gap:4px;align-self:flex-start}.support-admin-message.user{align-self:flex-end}.support-admin-message>span{color:var(--muted);font-size:7px}.support-admin-message.user>span{text-align:right}.support-admin-message p{margin:0;padding:10px 12px;border:1px solid var(--line);border-radius:4px 13px 13px 13px;background:var(--panel);font-size:10px;line-height:1.65;white-space:pre-wrap}.support-admin-message.user p{border-radius:13px 4px 13px 13px;background:rgba(213,31,42,.13);border-color:rgba(213,31,42,.28)}.support-admin-message.staff p{background:rgba(213,163,60,.12);border-color:rgba(213,163,60,.32)}.support-admin-message>em{color:var(--xb-gold-2);font-size:7px;font-style:normal}.support-admin-reply{padding:12px;display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:end;gap:9px;border-top:1px solid var(--line);background:var(--panel)}.support-admin-reply textarea{min-height:70px;margin:0}.support-admin-reply button{height:70px;margin:0}
html[data-theme="light"] .xibao-support-message.staff p,html[data-theme="light"] .support-admin-message.staff p{background:#f8f0dc;border-color:#d9bc75}html[data-theme="light"] .staff-permission-item,html[data-theme="light"] .staff-role-guide>div,html[data-theme="light"] .staff-account-card,html[data-theme="light"] .support-inbox-layout{background:#eef1f5}
@media(max-width:900px){.support-inbox-layout{grid-template-columns:1fr}.support-conversation-list{max-height:250px;border-right:0;border-bottom:1px solid var(--line)}.support-admin-messages{height:430px}.staff-permission-box{grid-template-columns:1fr}}
@media(max-width:620px){.site-compliance-footer{padding-right:80px;padding-left:12px}.auth-compliance-footer{padding-right:12px}.staff-account-card>header{align-items:flex-start;flex-direction:column}.staff-password-reset,.support-admin-reply{grid-template-columns:1fr}.support-admin-reply button{height:44px}.support-admin-message{max-width:90%}}
