/* =========================================================
   Image2 Studio — Refactored Stylesheet
   Unified tokens, merged media queries, semantic colors,
   type scale, deduplicated rules. Kept functional parity.
   ========================================================= */
:root{--bp-mobile:760px;--bp-tablet:1024px;--bp-desktop:1200px;--color-primary:#0f172a;--color-primary-hover:#1e293b;--color-primary-2:#1d4ed8;--color-accent:#10a37f;--color-accent-hover:#059669;--color-accent-soft:#ecfdf5;--color-blue:#2563eb;--color-blue-soft:#eff6ff;--color-danger:#ef4444;--color-danger-hover:#dc2626;--color-danger-soft:#fff1f2;--color-warning:#f59e0b;--color-warning-soft:#fff7ed;--color-success:#16a34a;--color-success-soft:#dcfce7;--color-info:#0369a1;--color-info-soft:#e0f2fe;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--bg:#ffffff;--canvas:#f6f7fb;--sidebar-bg:rgba(245,246,249,.88);--panel:#ffffff;--text:#0f172a;--text-secondary:#64748b;--text-tertiary:#94a3b8;--border:#e2e8f0;--border-strong:#cbd5e1;--border-subtle:#dfe3ea;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:700;--font-extrabold:800;--font-black:900;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--radius-sm:12px;--radius:18px;--radius-lg:26px;--radius-xl:28px;--radius-full:999px;--shadow-sm:0 8px 24px rgba(15,23,42,.06);--shadow:0 18px 50px rgba(15,23,42,.08);--shadow-lg:0 24px 70px rgba(15,23,42,.26);--shadow-btn:0 8px 20px rgba(15,23,42,.12);--shadow-btn-hover:0 14px 28px rgba(15,23,42,.18);--focus-ring:0 0 0 4px rgba(17,24,39,.10);--primary:var(--color-primary);--primary-soft:#ececf1;--success:var(--color-success);--danger:var(--color-danger-hover);--warning:var(--color-warning);--muted:var(--text-secondary);--muted2:var(--text-tertiary);--line:var(--border);--line2:var(--border-subtle);--shadow-soft:var(--shadow-sm);--ui-bg:var(--canvas);--ui-card:var(--panel);--ui-text:var(--text);--ui-muted:var(--text-secondary);--ui-line:var(--border);--ui-line-strong:var(--border-strong);--ui-primary:var(--color-primary);--ui-primary-hover:var(--color-primary-hover);--ui-primary-2:var(--color-primary-2);--ui-accent:var(--color-accent);--ui-accent-soft:var(--color-accent-soft);--ui-red:var(--color-danger);--ui-red-soft:var(--color-danger-soft);--ui-yellow:var(--color-warning);--ui-blue:var(--color-blue);--ui-radius-sm:var(--radius-sm);--ui-radius:var(--radius);--ui-radius-lg:var(--radius-lg);--ui-shadow-sm:var(--shadow-sm);--ui-shadow:var(--shadow);--ui-focus:var(--focus-ring);--ui-ink:var(--text);--ui-shadow-soft:var(--shadow-sm)}
@keyframes spin{to{transform:rotate(360deg)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes pendingBounce{0%,80%,100%{opacity:.35;transform:translateY(0)}40%{opacity:1;transform:translateY(-6px)}}
@keyframes taskPulse{0%,100%{transform:scale(.9);opacity:.75}50%{transform:scale(1.15);opacity:1}}
@keyframes uiSpin{to{transform:rotate(360deg)}}
@keyframes uiToastIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,"Microsoft YaHei",sans-serif;background:linear-gradient(180deg,#f8fafc 0%,#fff 34%,#f8fafc 100%)!important;color:var(--ui-ink)!important;min-height:100vh}
a{color:inherit;transition:color .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease}
::selection{background:rgba(16,163,127,.18)}
h1{font-size:clamp(34px,5vw,56px);line-height:1.06;margin:8px 0 14px}
h2{font-size:24px;margin:0 0 10px}
h3{margin:0 0 10px}
textarea{min-height:170px;resize:vertical;line-height:1.65}
label{display:block;font-weight:800;margin-bottom:8px;color:#334155!important;font-size:13px!important;letter-spacing:-.01em}
.app-shell{min-height:100vh;display:grid;grid-template-columns:280px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;background:rgba(245,246,249,.88)!important;border-right:1px solid rgba(226,232,240,.9)!important;padding:14px;display:flex;flex-direction:column;gap:14px;backdrop-filter:blur(18px)}
.workspace{min-width:0;display:flex;flex-direction:column;background:transparent!important}
.topbar{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(226,232,240,.88)!important;min-height:68px!important;padding:12px 28px;display:none;align-items:center;justify-content:space-between;gap:18px;box-shadow:0 10px 30px rgba(15,23,42,.04)}
.container{max-width:1120px!important;width:100%;margin:0 auto;padding:28px 24px 60px;padding-top:26px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;padding:10px;border-radius:16px;color:var(--text);margin-bottom:4px;border:1px solid transparent}
.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#111827,#303746)!important;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;letter-spacing:.02em;box-shadow:0 10px 25px rgba(17,24,39,.18)}
.brand-text{display:flex;flex-direction:column;gap:2px}
.brand-text b{font-size:15px}
.brand-text small{font-size:12px;color:var(--muted)}
.side-nav{display:flex;flex-direction:column;gap:4px}
.nav-link{display:flex;align-items:center;min-height:40px;padding:10px 12px;border-radius:14px!important;color:#343541;text-decoration:none;font-size:14px;font-weight:650;position:relative;gap:10px;border:1px solid transparent;transition:background .16s ease, transform .16s ease, border-color .16s ease, color .16s ease!important}
.nav-link.admin-link{background:linear-gradient(135deg,#111827,#242b3a)!important;color:#fff;border-color:#111827!important;box-shadow:0 12px 30px rgba(17,24,39,.16)}
.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;margin-left:6px;border-radius:999px;background:#ef4444;color:#fff;font-size:11px;font-weight:700}
.admin-tab-badge{display:inline-flex;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#ef4444;color:#fff;align-items:center;justify-content:center;font-size:12px;margin-left:4px}
.sidebar-footer{margin-top:auto;display:flex;flex-direction:column;gap:12px}
.credit-card-mini{padding:14px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft)}
.credit-card-mini b{font-size:38px;line-height:1.05;letter-spacing:-.05em;background:linear-gradient(135deg,#111827,#10a37f);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.user-panel{display:flex;gap:10px;align-items:center;padding:10px;border-radius:16px;background:#fff;border:1px solid var(--line)}
.avatar{width:34px;height:34px;border-radius:999px;background:#111827;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.user-meta{min-width:0;display:flex;flex-direction:column}
.user-meta b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:178px}
.user-meta a{font-size:12px;color:var(--muted);text-decoration:none}
body.is-admin-page{background:linear-gradient(180deg,#f8fafc 0%,#f4f6fb 100%)!important}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #111827;border-radius:14px;padding:12px 17px;background:#111827;color:#fff;font-weight:800;text-decoration:none;cursor:pointer;font-size:14px;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}
.btn:hover{transform:translateY(-2px)!important;background:var(--ui-primary-hover)!important;box-shadow:0 14px 28px rgba(15,23,42,.18)!important}
.btn:active{transform:translateY(0)!important;box-shadow:0 5px 12px rgba(15,23,42,.12)!important}
.btn.ghost:hover{background:#f8fafc;transform:translateY(-1px)}
.btn.green{background:var(--ui-accent)!important;border-color:var(--ui-accent)!important;box-shadow:0 10px 22px rgba(16,163,127,.20)!important}
.btn.danger{background:#ef4444!important;border-color:#ef4444!important;box-shadow:0 10px 22px rgba(239,68,68,.2)!important}
.btn.small{padding:0 13px!important;font-size:13px!important;border-radius:12px!important;min-height:34px!important;box-shadow:0 4px 12px rgba(15,23,42,.05)!important}
.btn-nav{padding:10px 14px;box-shadow:none}
.btn-wide{width:100%;font-size:16px;padding:14px 18px;border-radius:16px}
.send-btn{flex:0 0 auto;width:46px!important;height:46px!important;border-radius:16px!important;border:0;background:linear-gradient(135deg,#0f172a,#1e293b)!important;color:#fff;font-size:30px;font-weight:800;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .16s ease, box-shadow .16s ease, opacity .16s ease!important;box-shadow:0 12px 28px rgba(15,23,42,.22)!important}
.send-btn:hover{background:linear-gradient(135deg,#111827,#2563eb)!important;transform:translateY(-2px) scale(1.02)!important;box-shadow:0 16px 32px rgba(17,24,39,.22)!important}
.send-btn.ready{background:linear-gradient(135deg,#10a37f,#059669)!important;box-shadow:0 14px 28px rgba(16,163,127,.26)!important}
.send-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}
.circle-btn{width:38px;height:38px;border-radius:999px;border:1px solid var(--line);background:#fff;color:#111827;font-size:22px!important;line-height:1;cursor:pointer;border-color:#dbe3ef!important;box-shadow:0 8px 22px rgba(15,23,42,.08)!important}
.circle-btn:hover{background:#111827!important;color:#fff!important;border-color:#94a3b8!important;transform:translateY(-1px)!important}
.badge{display:inline-flex;align-items:center;border-radius:999px;padding:3px 7px;font-size:11px;font-weight:900;background:#eef2ff;color:#3730a3}
.badge:empty{display:none}
.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:none;padding:24px;margin-bottom:18px}
.card:hover{border-color:#d7d7dc}
.glass-card{background:#fff}
.official-module{padding:22px!important;margin-bottom:18px!important}
.recent-results{max-width:980px;margin-left:auto!important;margin-right:auto!important;padding:22px!important;border-radius:28px!important}
.result-card{max-width:980px;margin-left:auto;margin-right:auto}
.result-focus{border:1px solid #dbeafe;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 45px rgba(37,99,235,.08);overflow:hidden}
.alert{padding:13px 15px;border-radius:14px;margin-bottom:18px;border:1px solid;font-weight:750;background:#fff}
.loading-mask{position:fixed;inset:0;background:rgba(17,24,39,.38);z-index:100;display:none;align-items:center;justify-content:center;padding:20px;backdrop-filter:blur(10px)}
.loading-card{width:min(360px,100%);background:#fff;border:1px solid var(--line);border-radius:24px!important;padding:28px;text-align:center;box-shadow:0 24px 70px rgba(15,23,42,.26)!important}
.table-wrap{overflow:auto;border:1px solid #e5e7eb;border-radius:20px;background:#fff;box-shadow:var(--ui-shadow-sm)}
.table{width:100%;border-collapse:collapse;background:#fff}
.table th{font-size:13px;color:#475569!important;background:#f8fafc!important;font-weight:950!important;white-space:nowrap}
.table td{border-bottom:1px solid #eef2f7!important}
.table tr:hover td{background:rgba(37,99,235,.025)}
.tab{padding:9px 13px;border-radius:999px;background:#fff!important;text-decoration:none;color:#334155!important;border:1px solid var(--line);font-weight:800;font-size:14px;border-color:#dfe3ea!important;box-shadow:0 4px 14px rgba(15,23,42,.04)}
.tab:hover{transform:translateY(-1px);border-color:#cbd5e1!important;box-shadow:0 8px 20px rgba(15,23,42,.07)}
.tab.active{background:#111827!important;color:#fff!important;border-color:#111827!important;box-shadow:0 12px 26px rgba(17,24,39,.16)!important}
.admin-tabs{position:sticky;top:82px;z-index:20;background:rgba(248,250,252,.88);backdrop-filter:blur(14px);padding:8px 0;margin-bottom:16px!important}
.composer-section{max-width:980px;margin:0 auto 58px;padding:8px 0 0;background:transparent!important;border:0!important;box-shadow:none!important;margin-bottom:34px!important}
.composer-title{font-size:42px;line-height:1;margin:0 0 30px;letter-spacing:-.07em!important;font-weight:950!important;color:#0f172a;margin-bottom:18px!important}
.composer-form{width:100%;max-width:900px;margin:0 auto 22px}
.composer-box{background:rgba(255,255,255,.95)!important;border:1px solid rgba(203,213,225,.92)!important;border-radius:34px!important;box-shadow:inset 0 0 0 1px rgba(15,23,42,.08),0 18px 35px rgba(15,23,42,.06)!important;padding:20px 18px 14px!important;overflow:hidden;transition:border-color .16s ease, box-shadow .16s ease;border-color:#cbd5e1!important}
.composer-box:focus-within{border-color:#111827!important;box-shadow:0 20px 60px rgba(15,23,42,.12),0 0 0 5px rgba(17,24,39,.06)!important}
.composer-box textarea{border:0!important;box-shadow:none!important;border-radius:22px;min-height:128px!important;max-height:170px;padding:20px 22px!important;font-size:16px!important;line-height:1.45;resize:vertical;color:#0f172a!important;background:transparent!important;font-weight:650!important}
.composer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px!important;border-top:1px solid #eef2f7;background:linear-gradient(180deg,#fff,#fbfcff);padding:12px!important;padding-top:12px!important}
.icon-action{display:inline-flex;align-items:center;gap:8px;border:0;background:transparent;color:#202123;cursor:pointer;font-size:15px;min-height:36px;border-radius:999px;padding:6px 8px;max-width:260px}
.style-picker-inline{display:inline-flex;align-items:center;gap:6px;border:0;border-radius:999px;min-height:36px;padding:4px 8px;background:transparent;color:#0b84ff;cursor:pointer}
.icon-action:hover{background:#f3f4f6}
.style-picker-inline:hover{background:#eef6ff}
.upload-action.has-file{border-color:rgba(16,163,127,.45)!important;background:var(--ui-accent-soft)!important;color:#047857!important}
.style-picker-inline select{width:auto;max-width:190px;border:0;box-shadow:none!important;background:transparent;color:#0b84ff;font-weight:800;padding:5px 22px 5px 0;border-radius:999px;cursor:pointer}
.composer-tips{display:flex;gap:16px;align-items:center;justify-content:space-between;color:#718096!important;font-size:12.5px!important;padding:11px 10px 0;margin-top:10px!important}
.selected-preview{display:flex;align-items:center;gap:12px;margin:0 0 12px;background:linear-gradient(135deg,#f8fafc,#eef6ff)!important;border:1px solid #dbeafe!important;border-radius:22px!important;padding:10px!important;box-shadow:0 10px 24px rgba(59,130,246,.07)!important;margin-bottom:14px!important}
.selected-preview[hidden]{display:none!important}
.selected-preview img{width:74px!important;height:74px!important;border-radius:16px!important;object-fit:cover;border:1px solid #e5e7eb;background:#fff}
.selected-preview b{display:block;font-size:14px;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:900}
.selected-preview small{display:block;color:var(--ui-muted);margin-top:3px}
.preview-clear{margin-left:auto;width:30px;height:30px;border-radius:999px;border:0;background:#f1f5f9;color:#475569;font-size:18px;line-height:1;cursor:pointer}
.preview-clear:hover{background:#fee2e2;color:#dc2626}
.style-strip{display:flex;gap:16px!important;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 18px;margin:0 -2px;scrollbar-color:#c8c8cf transparent;mask-image:linear-gradient(90deg,transparent,#000 16px,#000 calc(100% - 16px),transparent)}
.style-card{position:relative;flex:0 0 178px;height:226px;border:1px solid rgba(226,232,240,.9)!important;border-radius:24px!important;overflow:hidden;cursor:pointer;scroll-snap-align:start;background:#f3f4f6;background-size:cover;background-position:center;box-shadow:0 12px 30px rgba(15,23,42,.09)!important;transition:.18s ease;min-height:152px!important}
.style-card:hover{transform:translateY(-4px) scale(1.01)!important;box-shadow:0 18px 36px rgba(15,23,42,.14)!important}
.style-card.is-active{border-color:#2563eb!important;box-shadow:0 22px 42px rgba(59,130,246,.18)!important;outline:3px solid rgba(59,130,246,.36);outline-offset:3px;transform:translateY(-2px)}
.style-title{position:absolute;z-index:2;left:14px;right:14px;bottom:14px;color:#fff;font-size:16px!important;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.55);letter-spacing:-.03em}
.style-index{position:absolute;z-index:2;left:12px;top:12px;min-width:30px;height:30px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:rgba(255,255,255,.9);color:#111827;font-size:12px;font-weight:900;box-shadow:0 7px 18px rgba(15,23,42,.14)}
.style-fav-toggle{position:absolute;right:10px;top:10px;z-index:3;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:grid;align-items:center;justify-content:center;font-weight:900;color:#f59e0b;box-shadow:0 8px 18px rgba(0,0,0,.12);place-items:center;font-size:18px}
.style-badge{position:absolute;left:12px;top:42px;z-index:3;border-radius:999px;background:rgba(17,24,39,.76);color:white;font-size:11px;font-weight:800;padding:3px 8px;backdrop-filter:blur(8px)}
.style-badge.fav-badge{background:linear-gradient(135deg,#f59e0b,#f97316)}
.style-badge.hot-badge{background:linear-gradient(135deg,#ef4444,#ec4899)}
.style-card.is-favorited{outline:3px solid rgba(245,158,11,.42)}
.module-head{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin-bottom:16px}
.module-head h2{font-size:28px;margin:0}
.compact-head h2{font-size:26px;font-weight:950!important;letter-spacing:-.035em;color:#0f172a!important}
.slider-actions{display:flex;gap:8px}
.hero-official{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:stretch;padding:30px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;max-width:680px}
.hero-copy h1{font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-.04em}
.hero-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:18px}
.balance-box{background:#f8f8f8;border:1px solid var(--line);border-radius:22px;padding:20px;display:flex;flex-direction:column;justify-content:space-between;min-height:180px}
.balance-row{display:flex;align-items:end;justify-content:space-between;gap:12px}
.balance-box b{font-size:60px;line-height:1;letter-spacing:-.08em;color:#111827}
.page-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin:0 0 22px;padding:28px;border:1px solid rgba(229,231,235,.9);border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f9fafb 55%,#f3f7ff 100%);box-shadow:0 18px 48px rgba(15,23,42,.055)}
.page-hero.slim-hero{padding:24px}
.page-hero h1{font-size:34px;line-height:1.05;margin:0 0 8px;letter-spacing:-.045em}
.eyebrow{display:inline-flex;align-items:center;gap:6px;margin:0 0 4px;font-size:12px;color:#2563eb;font-weight:900;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:999px;background:#10a37f}
.hero-stats{display:grid;gap:10px;flex-wrap:wrap;position:relative;z-index:1;min-width:170px}
.hero-stats>div{min-width:92px;padding:12px 14px;border:1px solid #e5e7eb;border-radius:18px;background:rgba(255,255,255,.78);box-shadow:0 10px 25px rgba(15,23,42,.045)}
.hero-stats b{display:block;font-size:22px;letter-spacing:-.04em;color:#111827}
.hero-stats span{display:block;color:#667085;font-size:12px;font-weight:800;background:rgba(255,255,255,.72);border:1px solid rgba(0,0,0,.06);border-radius:18px;padding:13px 15px;box-shadow:0 12px 30px rgba(20,25,45,.06)}
.quick-actions{display:flex;gap:8px;flex-wrap:wrap}
.glass-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;padding:12px;border:1px solid #e5e7eb;border-radius:20px;background:rgba(255,255,255,.82);backdrop-filter:blur(14px);box-shadow:0 10px 28px rgba(15,23,42,.04)}
.glass-toolbar input{min-width:250px;flex:1}
.bulk-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px;padding:10px 12px;border:1px dashed #d1d5db;border-radius:18px;background:#fbfbfc;color:#374151;font-weight:750}
.bulk-bar label{display:flex;align-items:center;gap:8px}
.mini-actions{gap:7px!important}
.empty-state{display:grid;place-items:center;text-align:center;min-height:240px;border:1px dashed #d1d5db;border-radius:24px;background:#fff;color:#64748b;padding:26px}
.empty-state b{font-size:20px;color:#111827}
.dash-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;margin-bottom:18px}
.stat-card{min-height:140px;border:1px solid #e5e7eb;border-radius:24px;background:#fff;padding:18px;box-shadow:0 10px 28px rgba(15,23,42,.045);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}
.dashboard-split{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:18px}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.two-img{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.admin-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.admin-form-grid .full{grid-column:1/-1}
.history-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:start}
.admin-history-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.history-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.pro-history-card{position:relative;overflow:hidden}
.history-card:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,23,42,.08);border-color:#d1d5db}
.history-images{display:grid;grid-template-columns:1fr 1fr;background:#f8fafc;min-height:0;aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid #eef0f3}
.pro-history-images{display:grid;grid-template-columns:1fr 1fr}
.history-images img{width:100%;height:100%;object-fit:cover;display:block;max-height:138px;transition:transform .18s ease,filter .18s ease}
.history-images a{display:block;min-width:0;height:100%;overflow:hidden;background:#f3f4f6}
.history-images a:hover img{transform:scale(1.035);filter:saturate(1.06)}
.history-body{padding:11px 12px 12px}
.history-body p{font-size:13px;line-height:1.55;margin:8px 0;color:#4b5563;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.history-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;font-weight:800;margin-bottom:6px}
.history-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:10px;font-size:12px}
.history-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:0 0 14px}
.history-toolbar .muted{font-size:13px}
.compact-view-note{font-size:13px;color:#6b7280;margin-top:-8px;margin-bottom:14px}
.recent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:16px}
.recent-card{border:1px solid rgba(15,23,42,.08);border-radius:20px!important;background:#fff;padding:10px!important;display:grid;gap:10px;box-shadow:0 12px 28px rgba(15,23,42,.08)!important;border-color:#e2e8f0!important}
.recent-card button{border:0;padding:0;background:transparent;cursor:pointer;border-radius:14px;overflow:hidden;aspect-ratio:1/1}
.recent-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .2s ease!important}
.recent-card b{font-size:14px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:8px;font-weight:950!important;letter-spacing:-.02em!important}
.recent-card small{font-size:12px;color:#64748b!important;display:block;margin-top:2px}
.result-head{display:flex;align-items:center!important;justify-content:space-between;gap:14px;margin-bottom:16px}
.result-head h2{margin:0 0 5px;font-weight:950!important;letter-spacing:-.05em!important}
.result-head .mini-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.compare-imgs{gap:18px!important}
.compare-imgs>div{background:#f8fafc;border:1px solid #e5e7eb;border-radius:22px;padding:12px}
.compare-imgs h3{font-size:14px;color:#475569;margin:0 0 10px!important}
.preview{width:100%;border-radius:18px!important;box-shadow:0 8px 24px rgba(15,23,42,.08)!important}
.result-card .preview{max-height:360px;object-fit:contain;background:#f8fafc}
.prompt-details{margin-top:15px;border-top:1px solid #eef0f3;padding-top:12px;border:1px solid #e5e7eb;background:#fbfcff;border-radius:16px;padding:12px 14px}
.prompt-details summary{cursor:pointer;font-weight:850;color:#334155}
.prompt-details p{color:#475569;line-height:1.7}
.pending-result{border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,#fff,#f8fbff)}
.pending-progress{display:flex;gap:8px;align-items:center;margin:18px 0 8px}
.pending-progress span{display:block;width:10px;height:10px;border-radius:999px;background:#2563eb;animation:pendingBounce 1.2s infinite ease-in-out;box-shadow:0 0 0 4px rgba(16,163,127,.10)}
.failed-result{border-color:rgba(220,38,38,.22);background:linear-gradient(180deg,#fff,#fff7f7)}
.task-list{display:grid;gap:10px;margin-top:14px}
.task-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(15,23,42,.08);border-radius:16px;background:rgba(248,250,252,.82)}
.task-row>div{flex:1;min-width:0}
.task-row b{display:block;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.task-row small{display:block;color:#64748b;margin-top:3px}
.task-dot{width:10px;height:10px;border-radius:999px;background:#2563eb;box-shadow:0 0 0 7px rgba(37,99,235,.12);animation:taskPulse 1.4s infinite}
.status-badge{display:inline-flex;align-items:center;height:24px;padding:0 9px;border-radius:999px;font-size:12px;font-weight:700;background:#eef2ff;color:#3730a3}
.failed-badge{background:#fef2f2;color:#b91c1c}
.success-badge{background:#ecfdf5!important;color:#047857!important}
.rank-row span{display:flex;flex-direction:column;gap:2px;flex:1}
.failure-row span{flex:1;line-height:1.45;color:#374151}
.rank-row em{font-style:normal;color:#111827;font-weight:700}
.ops-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.wide-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.storage-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:14px 0}
.storage-item{padding:14px;border:1px solid var(--line,#e5e7eb);border-radius:16px;background:#f9fafb}
.storage-item span{display:block;color:#6b7280;font-size:13px}
.storage-item b{font-size:24px}
.danger-zone{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}
.invite-copy-row{display:flex;gap:10px;align-items:center;min-width:min(520px,50%)}
.invite-copy-row input{flex:1;min-width:0;height:44px!important;border-radius:14px!important;font-weight:750!important;background:#fff!important;border-color:#dbe3ef!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.8)!important}
.invite-mini-card{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:0 auto 22px!important;max-width:980px;padding:20px 22px!important;border-radius:26px!important;background:linear-gradient(135deg,#f8fafc 0%,#fff 54%,#eef6ff 100%)!important}
.share-body{background:linear-gradient(180deg,#f8fbff,#eef4ff);min-height:100vh}
.share-page{max-width:820px;margin:0 auto;padding:32px 16px}
.share-card{background:#fff;border:1px solid #e5e7eb;border-radius:28px;padding:22px;box-shadow:0 20px 70px rgba(15,23,42,.08)}
.share-head{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.share-head h1{margin:0;font-size:24px}
.share-head p{margin:4px 0 0;color:#6b7280}
.share-main-img{width:100%;max-height:72vh;object-fit:contain;border-radius:22px;background:#f3f4f6;display:block}
.share-actions{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}
.copy-link-btn{cursor:pointer}
.landing-wrap{max-width:1040px;margin:0 auto;padding:20px}
.landing-hero{padding:42px 22px;border-radius:28px;background:linear-gradient(135deg,#f8fafc,#eff6ff);border:1px solid #e5e7eb;text-align:center}
.landing-hero h1{font-size:clamp(30px,6vw,58px);margin:8px 0 10px}
.landing-hero p{max-width:680px;margin:0 auto 20px;color:#4b5563}
.landing-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.landing-links{margin-top:18px;padding:18px;border-radius:20px;background:#fff;border:1px solid #e5e7eb}
.notification-list{display:grid;gap:12px}
.notification-card{display:flex;justify-content:space-between;gap:16px;padding:16px;border:1px solid #e5e7eb;border-radius:18px;background:#fff;color:inherit;text-decoration:none}
.notification-card.unread{border-color:#93c5fd;background:#eff6ff}
.notification-card b{display:block;margin-bottom:4px}
.notification-card p{margin:0 0 6px;color:#4b5563}
.unread-dot{flex:0 0 10px;width:10px;height:10px;border-radius:50%;background:#2563eb;margin-top:8px}
.diagnostic-pill{display:inline-flex;padding:4px 8px;border-radius:999px;background:#fef3c7;color:#92400e;font-size:12px;font-weight:700}
.watermark-note{font-size:12px;color:#6b7280}
.recharge-hero{display:flex;align-items:center;justify-content:space-between;gap:18px}
.payment-qr{width:180px;height:180px;object-fit:contain;border:1px solid #eee;border-radius:16px;background:#fff!important;padding:8px;max-width:180px;box-shadow:0 12px 30px rgba(15,23,42,.10)!important}
.admin-payment-qr{width:220px;height:220px;margin:12px 0}
.order-card{display:flex;flex-direction:column;gap:10px}
.order-card .price{font-size:28px;font-weight:900}
.package{border:1px solid var(--line);border-radius:20px;padding:20px;background:#fff}
.package.order-card{border:1px solid #eee;border-radius:18px;padding:18px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}
.package.order-card:hover{transform:translateY(-3px);border-color:#cbd5e1!important}
.package-actions{display:flex;gap:10px;flex-wrap:wrap}
.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}
.toolbar input{max-width:360px}
.upload-line{display:block;flex-direction:column;gap:8px;font-weight:700;margin:10px 0}
.contact-floating{position:fixed;right:18px!important;bottom:18px!important;z-index:90}
.contact-toggle{border:0;border-radius:999px!important;background:linear-gradient(135deg,#111827,#243044)!important;color:#fff;padding:12px 18px;font-weight:800;box-shadow:0 16px 38px rgba(17,24,39,.22)!important;min-height:44px}
.contact-panel{display:none;position:absolute;right:0;bottom:54px;width:258px!important;background:#fff;border:1px solid #e5e7eb;border-radius:22px!important;padding:18px!important;box-shadow:0 22px 60px rgba(15,23,42,.20)!important}
.contact-panel p{margin:8px 0}
.contact-panel img{width:160px;max-width:100%;border-radius:12px;display:block;margin:10px auto}
.contact-floating.open .contact-panel{display:block}
.balance-hero{display:flex;justify-content:space-between;gap:16px;align-items:center}
.ok-text{color:#059669!important;font-weight:800}
.bad-text{color:#dc2626!important;font-weight:800}
.mobile-generate-bar{display:none;box-shadow:0 -10px 30px rgba(15,23,42,.10)!important;backdrop-filter:blur(14px)!important}
.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.78);display:none;align-items:center;justify-content:center;z-index:9999;padding:24px}
.lightbox img{max-width:100%;max-height:86vh;border-radius:18px;box-shadow:0 24px 80px rgba(0,0,0,.45);background:#fff}
.lightbox-close{position:absolute;right:-10px;top:-12px;width:42px;height:42px;border-radius:999px;border:0;background:#fff;color:#111827;font-size:26px;line-height:1;box-shadow:0 10px 30px rgba(0,0,0,.25);cursor:pointer}
.lightbox-title{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.85);font-size:13px;font-weight:900;color:#111827}
.toast-box{position:fixed;right:18px;top:20px;z-index:1200;display:grid;gap:8px;bottom:92px}
.toast-item{background:#111827;color:white;border-radius:14px;padding:11px 14px;box-shadow:0 14px 36px rgba(0,0,0,.22);opacity:0;transform:translateY(8px);transition:.22s}
.toast-item.show{opacity:1;transform:none}
.ticket-list{display:grid;gap:14px}
.ticket-card{border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;background:linear-gradient(180deg,#fff,#f8fafc)}
.ticket-card>div:first-child{display:flex;justify-content:space-between;gap:12px}
.ticket-reply{margin-top:12px;border-left:3px solid #2563eb;background:#eff6ff;border-radius:12px;padding:12px}
.stack-form{display:grid;gap:16px}
.style-fav-toggle{position:absolute;right:10px;top:10px;z-index:3;width:30px;height:30px;border-radius:999px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);display:grid;align-items:center;justify-content:center;font-weight:900;color:#f59e0b;box-shadow:0 8px 18px rgba(0,0,0,.12);place-items:center;font-size:18px}
.affiliate-hero{background:radial-gradient(circle at 85% 20%,rgba(37,99,235,.16),transparent 32%),linear-gradient(135deg,#fff,#f8fafc)}
.danger-stat{border-color:rgba(239,68,68,.28)!important;background:linear-gradient(180deg,#fff7f7,#fff)!important}
.hero-studio{display:flex;align-items:stretch;justify-content:space-between;gap:20px;padding:28px;background:linear-gradient(135deg,#fff 0%,#f5f7ff 45%,#eef7ff 100%);border:1px solid rgba(80,100,180,.13);overflow:hidden;position:relative}
.hero-studio:after{content:"";position:absolute;right:-80px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(91,116,255,.12);filter:blur(4px)}
.hero-copy{display:flex;flex-direction:column;justify-content:center;position:relative;z-index:1;max-width:680px}
.hero-copy .eyebrow{display:inline-flex;background:#111827;color:#fff;border-radius:999px;padding:5px 10px;font-size:12px;margin-bottom:12px}
.hero-copy h1{font-size:34px;line-height:1.12;margin:0 0 10px;letter-spacing:-.04em}
.hero-copy p{color:#667085;margin:0;font-size:15px}
.mode-tabs{display:inline-flex;gap:8px;padding:6px;background:#f3f4f6;border:1px solid #e5e7eb;border-radius:999px;margin-bottom:14px}
.mode-tab{border:0;background:transparent;border-radius:999px;padding:10px 16px;font-weight:800;color:#667085;cursor:pointer}
.mode-tab.active{background:#111827;color:white;box-shadow:0 8px 20px rgba(17,24,39,.2)}
.studio-composer{border-radius:28px;padding:20px;background:rgba(255,255,255,.86);border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 60px rgba(15,23,42,.08)}
.prompt-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}
.dashboard-command-center{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(239,246,255,.92));border:1px solid rgba(59,130,246,.16)}
.todo-cards-row{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:14px}
.todo-card{display:flex;flex-direction:column;gap:8px;padding:16px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 12px 30px rgba(15,23,42,.06);text-decoration:none;color:inherit;transition:.18s ease}
.todo-card:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(37,99,235,.14)}
.todo-card span{color:#64748b;font-size:13px}
.todo-card b{font-size:30px;line-height:1;color:#0f172a}
.todo-card small{color:#2563eb;font-weight:700}
.trend-panel{margin-top:16px}
.trend-bars{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:12px;align-items:end;padding-top:10px}
.trend-day{min-width:0;text-align:center}
.trend-stack{height:120px;border-radius:16px;background:linear-gradient(180deg,#f8fafc,#eef2ff);display:flex;gap:4px;align-items:end;justify-content:center;padding:10px;border:1px solid rgba(148,163,184,.18)}
.trend-stack i{display:block;width:12px;border-radius:999px 999px 4px 4px;min-height:6px}
.trend-stack .income{background:linear-gradient(180deg,#10b981,#34d399)}
.trend-stack .gens{background:linear-gradient(180deg,#6366f1,#93c5fd)}
.trend-day b{display:block;margin-top:8px;font-size:12px}
.trend-day small{display:block;color:#64748b;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.artwork-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:18px;align-items:start}
.artwork-side{position:sticky;top:18px}
.artwork-main-img{width:100%;max-height:72vh;object-fit:contain;border-radius:22px;box-shadow:0 24px 80px rgba(15,23,42,.18);background:#f8fafc}
.artwork-main{padding:14px;display:grid;place-items:center}
.compact-risk-list .rank-row{align-items:center}
.risk-mini{display:inline-flex;margin-top:6px;padding:4px 8px;border-radius:999px;font-size:12px;font-weight:800}
.risk-mini.danger{background:#fee2e2;color:#b91c1c}
.pay-proof-thumb{width:76px;height:76px;object-fit:cover;border-radius:16px;box-shadow:0 10px 24px rgba(15,23,42,.12);border:1px solid rgba(15,23,42,.08)}
.inline-form{display:inline-flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0}
.h-scroll-wrap{width:100%;max-width:100%;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;scrollbar-width:thin;padding:5px 2px 16px!important;scrollbar-color:#cbd5e1 transparent!important}
.h-scroll-wrap::-webkit-scrollbar{height:8px}
.h-scroll-wrap::-webkit-scrollbar-track{background:#f3f4f6;border-radius:999px}
.h-scroll-wrap::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:999px}
.h-scroll-row{gap:14px!important}
.force-scroll-wrap{display:block!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-x:contain!important;scrollbar-width:thin!important}
.force-scroll-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;grid-template-columns:none!important;width:max-content!important;min-width:100%!important;align-items:stretch!important}
.force-scroll-row>.force-scroll-card{flex-shrink:0!important;display:flex!important;flex-direction:column!important}
.recent-scroll-wrap .recent-card{flex:0 0 220px!important;width:220px!important;max-width:220px!important;min-width:220px!important}
.history-scroll-wrap .history-card{flex:0 0 260px!important;width:260px!important;max-width:260px!important;min-width:260px!important}
.history-scroll-wrap .history-images{display:grid!important;grid-template-columns:1fr 1fr!important}
.history-scroll-wrap .image-thumb img{height:102px!important;width:100%!important;object-fit:cover!important}
.horizontal-section-hint{display:flex;align-items:center;gap:6px;margin:4px 0 10px;color:#6b7280;font-size:13px;font-weight:800!important;opacity:.82}
.horizontal-section-hint:before{content:"←";font-weight:900;color:#9ca3af}
.horizontal-section-hint:after{content:"→";font-weight:900;color:#9ca3af}
.spinner{width:46px;height:46px;margin:0 auto 16px;border-radius:50%;border:4px solid #eef0f3;border-top-color:#111827;animation:spin 1s linear infinite;border-right-color:transparent!important}
.ui-toast-wrap{position:fixed;left:50%;bottom:28px;transform:translateX(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}
.ui-toast{background:rgba(17,24,39,.94);color:#fff;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;box-shadow:0 16px 40px rgba(15,23,42,.24);animation:uiToastIn .18s ease}
.ui-toast.success{background:rgba(5,150,105,.96)}
.ui-toast.error{background:rgba(220,38,38,.96)}
.home-notice-card{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;background:linear-gradient(135deg,#fff7ed,#f8fafc 62%,#eff6ff)!important;border:1px solid #fed7aa;position:relative;overflow:hidden;border-color:#fed7aa!important;box-shadow:0 12px 32px rgba(251,146,60,.10)!important}
.home-notice-card:before{content:"";position:absolute;right:-40px;top:-40px;width:130px;height:130px;border-radius:999px;background:rgba(251,146,60,.12)}
.home-notice-card b{font-size:17px;color:#7c2d12!important;font-weight:950}
.home-notice-card p{margin:6px 0 0;color:#7c2d12!important;line-height:1.65}
.form-group{margin-bottom:17px!important}
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.upload-panel{background:#fafafa;border-right:1px solid var(--line);padding:24px}
.upload-box{display:flex;align-items:center;justify-content:center;min-height:220px;border-radius:18px;background:#fff;border:1.5px dashed #cfd4dc;text-align:center;color:var(--muted);padding:18px;cursor:pointer}
.upload-icon{font-size:40px;display:block;margin-bottom:8px;color:#111827}
.generate-shell{display:grid;grid-template-columns:340px minmax(0,1fr);gap:0}
.generate-card{padding:0;overflow:hidden}
.form-panel{min-width:0;padding:24px}
.admin-head-row{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}
.history-item{display:grid;grid-template-columns:126px 1fr 126px;gap:16px;align-items:center;border-top:1px solid var(--line);padding:18px 0}
.history-page{padding:22px;background:transparent;border:0;box-shadow:none}
.pro-history-images .image-thumb img{height:150px;object-fit:cover}
.admin-history-grid .pro-history-images .image-thumb img{height:130px}
.pro-history-card{position:relative;overflow:hidden}
.pro-history-images{display:grid;grid-template-columns:1fr 1fr}
.card-check{position:absolute;top:10px;left:10px;z-index:4;width:30px;height:30px;display:grid;place-items:center;border-radius:999px;background:rgba(255,255,255,.88);box-shadow:0 8px 20px rgba(0,0,0,.12);backdrop-filter:blur(8px);opacity:.86}
.card-check input{width:16px;height:16px}
.compact-settings label{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;padding:14px}
.compact-settings label span{font-weight:700;color:#111827}
.compact-settings label small{color:#64748b;line-height:1.5}
.status.pending{background:#fff7ed;color:#c2410c;border-color:#fed7aa}
.status.success{background:#ecfdf5;color:#047857;border-color:#a7f3d0}
.status.warn{background:#fef3c7;color:#92400e}
.status.info{background:#e0f2fe;color:#0369a1}
.status.processing{background:#eef2ff;color:#4338ca;border-color:#c7d2fe}
.status.failed{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.is-admin-page .btn.is-submitting{opacity:.68;pointer-events:none}
.task-monitor-page .monitor-grid .stat-card b{font-size:28px;line-height:1.1}
.task-monitor-page .cron-help-box{margin-top:18px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);border-radius:18px;padding:16px;color:#334155}
.task-monitor-page .cron-help-box pre{white-space:pre-wrap;word-break:break-all;background:#0f172a;color:#e2e8f0;border-radius:14px;padding:14px;margin:10px 0;font-size:13px;line-height:1.6}
.task-monitor-page .cron-help-box code{background:#e2e8f0;border-radius:8px;padding:2px 6px;color:#0f172a}
.help-center .faq-grid h3{margin:0 0 8px}
.help-center .faq-grid p{margin:0;color:#4b5563}
.activity-item{display:grid;grid-template-columns:12px minmax(0,1fr) auto;align-items:center;gap:12px;text-decoration:none;padding:12px;border:1px solid #eef0f3;border-radius:16px;background:#fbfbfc}
.activity-item em{font-style:normal;font-size:12px;font-weight:900;color:#6b7280}
.upload-action.has-file .upload-text{color:#0f766e;font-weight:800}
.history-card{border:1px solid #e5e7eb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 22px rgba(15,23,42,.045);transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}
.result-focus .compare-imgs{align-items:start}
.result-focus .preview{max-height:56vh;object-fit:contain;background:#f8fafc}
.share-benefits{display:flex;flex-direction:column;gap:4px;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;padding:14px 16px;margin:16px 0}
.invite-icon{flex:0 0 48px;width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:#0f172a;color:#fff;font-size:25px;font-weight:950;box-shadow:0 14px 28px rgba(15,23,42,.18)}
.invite-copy-main{display:flex;align-items:center;gap:14px;min-width:0}
.brand:hover{background:#fff;border-color:var(--ui-line);box-shadow:var(--ui-shadow-sm)}
.nav-link:hover{background:#fff!important;border-color:var(--ui-line)!important;transform:translateX(2px);box-shadow:0 5px 16px rgba(15,23,42,.04)}
.nav-link.admin-link:hover{background:#262b36;color:#fff}
.credit-card-mini span,.credit-card-mini small{display:block;color:var(--muted);font-size:12px}
.user-meta a:hover{text-decoration:underline}
.top-kicker{font-size:12px;color:#94a3b8!important;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.page-title{font-size:18px;margin:2px 0 0;letter-spacing:-.02em;font-weight:900!important;color:#111827!important}
.top-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.credit-pill,.pill,.badge{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 11px;font-size:13px;color:#374151;font-weight:700}
.credit-pill b{font-size:16px;color:#111827}
h1,h2,h3{letter-spacing:-.035em}
.muted{color:var(--ui-muted)!important;line-height:1.7}
.balance-box span,.balance-box small{color:var(--muted)}
.style-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,.05) 42%,rgba(0,0,0,.66))}
.style-card.has-cover:after,.style-card.has-cover .style-title,.style-card.has-cover .style-index{display:none}
.upload-box:hover{border-color:#111827}
input,textarea,select{width:100%;padding:13px 14px;border:1px solid var(--line2);border-radius:15px!important;font-size:15px;background:#fff!important;outline:none;transition:border-color .16s ease, box-shadow .16s ease, background .16s ease!important;border-color:#dfe3ea!important}
input:focus,textarea:focus,select:focus{border-color:#111827!important;box-shadow:var(--ui-focus)!important}
.btn.secondary,.btn.ghost{background:#fff;color:#111827;border-color:var(--line2);box-shadow:none}
.btn.secondary:hover,.btn.ghost:hover{background:#f4f4f5}
.alert-info{color:#1e3a8a;border-color:#bfdbfe;background:#eff6ff}
.alert-success{color:#166534;border-color:#bbf7d0;background:#f0fdf4}
.alert-error{color:#991b1b;border-color:#fecaca;background:#fef2f2}
.preview,.thumb{max-width:100%;border-radius:16px;border:1px solid var(--line);background:#fff}
.thumb{width:126px;height:126px;object-fit:cover}
.result-card h2{margin-bottom:16px}
.history-item:first-of-type{border-top:0}
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:18px}
.table th,.table td{padding:12px;border-bottom:1px solid #eef0f3;text-align:left;vertical-align:top}
.inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.inline input,.inline select{width:auto}
.code{background:#111827;color:#e5e7eb;border-radius:16px;padding:14px;overflow:auto}
.package h3{font-size:21px}
.auth-card{width:min(100%,480px);max-width:480px;margin:54px auto}
.auth-head{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}
.auth-head h1{margin:0 0 6px}
.auth-head .muted{margin:0}
.auth-logo{flex:0 0 44px;width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:#111827;color:#fff;font-weight:950;box-shadow:0 14px 30px rgba(15,23,42,.18)}
.auth-form{margin-top:18px}
.btn-block{width:100%;justify-content:center}
.auth-tip{margin:14px 0 0;font-size:13px}
.auth-tip a{font-weight:900;color:#111827;text-decoration:none}
.auth-tip a:hover{text-decoration:underline}
.auth-divider{display:flex;align-items:center;gap:12px;margin:22px 0 14px;color:#94a3b8;font-size:13px;font-weight:850}
.auth-divider:before,.auth-divider:after{content:"";height:1px;background:#e5e7eb;flex:1}
.footer{display:none}
.loading-mask.show{display:flex}
.composer-box textarea:focus{border:0;box-shadow:none!important}
.composer-box textarea::placeholder{color:#9b9b9f}
.composer-left-actions{display:flex;align-items:center;gap:10px;min-width:0}
.icon-action input{display:none}
.icon-symbol{font-size:24px;line-height:1;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px}
.upload-text{max-width:190px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#5f6368}
.style-picker-inline select:focus{border:0;box-shadow:none!important}
.style-dot{width:20px;height:20px;border-radius:50%;display:inline-block;border:2px solid #0b84ff;position:relative}
.style-dot:after{content:"";position:absolute;inset:4px;border-radius:50%;background:#0b84ff}
.compact-official{background:transparent;border:0;box-shadow:none;padding:20px!important;margin:0 auto 28px;max-width:980px;border-radius:28px!important;margin-bottom:24px!important}
.compact-head{margin-bottom:16px;align-items:center}
.compact-official .style-strip{gap:14px;padding-bottom:18px}
.compact-official .style-card{flex-basis:180px;height:224px;border-radius:20px}
.compact-official .circle-btn{width:44px;height:44px;color:#111827;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.03)}
.compact-official .circle-btn:hover{background:#f7f7f8}
.hero-official,.generate-card{display:none!important}
.danger-badge{background:#fef2f2!important;color:#b91c1c!important}
.admin-head-row h1{margin-bottom:4px}
.admin-user-table .mini-form{gap:6px}
.admin-user-table input,.admin-user-table select{padding:8px 9px;border-radius:10px;font-size:13px}
.action-cell{display:flex;gap:8px;flex-wrap:wrap}
.btn:disabled{opacity:.45;cursor:not-allowed;transform:none}
.history-page>.admin-head-row,.card>.admin-head-row{margin-bottom:18px}
.admin-history-grid .history-images img{max-height:112px}
.history-meta span:not(.badge){max-width:120px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.admin-history-grid .history-meta span:not(.badge){max-width:92px}
.history-actions .btn.small{padding:7px 10px;border-radius:10px;font-size:12px}
.history-actions form{margin:0}
.history-actions .muted{max-width:128px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pro-page{animation:fadeUp .18s ease both}
.glass-toolbar input,.glass-toolbar select{height:40px;border:1px solid #e5e7eb;background:#fff;border-radius:12px;padding:0 12px;color:#111827}
.bulk-actions,.mini-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.empty-state p{margin:8px 0 18px}
.image-thumb{appearance:none;border:0;padding:0;margin:0;background:#f3f4f6;cursor:zoom-in;min-width:0;overflow:hidden;height:100%}
.image-thumb img{height:100%!important;width:100%;object-fit:cover}
.pro-history-card:hover .card-check{opacity:1}
.error-line{color:#b91c1c!important;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;padding:7px 8px}
.user-line{font-size:12px!important;-webkit-line-clamp:1!important}
.stat-card:after{content:"";position:absolute;right:-38px;top:-38px;width:110px;height:110px;border-radius:999px;background:#f3f4f6}
.stat-card span{font-size:13px;color:#6b7280;font-weight:900;position:relative;z-index:1}
.stat-card b{font-size:38px;line-height:1;letter-spacing:-.065em;position:relative;z-index:1}
.stat-card small{color:#6b7280;font-weight:700;position:relative;z-index:1}
.primary-stat{background:#111827;color:#fff}
.primary-stat span,.primary-stat small{color:#d1d5db}
.primary-stat:after{background:rgba(255,255,255,.08)}
.warn-stat:after{background:#fff7ed}
.panel-card{border-radius:24px}
.panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:12px}
.panel-head h2,.help-card h2{margin:0 0 5px}
.activity-list{display:flex;flex-direction:column;gap:8px}
.activity-item:hover{background:#fff;border-color:#d1d5db;box-shadow:0 10px 25px rgba(15,23,42,.045)}
.activity-item .dot{width:10px;height:10px;border-radius:999px;background:#ef4444}
.activity-item .dot.ok{background:#16a34a}
.activity-item .dot.bad{background:#ef4444}
.activity-item b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}
.activity-item small{display:block;color:#6b7280;font-size:12px;margin-top:2px}
.nice-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}
.nice-list li{position:relative;padding-left:22px;line-height:1.65;color:#4b5563}
.nice-list li:before{content:"";position:absolute;left:0;top:.65em;width:8px;height:8px;border-radius:999px;background:#111827}
.lightbox.show{display:flex}
.lightbox-inner{position:relative;max-width:min(1120px,96vw);max-height:92vh}
.pending-progress span:nth-child(2){animation-delay:.15s}
.pending-progress span:nth-child(3){animation-delay:.3s}
.task-center,.recent-results{margin-top:18px;border:1px solid rgba(15,23,42,.08);box-shadow:0 18px 50px rgba(15,23,42,.06)}
.recent-card button:hover img{transform:scale(1.04)}
.pending-badge,.processing-badge{background:#eff6ff;color:#1d4ed8}
.mobile-top,.mobile-bottom-nav{display:none}
.h-scroll-row,
.recent-grid.h-scroll-row,
.history-grid.h-scroll-row,
.pro-history-grid.h-scroll-row,
.admin-history-grid.h-scroll-row{display:flex!important;flex-direction:row!important;flex-wrap:nowrap!important;gap:14px!important;grid-template-columns:none!important;align-items:stretch!important;width:max-content!important;min-width:100%}
.recent-grid.h-scroll-row > .recent-card,
.history-grid.h-scroll-row > .history-card,
.pro-history-grid.h-scroll-row > .pro-history-card,
.admin-history-grid.h-scroll-row > .pro-history-card{flex:0 0 238px!important;width:238px!important;max-width:238px!important;min-width:238px!important}
.recent-grid.h-scroll-row > .recent-card img,
.recent-grid.h-scroll-row > .recent-card button{width:100%!important;height:150px!important;object-fit:cover!important}
.history-grid.h-scroll-row .history-images,
.pro-history-grid.h-scroll-row .pro-history-images{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:0!important}
.history-grid.h-scroll-row .image-thumb,
.pro-history-grid.h-scroll-row .image-thumb,
.history-grid.h-scroll-row .placeholder-thumb,
.pro-history-grid.h-scroll-row .placeholder-thumb{height:112px!important;min-height:112px!important}
.history-grid.h-scroll-row .image-thumb img,
.pro-history-grid.h-scroll-row .image-thumb img,
.history-grid.h-scroll-row .history-images img,
.pro-history-grid.h-scroll-row .pro-history-images img{width:100%!important;height:112px!important;object-fit:cover!important}
.history-grid.h-scroll-row .history-body,
.pro-history-grid.h-scroll-row .history-body{padding:10px!important}
.history-grid.h-scroll-row .history-meta,
.pro-history-grid.h-scroll-row .history-meta{font-size:11px!important;gap:5px!important;line-height:1.25!important}
.history-grid.h-scroll-row .history-body p,
.pro-history-grid.h-scroll-row .history-body p{font-size:12px!important;line-height:1.4!important;margin:7px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}
.history-grid.h-scroll-row .history-actions,
.pro-history-grid.h-scroll-row .history-actions{display:block!important;margin-top:8px!important}
.history-grid.h-scroll-row .history-actions .muted,
.pro-history-grid.h-scroll-row .history-actions .muted{display:block!important;font-size:10px!important;margin-bottom:7px!important}
.history-grid.h-scroll-row .mini-actions,
.pro-history-grid.h-scroll-row .mini-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:6px!important}
.history-grid.h-scroll-row .mini-actions .btn,
.pro-history-grid.h-scroll-row .mini-actions .btn{height:31px!important;min-height:31px!important;font-size:11px!important;padding:0 7px!important}
.recent-scroll-wrap .recent-grid,.history-scroll-wrap .history-grid{display:flex!important;flex-wrap:nowrap!important;grid-template-columns:none!important;width:max-content!important;min-width:100%!important}
.history-scroll-wrap .image-thumb,.history-scroll-wrap .placeholder-thumb{height:102px!important;min-height:102px!important}
.rank-list,.failure-list{display:flex;flex-direction:column;gap:10px}
.rank-row,.failure-row{display:flex;align-items:center;gap:12px;padding:12px;border:1px solid var(--line,#e5e7eb);border-radius:14px;background:#fff;text-decoration:none;color:inherit}
.rank-row>b,.failure-row>b{min-width:44px;color:#2563eb}
.rank-row small,.failure-row small{color:#6b7280;font-size:12px}
.faq-grid,.landing-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}
.faq-grid article,.landing-cards article{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:18px;box-shadow:0 8px 25px rgba(15,23,42,.04)}
.admin-form-grid textarea{width:100%;border:1px solid #d1d5db;border-radius:12px;padding:10px;font:inherit;resize:vertical}
.status.approved,.status.success{background:#dcfce7;color:#15803d}
.status.rejected,.status.cancelled,.status.danger{background:#fee2e2;color:#b91c1c}
.horizontal-history .history-list,.recent-results .recent-grid{scroll-snap-type:x mandatory}
.force-scroll-card,.history-card{scroll-snap-align:start}
.btn,
button.btn,
input[type="submit"].btn,
.send-btn,
.contact-toggle,
.mobile-generate-btn,
.circle-btn,
.tab,
.nav-link{-webkit-tap-highlight-color:transparent}
.btn,
button.btn,
input[type="submit"].btn{position:relative;min-height:42px;border-radius:14px!important;font-weight:850!important;letter-spacing:-.01em;box-shadow:0 8px 18px rgba(17,24,39,.10);transition:transform .16s ease, box-shadow .16s ease, background .16s ease, border-color .16s ease, opacity .16s ease!important}
.btn.ghost,.btn.secondary,.btn.small.ghost{background:#fff!important;color:#172033!important;border-color:var(--ui-line-strong)!important;box-shadow:0 4px 14px rgba(15,23,42,.04)!important}
.btn.ghost:hover,.btn.secondary:hover,.btn.small.ghost:hover{background:#f7f8fb!important;border-color:#cfd5df!important;color:#0f172a!important}
.btn.danger,.btn.red,[data-danger="1"]{background:var(--ui-red)!important;border-color:var(--ui-red)!important;color:#fff!important;box-shadow:0 10px 22px rgba(239,68,68,.18)!important}
.btn[disabled],button[disabled],.btn.is-submitting{opacity:.62!important;cursor:not-allowed!important;transform:none!important;box-shadow:none!important}
.btn.is-submitting:after,button.is-submitting:after{content:"";width:12px;height:12px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;margin-left:6px;animation:uiSpin .75s linear infinite}
.nav-badge,.admin-tab-badge{box-shadow:0 6px 12px rgba(239,68,68,.20)}
.credit-card-mini,.user-panel{box-shadow:var(--ui-shadow-sm)!important;border-color:var(--ui-line)!important}
.card,.official-module,.composer-section,.package,.auth-card,.task-center,.result-card{background:rgba(255,255,255,.92)!important;border:1px solid rgba(226,232,240,.92)!important;box-shadow:0 8px 28px rgba(15,23,42,.05)!important;border-radius:26px!important}
.card:hover,.package:hover{border-color:#d8dde7!important;box-shadow:0 12px 34px rgba(15,23,42,.07)!important}
.module-head h2,.result-head h2,.card h2{font-weight:950!important;letter-spacing:-.04em}
input:hover,textarea:hover,select:hover{border-color:#cbd5e1!important;background:#fff!important}
input::placeholder,textarea::placeholder{color:#a0a8b5}
.icon-action,.style-picker-inline{min-height:40px;border:1px solid transparent!important;background:#f8fafc!important;border-radius:999px!important;padding:9px 12px!important;box-shadow:inset 0 0 0 1px rgba(226,232,240,.7);font-weight:900!important}
.icon-action:hover,.style-picker-inline:hover{border-color:#cbd5e1!important;background:#eef6ff!important;box-shadow:inset 0 0 0 1px #bfdbfe}
.recent-card,.history-card,.pro-history-card{background:#fff!important;border:1px solid #e5e7eb!important;border-radius:20px!important;box-shadow:0 8px 24px rgba(15,23,42,.05)!important;overflow:hidden;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease!important}
.recent-card:hover,.history-card:hover,.pro-history-card:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(15,23,42,.10)!important;border-color:#d2d8e2!important}
.recent-card img,.image-thumb img,.history-images img,.pro-history-images img{border-radius:16px!important;background:#f1f5f9}
.badge,.pill,.credit-pill{border-color:#dfe3ea!important;box-shadow:0 4px 12px rgba(15,23,42,.04);font-weight:850!important}
.balance-hero,.recharge-hero{background:linear-gradient(135deg,#ffffff,#f8fafc)!important;border-radius:26px!important}
.contact-toggle:before{content:"💬";margin-right:6px}
.contact-panel b{font-size:16px}
.contact-panel p span{font-weight:900;color:#111827}
.contact-panel small{display:block;color:#64748b;line-height:1.6}
.card,.official-module,.composer-box,.home-notice-card,.invite-mini-card,.recent-card,.package,.auth-card{border:1px solid rgba(203,213,225,.9)!important;box-shadow:var(--ui-shadow-soft)!important;background:rgba(255,255,255,.92)!important;backdrop-filter:saturate(160%) blur(10px)}
.card:hover,.recent-card:hover,.package:hover{box-shadow:var(--ui-shadow)!important}
.btn,.button,button.btn,a.btn{min-height:42px;border-radius:14px!important;font-weight:900!important;letter-spacing:-.01em;transition:transform .16s ease,box-shadow .16s ease,background .16s ease,border-color .16s ease!important;box-shadow:0 8px 20px rgba(15,23,42,.12)!important}
.btn.ghost,.btn.secondary{background:#fff!important;color:#0f172a!important;border-color:#d7dde7!important;box-shadow:0 6px 18px rgba(15,23,42,.06)!important}
.btn.ghost:hover,.btn.secondary:hover{background:#f8fafc!important;border-color:#94a3b8!important}
.invite-mini-card h2{font-size:22px!important;letter-spacing:-.045em!important;margin:0 0 5px!important}
.invite-mini-card p{margin:0!important}
.recent-card:hover img{transform:scale(1.035)!important}
.table td,.table th{border-bottom-color:#eaf0f7!important}
.status-badge,.badge{border-radius:999px!important;font-weight:950!important}
.contact-widget,.contact-float,.contact-panel{box-shadow:0 18px 45px rgba(15,23,42,.2)!important}
.admin-tab-badge,.nav-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 6px;margin-left:6px;border-radius:999px;background:#ef4444;color:#fff;font-size:12px;font-weight:800}
.status.open,.status.pending{background:#fff7ed;color:#9a3412}
.status.resolved,.status.issued,.status.approved{background:#ecfdf5;color:#047857}
.status.blocked,.status.rejected,.status.closed,.status.failed{background:#fef2f2;color:#b91c1c}
.mobile-bottom-generate{box-shadow:0 -18px 40px rgba(15,23,42,.14)}
.send-btn.ready,.send-btn:hover{transform:translateY(-1px);box-shadow:0 14px 28px rgba(59,130,246,.22)}
.hot-badge{background:#ef4444}
.fav-badge{background:#f59e0b}
.single-result{grid-template-columns:1fr!important;max-width:760px;margin:auto}
.result-extra-actions{margin-top:14px}
.draft-panel{position:fixed;inset:0;background:rgba(15,23,42,.38);display:none;z-index:1000;align-items:flex-end;justify-content:center}
.draft-panel.show{display:flex}
.draft-box{background:#fff;border-radius:24px 24px 0 0;box-shadow:0 -22px 50px rgba(0,0,0,.18);width:min(760px,100%);max-height:76vh;overflow:auto;padding:22px}
.draft-close{float:right;border:0;background:#f3f4f6;border-radius:999px;width:34px;height:34px;font-size:20px}
.draft-list{display:grid;gap:10px;margin-top:14px}
.draft-item{text-align:left;border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:14px;cursor:pointer}
.draft-item:hover{border-color:#93c5fd;background:#f8fbff}
.draft-item b,.draft-item small,.draft-item span{display:block}
.draft-item small{color:#94a3b8;margin:4px 0}
.draft-item span{color:#64748b}
.gallery-hero{background:linear-gradient(135deg,#111827,#1d4ed8);color:#fff}
.gallery-hero .muted{color:rgba(255,255,255,.75)}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.gallery-card{padding:10px;overflow:hidden}
.gallery-card img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:16px;display:block}
.gallery-card div{padding:10px}
.gallery-card p{font-size:13px;color:#64748b;min-height:38px}
.small-empty{padding:16px}
.risk-overview .danger-stat,.danger-stat{background:linear-gradient(135deg,#fff1f2,#fff)}
.artwork-hero{background:radial-gradient(circle at top left,rgba(99,102,241,.16),transparent 42%),linear-gradient(135deg,#fff,#f8fafc)}
.info-list{display:grid;gap:10px;margin:14px 0}
.info-list p{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(148,163,184,.18);margin:0}
.info-list span{color:#64748b}
.vertical-actions{display:grid;gap:10px}
.vertical-actions .btn{width:100%;justify-content:center}
.artwork-sub-img{width:100%;max-height:420px;object-fit:contain;border-radius:18px;background:#f8fafc}
.prompt-box-detail{white-space:pre-wrap;line-height:1.8;padding:16px;border-radius:18px;background:#f8fafc;border:1px solid rgba(148,163,184,.18)}
.btn:not(.ghost):hover{transform:translateY(-1px);box-shadow:0 14px 32px rgba(37,99,235,.22)}
.card.panel-card{border-color:rgba(148,163,184,.16);box-shadow:0 18px 50px rgba(15,23,42,.06)}
.compact-settings.wide-grid,.compact-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.compact-settings label.wide,.compact-settings .wide{grid-column:1/-1}
.compact-settings input,.compact-settings select{height:42px;border-radius:12px;border:1px solid rgba(15,23,42,.14);padding:0 12px;background:#fff;color:#111827;outline:none}
.compact-settings input:focus,.compact-settings select:focus{border-color:#6366f1;box-shadow:0 0 0 4px rgba(99,102,241,.12)}
@media((max-width:980px)){.app-shell{grid-template-columns:1fr}.sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:10px 12px}.topbar{display:none!important}.container{padding:20px 14px 46px}.brand{display:inline-flex}.side-nav{flex-direction:row;overflow:auto;padding-bottom:2px}.sidebar-footer{display:none}.composer-title{font-size:38px;margin-bottom:22px}.composer-box{border-radius:28px}.composer-box textarea{font-size:18px}.style-card{flex-basis:166px;height:212px}.module-head h2{font-size:24px}.grid3{grid-template-columns:1fr 1fr}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.grid3{grid-template-columns:1fr 1fr}.upload-panel{border-right:0;border-bottom:1px solid var(--line)}.hero-official,.generate-shell{grid-template-columns:1fr}.composer-section,.compact-official,.result-card{max-width:100%}.compact-official .style-card{flex-basis:166px;height:210px}}
@media((max-width:680px)){body{background:#f8fafc!important}h1{font-size:34px}.container{padding-left:14px;padding-right:14px;padding:14px 12px 110px!important}.send-btn{width:48px!important;height:48px!important;font-size:27px;border-radius:16px!important}.card{padding:18px;border-radius:20px}.recent-results{padding:18px!important;margin-bottom:16px!important}.table{font-size:13px}.composer-section{margin-bottom:38px;margin:0 0 18px!important}.composer-title{font-size:0!important;margin-bottom:18px;line-height:0!important;margin:0!important}.composer-box{padding:16px 14px 14px!important;border-radius:28px!important;box-shadow:0 18px 42px rgba(15,23,42,.10)!important}.composer-box textarea{font-size:16px!important;min-height:112px!important;padding:8px 6px 4px!important}.composer-toolbar{align-items:flex-end;padding-top:12px!important}.style-picker-inline select{max-width:150px}.composer-tips{flex-direction:column;align-items:flex-start;gap:4px;font-size:13px!important;color:#64748b!important;padding-top:10px!important}.style-strip{margin:0!important;padding:4px 16px 4px 0!important;gap:12px!important}.style-card{flex-basis:148px;height:188px;border-radius:20px}.style-title{font-size:13px!important;bottom:10px!important;left:10px!important}.module-head{align-items:flex-start;flex-direction:column}.compact-head h2{font-size:24px!important;text-align:left!important}.slider-actions{gap:6px}.invite-copy-row{min-width:0!important;width:100%!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:12px}.invite-copy-row input{grid-column:1 / -1;height:42px!important;font-size:13px!important}.invite-mini-card{display:block!important;padding:18px!important;margin:0 0 14px!important}.mobile-generate-bar{left:12px!important;right:12px!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;border-radius:22px!important;padding:10px!important}.h-scroll-wrap{margin:0 -18px!important;padding-left:18px!important}.horizontal-section-hint{font-size:13px!important;margin:10px 0 12px!important}.home-notice-card{padding:18px!important;border-radius:24px!important;margin-bottom:16px!important}.home-notice-card b{font-size:20px!important}.home-notice-card p{font-size:16px!important;line-height:1.55!important}.generate-card{padding:0}.history-item{grid-template-columns:1fr}.invite-icon{width:42px;height:42px;flex-basis:42px;border-radius:14px;font-size:22px}.invite-copy-main{align-items:flex-start!important}.recent-card .mini-actions{grid-template-columns:1fr!important}.upload-panel,.form-panel{padding:18px}.grid,.grid3,.two-img{grid-template-columns:1fr}.hero-actions .btn{width:100%}.top-actions{display:none}.composer-left-actions{gap:6px;flex-wrap:wrap}.upload-text{max-width:118px}.compact-official .style-card{flex-basis:150px;height:190px}.compact-official .circle-btn{width:40px;height:40px}.card,.recent-results,.compact-official,.invite-mini-card{border-radius:24px!important}.composer-title:after{content:'图片生成';display:block!important;font-size:34px!important;line-height:1.04!important;font-weight:950!important;letter-spacing:-.075em!important;color:#0f172a!important;margin:8px 0 14px!important}.icon-action,.style-picker-inline{height:42px!important;min-height:42px!important;background:#fff!important}.compact-official{padding:16px 0 16px 16px!important;margin:0 0 16px!important;overflow:hidden}.compact-head{padding-right:16px!important}.style-card,.compact-official .style-card{flex:0 0 132px!important;height:166px!important;border-radius:20px!important}.invite-mini-card h2{font-size:22px!important}.invite-mini-card p{font-size:13px!important;line-height:1.5!important}.invite-copy-row .btn{width:100%!important;height:38px!important}.recent-results .result-head{align-items:flex-start!important}.recent-results .result-head h2{font-size:28px!important}.recent-grid.h-scroll-row>.recent-card{flex-basis:190px!important;width:190px!important;min-width:190px!important;max-width:190px!important}.recent-grid.h-scroll-row>.recent-card img,.recent-grid.h-scroll-row>.recent-card button{height:128px!important}.contact-widget,.contact-float{right:14px!important;bottom:92px!important}.contact-widget.is-open{bottom:92px!important}.mobile-generate-bar .btn,.mobile-generate-submit{height:56px!important;border-radius:18px!important;font-size:18px!important;font-weight:950!important}}
@media((max-width:760px)){body{background:#f7f8fb!important;padding-top:58px;padding-bottom:18px!important;font-size:15px}.app-shell{display:block!important;min-height:auto}.sidebar{display:flex!important;position:fixed!important;z-index:1200!important;left:0!important;top:0!important;bottom:0!important;width:min(82vw,310px)!important;height:100dvh!important;background:#f7f7f8!important;border-right:1px solid #e5e7eb!important;border-bottom:0!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;transform:translateX(-105%)!important;transition:transform .22s ease!important;box-shadow:20px 0 55px rgba(15,23,42,.20)!important;overflow-y:auto!important}.workspace{padding-bottom:76px;display:block!important;min-height:0;background:#fff}.topbar{display:none!important}.container{padding:14px 12px 18px!important;width:100%;max-width:none;margin:0;padding-bottom:26px!important}.mobile-top{box-shadow:0 10px 30px rgba(15,23,42,.07)!important;background:rgba(255,255,255,.92);backdrop-filter:blur(18px);position:fixed;top:0;left:0;right:0;z-index:120;display:grid!important;align-items:center!important;justify-content:space-between;gap:8px!important;height:58px!important;padding:8px 12px!important;border-bottom:1px solid rgba(15,23,42,.08);grid-template-columns:42px minmax(0,1fr) auto!important}.mobile-brand{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#111827;font-weight:900;font-size:15px;min-width:0!important;justify-self:start!important}.mobile-brand .brand-mark{width:32px;height:32px;border-radius:11px;font-size:12px;display:none!important}.mobile-brand span:last-child{font-size:17px!important;font-weight:900!important;max-width:120px!important}.mobile-credit{display:inline-flex;align-items:center;gap:5px;white-space:nowrap;border:1px solid #e5e7eb;border-radius:999px;background:#fff;padding:7px 10px;color:#4b5563;font-size:13px;font-weight:800;justify-self:end!important}.mobile-credit b{color:#111827;font-size:16px}.mobile-bottom-nav{position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));z-index:130;display:none!important;grid-template-columns:repeat(4,1fr);gap:3px;padding:7px;border:1px solid rgba(15,23,42,.08);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 18px 50px rgba(15,23,42,.16);backdrop-filter:blur(20px)}.mobile-bottom-nav a{min-width:0;height:52px;border-radius:18px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:#6b7280;font-size:11px;font-weight:900}.mobile-bottom-nav a span{font-size:19px;line-height:1}.mobile-bottom-nav a b{font-size:11px;line-height:1;white-space:nowrap}.mobile-bottom-nav a.active{background:#111827;color:#fff;box-shadow:0 10px 26px rgba(17,24,39,.20)}.mobile-menu-btn{width:40px!important;height:40px!important;border:1px solid #e5e7eb!important;border-radius:14px!important;background:#fff!important;display:grid!important;place-content:center!important;gap:4px!important;box-shadow:0 5px 16px rgba(15,23,42,.06)!important;padding:0!important}.mobile-menu-btn span{display:block!important;width:18px!important;height:2px!important;border-radius:999px!important;background:#111827!important;transition:transform .18s ease,opacity .18s ease!important}body.mobile-sidebar-open .mobile-menu-btn span:nth-child(1){transform:translateY(6px) rotate(45deg)!important}body.mobile-sidebar-open .mobile-menu-btn span:nth-child(2){opacity:0!important}body.mobile-sidebar-open .mobile-menu-btn span:nth-child(3){transform:translateY(-6px) rotate(-45deg)!important}.mobile-drawer-overlay{display:none!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.36)!important;z-index:1100!important;backdrop-filter:blur(3px)!important}body.mobile-sidebar-open .mobile-drawer-overlay{display:block!important}body.mobile-sidebar-open{overflow:hidden!important}body.mobile-sidebar-open .sidebar{transform:translateX(0)!important}.btn{min-height:40px;border-radius:12px}.send-btn{width:42px!important;height:42px!important;border-radius:14px!important;font-size:25px!important;background:#111827!important;box-shadow:0 8px 20px rgba(17,24,39,.18)}.send-btn:disabled{background:#c7c7cc!important;box-shadow:none}.alert{border-radius:16px!important;padding:11px 12px!important;font-size:13px!important}.loading-mask{padding:16px}.loading-card{width:min(92vw,360px)!important;border-radius:22px!important;padding:22px!important}.table-wrap{overflow-x:auto;border-radius:18px}.tab{white-space:nowrap!important;flex:0 0 auto!important}.admin-tabs{position:static;display:flex!important;overflow-x:auto!important;flex-wrap:nowrap!important;padding-bottom:10px}.composer-section{margin:0 0 18px!important;max-width:none}.composer-title{font-size:0!important;margin-top:4px!important;line-height:0!important;margin:0!important}.composer-form{margin-bottom:14px}.composer-box{border-radius:24px!important;padding:13px 12px 11px!important;box-shadow:0 10px 30px rgba(15,23,42,.08)!important;border-color:#e5e7eb!important}.composer-box textarea{min-height:74px!important;padding:2px 4px!important;font-size:16px!important;max-height:142px!important;line-height:1.5!important}.composer-toolbar{padding:9px!important;margin-top:7px!important;align-items:flex-end!important;gap:8px!important}.style-picker-inline{max-width:calc(100vw - 190px);overflow:hidden}.style-picker-inline select{font-size:13px!important;max-width:100px!important;color:#111827!important}.composer-tips{display:flex!important;gap:10px!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:4px;flex-direction:row!important;align-items:center!important;justify-content:space-between!important;padding:8px 4px 0!important;font-size:12px!important}.selected-preview{border-radius:18px!important;margin:0 0 10px!important;padding:9px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important;display:flex!important;align-items:center!important;gap:10px!important}.selected-preview[hidden]{display:none!important}.selected-preview img{width:52px!important;height:52px!important;border-radius:14px!important;object-fit:cover}.selected-preview b{max-width:200px;font-size:13px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-preview small{font-size:12px!important;color:#64748b}.preview-clear{width:30px!important;height:30px!important;border-radius:999px!important;font-size:20px!important}.style-strip{gap:10px!important;overflow-x:auto!important;padding:2px 2px 12px!important;margin:0 -12px!important;padding-left:12px!important;padding-right:12px!important;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.style-card{flex-basis:168px!important;height:162px!important;border-radius:20px!important;width:168px!important;min-height:132px!important}.style-card.is-active{box-shadow:0 0 0 3px rgba(17,24,39,.18)!important;border-color:#111827!important;transform:translateY(-1px)}.style-title{font-size:13px!important;left:10px!important;right:10px!important;bottom:10px!important}.style-index{width:26px;height:26px;min-width:26px;font-size:11px;display:none!important}.style-fav-toggle{width:28px;height:28px;font-size:13px}.style-badge{font-size:11px;padding:4px 7px}.module-head{align-items:center!important;margin-bottom:10px!important}.slider-actions{display:none!important}.hero-copy h1{font-size:27px}.page-hero h1{font-size:24px!important}.hero-stats{grid-template-columns:repeat(3,1fr)!important;margin-top:18px;min-width:0;display:grid!important;gap:8px!important;width:100%}.hero-stats>div{min-width:0!important;padding:10px!important;border-radius:15px!important}.hero-stats b{font-size:20px!important}.hero-stats span{padding:10px;text-align:center;font-size:11px!important}.glass-toolbar{border-radius:18px!important;padding:10px!important;gap:8px!important}.bulk-bar{border-radius:18px!important;padding:10px!important}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.stat-card{min-height:105px!important;border-radius:18px!important;padding:14px!important}.form-grid{grid-template-columns:1fr}.admin-form-grid{grid-template-columns:1fr}.history-card{min-width:170px!important;max-width:170px!important}.history-images img{height:150px}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.recent-card{padding:8px!important;border-radius:16px!important;gap:8px!important}.recent-card button{border-radius:13px!important}.recent-card b{font-size:12px!important}.recent-card small{font-size:11px!important}.result-head{flex-direction:column!important;align-items:flex-start!important;display:flex!important;gap:10px!important}.result-head h2{font-size:19px!important;margin-bottom:3px!important}.result-head .muted{font-size:13px!important;line-height:1.5!important}.result-head .mini-actions{width:100%;display:grid!important;grid-template-columns:1fr 1fr!important}.compare-imgs>div{padding:9px!important;border-radius:18px}.preview{border-radius:15px!important;max-height:62vh!important;object-fit:contain}.result-card .preview{width:100%!important;max-height:260px!important;border-radius:16px!important;object-fit:contain!important}.prompt-details{font-size:13px!important}.prompt-details p{word-break:break-word;line-height:1.65}.task-list{gap:8px!important}.task-row{padding:10px!important;border-radius:15px!important;gap:10px!important}.task-row b{font-size:13px!important}.task-row small{font-size:12px!important}.task-dot{width:9px!important;height:9px!important;box-shadow:0 0 0 6px rgba(37,99,235,.10)!important}.rank-row em{font-size:12px}.ops-grid{grid-template-columns:1fr 1fr}.wide-split{grid-template-columns:1fr}.storage-grid{grid-template-columns:1fr}.invite-copy-row{flex-direction:column;align-items:stretch}.invite-mini-card{display:block}.share-page{padding:14px}.share-card{border-radius:20px;padding:14px}.share-main-img{max-height:62vh}.landing-wrap{padding:12px}.landing-hero{padding:28px 16px}.notification-card{border-radius:16px;padding:14px}.recharge-hero{display:block}.payment-qr{width:150px;margin-top:12px}.package.order-card{min-width:210px}.contact-floating{right:12px!important;bottom:calc(84px + env(safe-area-inset-bottom))!important}.contact-toggle{min-height:40px!important;padding:10px 13px!important;font-size:13px!important}.contact-panel{width:230px!important;bottom:50px!important}.mobile-generate-bar{display:block;position:fixed;left:0;right:0;bottom:0;z-index:80;background:rgba(255,255,255,.92);backdrop-filter:blur(14px);padding:10px 14px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -10px 30px #0001;border-top:1px solid #e5e7eb!important}.mobile-generate-btn{width:100%;height:50px!important;border-radius:18px!important;font-size:15px!important;box-shadow:0 14px 32px rgba(17,24,39,.20)!important}.lightbox{padding:10px!important}.lightbox img{max-height:78vh!important;border-radius:16px!important}.lightbox-close{right:8px!important;top:8px!important}.lightbox-title{left:8px!important;top:8px!important}.toast-box{left:12px;right:12px;top:auto;bottom:86px}.ticket-card{border-radius:16px}.style-fav-toggle{width:28px;height:28px;font-size:13px}.hero-studio{display:block;padding:22px;border-radius:22px}.hero-copy h1{font-size:27px}.mode-tabs{display:flex;width:100%}.mode-tab{flex:1}.studio-composer{padding:14px;border-radius:22px}.prompt-tools{overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px}.h-scroll-wrap{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);max-width:none;padding-left:16px;padding-right:16px;padding-bottom:14px}.force-scroll-wrap{margin-left:-12px!important;margin-right:-12px!important;width:calc(100% + 24px)!important;max-width:none!important;padding-left:12px!important;padding-right:12px!important}.recent-scroll-wrap .recent-card{flex:0 0 168px!important;width:168px!important;max-width:168px!important;min-width:168px!important}.history-scroll-wrap .history-card{flex:0 0 184px!important;width:184px!important;max-width:184px!important;min-width:184px!important}.horizontal-section-hint{font-size:12px;margin-left:2px;margin-bottom:8px}.ui-toast-wrap{bottom:calc(88px + env(safe-area-inset-bottom));width:calc(100% - 28px);align-items:center}.ui-toast{max-width:100%;white-space:normal;text-align:center;border-radius:18px}.home-notice-card{align-items:flex-start;flex-direction:column;padding:15px!important;border-radius:20px!important}.home-notice-card p{font-size:13px}.admin-user-table{min-width:980px}.admin-head-row{flex-direction:column}.card-check{width:28px!important;height:28px!important;top:8px!important;left:8px!important}.activity-item{grid-template-columns:10px minmax(0,1fr)!important}.activity-item em{display:none!important}.history-card{min-width:170px!important;max-width:170px!important}.recent-card .mini-actions{display:grid!important;grid-template-columns:1fr!important}.history-grid,.admin-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.recent-scroll-wrap .recent-card button,.recent-scroll-wrap .recent-card img{height:108px!important}.history-scroll-wrap .image-thumb,.history-scroll-wrap .placeholder-thumb,.history-scroll-wrap .image-thumb img{height:76px!important;min-height:76px!important}.history-scroll-wrap .history-body{padding:8px!important}.history-scroll-wrap .history-body p{font-size:11px!important;line-height:1.35!important;-webkit-line-clamp:2!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.history-scroll-wrap .mini-actions{display:grid!important;grid-template-columns:1fr!important;gap:5px!important}.rank-row,.failure-row{align-items:flex-start}.danger-zone form,.danger-zone .btn{width:100%}.faq-grid,.landing-cards{grid-template-columns:1fr}.mobile-top .mobile-credit{font-size:12px}.two-img.compare-imgs{display:block}.two-img.compare-imgs>div{margin-bottom:12px}.recent-card.force-scroll-card{flex-basis:168px!important;width:168px!important;min-width:168px!important;max-width:168px!important}.recent-card.force-scroll-card img{height:110px!important}.grid3.package-grid{display:flex;overflow-x:auto;gap:12px;padding-bottom:10px}.icon-action,.style-picker-inline{height:38px;min-height:38px!important;padding:6px 9px!important;border:1px solid #e5e7eb!important;background:#f9fafb!important;border-radius:999px!important}.home-notice-card .btn{width:100%;margin-top:4px}.official-module,.card{border-radius:22px!important;padding:16px!important}.module-head h2,.result-head h2,.card h2{font-size:20px!important}.result-head .mini-actions .btn{width:100%!important}.recent-grid.h-scroll-row>.recent-card{flex-basis:166px!important;width:166px!important;min-width:166px!important;max-width:166px!important}.recent-card img,.recent-card button{height:106px!important}.history-grid.h-scroll-row>.history-card,.pro-history-grid.h-scroll-row>.pro-history-card{flex-basis:172px!important;width:172px!important;min-width:172px!important;max-width:172px!important}.admin-tabs .tab{white-space:nowrap;flex:0 0 auto}.table th,.table td{padding:10px 9px!important;font-size:12px!important}.affiliate-hero .invite-copy-row{display:grid;grid-template-columns:1fr}.prompt-tools .btn{white-space:nowrap}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-card div{padding:8px}.draft-box{border-radius:20px 20px 0 0}html,body{width:100%;overflow-x:hidden;background:#fff;-webkit-text-size-adjust:100%}.sidebar,.topbar{display:none!important}.mobile-bottom-nav:has(a:nth-child(5)){grid-template-columns:repeat(5,1fr)}.composer-title:after{content:'上传图片，选择风格';display:block;font-size:24px;line-height:1.18;font-weight:850;letter-spacing:-.045em;color:#111827;margin:8px 2px 12px}.composer-left-actions{display:flex!important;align-items:center!important;gap:7px!important;flex:1 1 auto!important;min-width:0!important;flex-wrap:nowrap!important}.icon-symbol{font-size:20px!important;width:22px!important;height:22px!important}.upload-text{max-width:86px!important;font-size:13px!important}.style-dot{width:16px!important;height:16px!important;border-color:#111827!important}.style-dot:after{background:#111827!important;inset:3px!important}.composer-tips span{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-tips span:last-child{max-width:44%;text-align:right;color:#9ca3af;display:none!important}.compact-official{margin:12px 0 18px!important;max-width:none!important}.compact-head h2,.module-head h2{font-size:20px!important;letter-spacing:-.035em}.style-card,.compact-official .style-card{flex:0 0 118px!important;height:150px!important;border-radius:18px!important;scroll-snap-align:start}.card,.task-center,.recent-results,.result-card{border-radius:22px!important;padding:15px!important;margin:0 0 14px!important;box-shadow:0 8px 24px rgba(15,23,42,.055)!important}.result-head .btn{height:34px!important;padding:0 10px!important;font-size:12px!important;white-space:nowrap}.two-img,.compare-imgs{display:grid!important;grid-template-columns:1fr!important;gap:12px!important}.task-row .btn{display:none!important}.recent-card .btn{height:32px!important;font-size:12px!important;padding:0 8px!important;width:100%;justify-content:center}.history-card,.pro-history-card{border-radius:18px!important}.pro-history-images,.history-images{display:grid!important;grid-template-columns:1fr!important}.pro-history-images .image-thumb img,.admin-history-grid .pro-history-images .image-thumb img,.history-images img{height:128px!important;object-fit:cover!important}.history-card-body,.history-body{padding:10px!important}.history-card h3,.history-title{font-size:13px!important}.history-card p,.history-card small,.history-meta{font-size:11px!important;line-height:1.45!important}.page-hero,.page-hero.slim-hero{padding:16px!important;border-radius:22px!important;margin-bottom:12px!important}.glass-toolbar input,.glass-toolbar select,.glass-toolbar .btn{width:100%!important;min-width:0!important;height:42px!important}.bulk-actions,.mini-actions{width:100%!important}.bulk-actions .btn,.mini-actions .btn,.mini-actions form{flex:1!important}.mini-actions form .btn{width:100%!important}.tabs{display:flex!important;overflow-x:auto!important;gap:8px!important;padding-bottom:8px!important;-webkit-overflow-scrolling:touch}table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap}th,td{font-size:13px!important;padding:10px!important}.form-grid,.grid-2,.dashboard-split{grid-template-columns:1fr!important}.stat-card b{font-size:28px!important}input,select,textarea,button{font-size:16px}.h-scroll-row,.recent-grid.h-scroll-row,.history-grid.h-scroll-row,.pro-history-grid.h-scroll-row{gap:10px!important;min-width:max-content!important}.recent-grid.h-scroll-row > .recent-card,
  .history-grid.h-scroll-row > .history-card,
  .pro-history-grid.h-scroll-row > .pro-history-card{flex-basis:172px!important;width:172px!important;max-width:172px!important;min-width:172px!important;border-radius:16px!important}.recent-grid.h-scroll-row > .recent-card img,
  .recent-grid.h-scroll-row > .recent-card button{height:112px!important;border-radius:14px!important}.recent-grid.h-scroll-row > .recent-card div{padding:8px 2px 0!important}.recent-grid.h-scroll-row > .recent-card b{font-size:12px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.recent-grid.h-scroll-row > .recent-card small{font-size:10px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.recent-grid.h-scroll-row > .recent-card .btn{height:30px!important;min-height:30px!important;font-size:11px!important;padding:0 8px!important;margin-top:6px!important;width:100%!important}.history-grid.h-scroll-row .image-thumb,
  .pro-history-grid.h-scroll-row .image-thumb,
  .history-grid.h-scroll-row .placeholder-thumb,
  .pro-history-grid.h-scroll-row .placeholder-thumb{height:78px!important;min-height:78px!important}.history-grid.h-scroll-row .image-thumb img,
  .pro-history-grid.h-scroll-row .image-thumb img,
  .history-grid.h-scroll-row .history-images img,
  .pro-history-grid.h-scroll-row .pro-history-images img{height:78px!important}.history-grid.h-scroll-row .history-body,
  .pro-history-grid.h-scroll-row .history-body{padding:8px!important}.history-grid.h-scroll-row .history-meta,
  .pro-history-grid.h-scroll-row .history-meta{font-size:10px!important;gap:4px!important}.history-grid.h-scroll-row .history-meta span:not(.badge):last-child,
  .pro-history-grid.h-scroll-row .history-meta span:not(.badge):last-child{display:none!important}.history-grid.h-scroll-row .badge,
  .pro-history-grid.h-scroll-row .badge{font-size:10px!important;padding:3px 6px!important}.history-grid.h-scroll-row .history-body p,
  .pro-history-grid.h-scroll-row .history-body p{font-size:11px!important;-webkit-line-clamp:2!important;margin:5px 0!important}.history-grid.h-scroll-row .mini-actions,
  .pro-history-grid.h-scroll-row .mini-actions{grid-template-columns:1fr!important;gap:5px!important}.history-grid.h-scroll-row .mini-actions .btn,
  .pro-history-grid.h-scroll-row .mini-actions .btn{height:28px!important;min-height:28px!important;font-size:10px!important}.sidebar .brand{display:flex!important;margin-bottom:10px!important}.sidebar .side-nav{display:flex!important;flex-direction:column!important;gap:8px!important;overflow:visible!important;padding:0!important}.sidebar .nav-link{display:flex!important;align-items:center!important;min-height:46px!important;border-radius:15px!important;padding:0 14px!important;font-size:15px!important;font-weight:900!important;background:transparent!important;color:#111827!important;text-decoration:none!important}.sidebar .nav-link:hover,.sidebar .nav-link.admin-link{background:#111827!important;color:#fff!important}.sidebar .sidebar-footer{display:flex!important;margin-top:auto!important}.sidebar .credit-card-mini{padding:13px!important;border-radius:18px!important}.sidebar .credit-card-mini b{font-size:32px!important}.composer-tips span:first-child{max-width:100%!important;color:#6b7280!important}}
@media((max-width:1180px)){.history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media((max-width:860px)){.admin-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.history-images img,.admin-history-grid .history-images img{max-height:126px}}
@media((max-width:560px)){.page-hero h1{font-size:26px}.hero-stats>div{min-width:86px}.glass-toolbar{padding:10px}.bulk-actions{width:100%}.mini-actions{width:100%}.dash-grid{grid-template-columns:1fr}.stat-card{min-height:118px}.history-images{aspect-ratio:16/9}.history-body p{-webkit-line-clamp:3}.recent-grid{grid-template-columns:1fr}.task-row{align-items:flex-start}.todo-cards-row{grid-template-columns:1fr 1fr;gap:10px}.todo-card{padding:14px;border-radius:16px}.todo-card b{font-size:24px}.trend-stack{height:92px}.artwork-main-img{border-radius:18px}.artwork-main{padding:8px}.pay-proof-thumb{width:64px;height:64px}.history-page{padding:0}.history-grid,.admin-history-grid{grid-template-columns:1fr}.history-images img,.admin-history-grid .history-images img{max-height:170px}.glass-toolbar input,.glass-toolbar select,.glass-toolbar .btn{width:100%}.bulk-actions .btn{flex:1}.mini-actions .btn,.mini-actions form{flex:1}.mini-actions form .btn{width:100%}.task-row .btn{display:none}.artwork-page .quick-actions{display:flex;overflow-x:auto;width:100%}}
@media((max-width:1300px)){.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-split{grid-template-columns:1fr}.admin-history-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media((max-width:820px)){.page-hero{flex-direction:column;padding:20px;border-radius:22px}.page-hero h1{font-size:28px}.hero-stats{width:100%}.hero-stats>div{flex:1;min-width:0}.glass-toolbar input{min-width:100%}.bulk-bar{align-items:flex-start}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.lightbox-close{right:6px;top:6px}.lightbox-title{left:10px;top:10px}}
@media((max-width:380px)){.mobile-bottom-nav{left:8px!important;right:8px!important;padding:6px!important;gap:4px!important}.mobile-bottom-nav a{height:40px!important;font-size:12px!important}.mobile-bottom-nav a span{font-size:17px}.mobile-bottom-nav a b{font-size:10px}.style-picker-inline select{max-width:76px!important}.hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.glass-toolbar{grid-template-columns:1fr!important}.style-card,.compact-official .style-card{flex-basis:104px!important;height:134px!important}.recent-grid,.history-grid,.admin-history-grid{grid-template-columns:1fr!important;gap:8px!important}.upload-text{max-width:58px!important}.composer-tips span:last-child{display:none}.recent-card button,.recent-card img{height:96px!important}.pro-history-images .image-thumb,.history-images .image-thumb,.pro-history-images .image-thumb img,.history-images img,.placeholder-thumb{height:78px!important}}
@media((max-width:1024px)){body{padding-top:58px!important;padding-bottom:calc(76px + env(safe-area-inset-bottom))!important;font-size:15px!important}.app-shell{display:block!important;min-height:0!important;width:100%!important}.workspace{display:block!important;background:#fff!important;width:100%!important;min-width:0!important}.container{width:100%!important;max-width:none!important;margin:0!important;padding:14px 12px 20px!important}.mobile-top{position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:9000!important;display:grid!important;align-items:center!important;justify-content:space-between!important;height:58px!important;padding:8px 12px!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(15,23,42,.08)!important;visibility:visible!important;opacity:1!important}.mobile-brand{display:flex!important;align-items:center!important;gap:8px!important;min-width:0!important;text-decoration:none!important;color:#111827!important;font-weight:900!important;font-size:15px!important;line-height:1!important}.mobile-brand .brand-mark{width:32px!important;height:32px!important;border-radius:11px!important;font-size:12px!important;flex:0 0 auto!important}.mobile-brand span:last-child{white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;max-width:130px!important}.mobile-credit{display:flex!important;align-items:center!important;gap:5px!important;white-space:nowrap!important;border:1px solid #e5e7eb!important;border-radius:999px!important;background:#fff!important;padding:7px 10px!important;color:#4b5563!important;font-size:13px!important;font-weight:800!important;line-height:1!important}.mobile-credit b{color:#111827!important;font-size:16px!important}.mobile-bottom-nav{position:fixed!important;left:12px!important;right:12px!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;z-index:1000!important;display:grid!important;gap:6px!important;padding:7px!important;border:1px solid rgba(15,23,42,.10)!important;border-radius:22px!important;background:rgba(255,255,255,.96)!important;box-shadow:0 14px 38px rgba(15,23,42,.18)!important;backdrop-filter:blur(20px)!important}.mobile-bottom-nav a{height:42px!important;min-width:0!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important;color:#667085!important;background:transparent!important;font-size:13px!important;font-weight:900!important;line-height:1!important;white-space:nowrap!important;letter-spacing:-.02em!important}.mobile-bottom-nav a span{font-size:13px!important;line-height:1!important;display:block!important}.mobile-bottom-nav a b{display:none!important}.mobile-bottom-nav a.active{background:#111827!important;color:#fff!important;box-shadow:0 8px 20px rgba(17,24,39,.18)!important}.mobile-menu-btn{display:grid!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.send-btn{width:42px!important;height:42px!important;font-size:25px!important;background:#111827!important}.recent-results{padding:12px!important}.alert{font-size:13px!important;border-radius:14px!important;padding:10px 12px!important}.loading-card{width:min(92vw,360px)!important;padding:20px!important;border-radius:20px!important}.tab{white-space:nowrap!important;flex:0 0 auto!important}.composer-section{margin:0 0 14px!important;max-width:none!important}.composer-title{font-size:0!important;line-height:0!important;margin:0!important}.composer-box{border-radius:22px!important;padding:12px!important;border-color:#e5e7eb!important;box-shadow:0 8px 24px rgba(15,23,42,.07)!important}.composer-box textarea{min-height:70px!important;max-height:130px!important;font-size:16px!important;line-height:1.5!important;padding:2px 4px!important}.composer-toolbar{gap:8px!important;margin-top:6px!important}.style-picker-inline{max-width:calc(100vw - 190px)!important}.style-picker-inline select{max-width:95px!important;font-size:13px!important;color:#111827!important}.composer-tips{font-size:12px!important;padding:8px 2px 0!important;gap:8px!important}.selected-preview{padding:8px!important;margin-bottom:9px!important;border-radius:16px!important;background:#f8fafc!important;border:1px solid #e5e7eb!important}.selected-preview img{width:50px!important;height:50px!important;border-radius:13px!important}.selected-preview b{font-size:13px!important;max-width:190px!important}.selected-preview small{font-size:12px!important}.preview-clear{width:30px!important;height:30px!important}.style-strip{gap:10px!important;margin:0 -12px!important;padding:2px 12px 12px!important;overflow-x:auto!important;scroll-snap-type:x mandatory!important;-webkit-overflow-scrolling:touch!important}.style-title{font-size:12px!important;left:9px!important;right:9px!important;bottom:9px!important}.style-index{display:none!important}.module-head{margin-bottom:8px!important;align-items:center!important}.slider-actions{display:none!important}.page-hero h1{font-size:22px!important;margin:0 0 4px!important}.page-hero .muted{font-size:12px!important;line-height:1.45!important}.hero-stats{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:6px!important}.hero-stats>div{padding:8px 5px!important;border-radius:12px!important}.hero-stats b{font-size:18px!important}.hero-stats span{font-size:10px!important}.glass-toolbar{display:grid!important;grid-template-columns:1fr 96px!important;gap:8px!important;padding:9px!important;border-radius:16px!important;margin-bottom:10px!important}.bulk-bar{padding:8px!important;border-radius:15px!important;margin-bottom:10px!important}.mini-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:5px!important}.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.history-body{padding:8px!important}.history-body p{font-size:11px!important;line-height:1.35!important;margin:6px 0!important;display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important}.history-meta{gap:4px!important;font-size:10px!important;line-height:1.2!important}.history-actions{display:block!important}.recent-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.recent-card{padding:7px!important;border-radius:15px!important;gap:6px!important;min-width:0!important}.recent-card button{height:108px!important;aspect-ratio:auto!important;border-radius:12px!important}.recent-card img{height:108px!important;object-fit:cover!important}.recent-card b{font-size:12px!important;line-height:1.2!important}.recent-card small{font-size:10px!important;line-height:1.2!important}.result-head{gap:8px!important;margin-bottom:10px!important}.result-head h2{font-size:18px!important;margin:0 0 3px!important}.result-head .muted{font-size:12px!important;line-height:1.45!important}.result-card .preview{width:100%!important;max-height:230px!important;object-fit:contain!important;border-radius:14px!important}.lightbox{padding:10px!important}.lightbox img{max-height:78vh!important;border-radius:14px!important}.placeholder-thumb{height:88px!important;display:grid!important;place-items:center!important;font-size:12px!important}.card-check{width:26px!important;height:26px!important;top:6px!important;left:6px!important}.card-check input{width:15px!important;height:15px!important}html,body{width:100%;max-width:100%;overflow-x:hidden;background:#fff;-webkit-text-size-adjust:100%}.sidebar,.topbar{display:none!important;visibility:hidden!important;width:0!important;height:0!important;overflow:hidden!important;padding:0!important;border:0!important}.mobile-bottom-nav.nav-count-4{grid-template-columns:repeat(4,1fr)!important}.mobile-bottom-nav.nav-count-5{grid-template-columns:repeat(5,1fr)!important}.composer-title:after{content:'图片生成';display:block;font-size:24px;line-height:1.18;font-weight:900;letter-spacing:-.045em;color:#111827;margin:6px 2px 12px!important}.composer-left-actions{gap:7px!important;flex-wrap:nowrap!important;min-width:0!important}.icon-action,.style-picker-inline{min-height:36px!important;border:1px solid #e5e7eb!important;background:#f9fafb!important;padding:6px 9px!important;border-radius:999px!important}.upload-text{max-width:76px!important;font-size:13px!important}.composer-tips span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.composer-tips span:last-child{display:none!important}.compact-official{margin:8px 0 14px!important;max-width:none!important;padding:0!important}.module-head h2,.compact-head h2{font-size:19px!important;line-height:1.2!important;font-weight:900!important;letter-spacing:-.04em!important}.style-card,.compact-official .style-card{flex:0 0 112px!important;height:142px!important;border-radius:17px!important;scroll-snap-align:start!important}.card,.task-center,.recent-results,.result-card{border-radius:20px!important;padding:13px!important;margin:0 0 12px!important;box-shadow:0 6px 18px rgba(15,23,42,.045)!important}.result-head .btn{min-height:32px!important;height:32px!important;padding:0 9px!important;font-size:12px!important;white-space:nowrap!important}.two-img,.compare-imgs{grid-template-columns:1fr!important;gap:10px!important}.recent-card .btn{height:30px!important;min-height:30px!important;font-size:12px!important;padding:0 8px!important;width:100%!important}.page-hero,.page-hero.slim-hero{padding:14px!important;border-radius:18px!important;margin-bottom:10px!important}.glass-toolbar input,.glass-toolbar select,.glass-toolbar .btn{width:100%!important;height:38px!important;min-height:38px!important;font-size:13px!important;padding:0 10px!important}.bulk-bar .btn{height:34px!important;min-height:34px!important;font-size:12px!important}.history-grid,.admin-history-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:9px!important}.history-card,.pro-history-card{border-radius:16px!important;overflow:hidden!important}.pro-history-images,.history-images{display:grid!important;grid-template-columns:1fr 1fr!important;min-height:0!important}.pro-history-images .image-thumb,.history-images .image-thumb{height:88px!important;min-height:0!important}.pro-history-images .image-thumb img,.admin-history-grid .pro-history-images .image-thumb img,.history-images img{height:88px!important;width:100%!important;object-fit:cover!important}.history-meta .badge,.status-badge{height:20px!important;padding:0 6px!important;font-size:10px!important}.history-actions .muted{font-size:10px!important;display:block!important;margin-bottom:6px!important}.mini-actions .btn,.mini-actions form .btn{height:30px!important;min-height:30px!important;font-size:11px!important;padding:0 6px!important}.mini-actions form{display:block!important}.dashboard-split,.grid,.grid3,.form-grid,.grid-2{grid-template-columns:1fr!important}.tabs{display:flex!important;overflow-x:auto!important;gap:7px!important;padding-bottom:7px!important}table{display:block!important;width:100%!important;overflow-x:auto!important;-webkit-overflow-scrolling:touch;white-space:nowrap}.sidebar#mobileSidebar{display:flex!important;visibility:visible!important;opacity:1!important;position:fixed!important;z-index:10000!important;left:0!important;top:0!important;bottom:0!important;width:min(84vw,320px)!important;max-width:320px!important;height:100dvh!important;min-height:100vh!important;padding:18px 14px calc(18px + env(safe-area-inset-bottom))!important;background:#f7f7f8!important;border-right:1px solid #e5e7eb!important;box-shadow:24px 0 70px rgba(15,23,42,.24)!important;transform:translate3d(-110%,0,0)!important;transition:transform .22s ease!important;overflow-y:auto!important}body.mobile-sidebar-open .sidebar#mobileSidebar{transform:translate3d(0,0,0)!important;visibility:visible!important;opacity:1!important}.mobile-drawer-overlay#mobileDrawerOverlay{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important;position:fixed!important;inset:0!important;z-index:9990!important;background:rgba(15,23,42,.38)!important;backdrop-filter:blur(3px)!important}body.mobile-sidebar-open .mobile-drawer-overlay#mobileDrawerOverlay{display:block!important;visibility:visible!important;opacity:1!important;pointer-events:auto!important}.sidebar#mobileSidebar .brand,
  .sidebar#mobileSidebar .side-nav,
  .sidebar#mobileSidebar .sidebar-footer{visibility:visible!important;opacity:1!important}.sidebar#mobileSidebar .nav-link{display:flex!important;visibility:visible!important;opacity:1!important}}
@media((min-width:761px)){.mobile-menu-btn,.mobile-drawer-overlay{display:none!important}}
@media((max-width:720px)){.recharge-hero{flex-direction:column;align-items:flex-start}.payment-qr{width:160px;height:160px}.toolbar{flex-direction:column;align-items:stretch}.compact-settings{grid-template-columns:1fr}.task-monitor-page .cron-help-box{padding:12px}.task-monitor-page .cron-help-box pre{font-size:12px}.package-actions .btn{width:100%;text-align:center}.task-monitor-page .page-hero{gap:14px}.task-monitor-page .quick-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.task-monitor-page .quick-actions .btn,.task-monitor-page .quick-actions form{width:100%}.task-monitor-page .quick-actions button{width:100%}}
@media((max-width:900px)){.todo-cards-row{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-bars{overflow-x:auto;display:flex;padding-bottom:8px}.trend-day{flex:0 0 92px}.artwork-layout{grid-template-columns:1fr}.artwork-side{position:static}.artwork-main-img{max-height:68vh}.inline-form{width:100%}.risk-center-page .rank-row{display:grid;grid-template-columns:1fr;gap:8px}}

/* =========================================================
   DESIGN SYSTEM UPGRADE
   ========================================================= */
:root{
  /* 间距系统 */
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 20px;
  --space-6: 24px;
  --space-8: 32px;
  --space-10: 40px;
  --space-12: 48px;

  /* 动画系统 */
  --duration-fast: 150ms;
  --duration-normal: 200ms;
  --duration-slow: 300ms;
  --ease-default: cubic-bezier(0.4, 0, 0.2, 1);
  --ease-in: cubic-bezier(0.4, 0, 1, 1);
  --ease-out: cubic-bezier(0, 0, 0.2, 1);
  --ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
}

:focus-visible{
  outline: 3px solid var(--primary);
  outline-offset: 2px;
}

/* 最近结果卡片修复 */
.recent-grid.h-scroll-row > .recent-card button.recent-card-preview,
.recent-card button.recent-card-preview{
  display:block!important;
  width:100%!important;
  height:140px!important;
  overflow:hidden!important;
  border:0!important;
  border-radius:14px!important;
  background:#f3f4f6!important;
  padding:0!important;
  cursor:pointer!important;
  aspect-ratio:auto!important;
}
.recent-card-preview img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}

/* 性能优化 */
.style-card,
.recent-card,
.history-card{
  will-change: transform, box-shadow;
}
.style-card:hover,
.recent-card:hover,
.history-card:hover{
  will-change: auto;
}

/* 移动端导航清理：未使用的底部导航强制隐藏 */
.mobile-bottom-nav{display:none!important}

@media(max-width:380px){
  .recent-grid.h-scroll-row > .recent-card button.recent-card-preview,
  .recent-card button.recent-card-preview{
    height:96px!important;
  }
}

@media(max-width:760px),(max-device-width:760px){
  body.is-auth-page{
    padding:0!important;
    background:#f8fafc!important;
  }
  body.is-auth-page .app-shell{
    display:block!important;
    width:100%!important;
    min-height:100dvh!important;
  }
  body.is-auth-page .sidebar,
  body.is-auth-page .topbar,
  body.is-auth-page .mobile-top,
  body.is-auth-page .mobile-bottom-nav{
    display:none!important;
    visibility:hidden!important;
  }
  body.is-auth-page .sidebar#mobileSidebar{
    display:none!important;
    visibility:hidden!important;
    width:0!important;
    height:0!important;
    min-height:0!important;
    padding:0!important;
    border:0!important;
    box-shadow:none!important;
    transform:none!important;
  }
  body.is-auth-page .workspace{
    display:block!important;
    min-height:100dvh!important;
    padding:0!important;
    background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)!important;
  }
  body.is-auth-page .container{
    width:100%!important;
    max-width:none!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-start!important;
    justify-content:center!important;
    margin:0!important;
    padding:calc(28px + env(safe-area-inset-top)) 12px calc(24px + env(safe-area-inset-bottom))!important;
  }
  .auth-card{
    width:100%!important;
    max-width:none!important;
    margin:0 auto!important;
    padding:22px 16px!important;
    border-radius:20px!important;
  }
  .auth-card h1{
    font-size:32px!important;
    line-height:1.08!important;
    margin:0 0 10px!important;
  }
  .auth-card .muted{
    font-size:13px!important;
    line-height:1.65!important;
  }
  .auth-head{
    gap:12px!important;
    margin-bottom:16px!important;
  }
  .auth-logo{
    width:40px!important;
    height:40px!important;
    flex-basis:40px!important;
    border-radius:14px!important;
  }
  .auth-form{
    margin-top:16px!important;
  }
  .auth-card .form-group{
    margin-bottom:14px!important;
  }
  .auth-card label{
    font-size:13px!important;
    margin-bottom:7px!important;
  }
  .auth-card input,
  .auth-card select,
  .auth-card textarea{
    min-height:44px!important;
    font-size:16px!important;
    border-radius:13px!important;
    padding:11px 13px!important;
  }
  .auth-card .btn{
    width:100%!important;
    min-height:44px!important;
    border-radius:13px!important;
    font-size:14px!important;
  }
  .auth-tip{
    text-align:center!important;
    font-size:13px!important;
    margin-top:12px!important;
  }
  .auth-divider{
    margin:18px 0 12px!important;
  }
}