:root{--bg:#050505;--panel:#111;--panel2:#171717;--text:#f5f5f5;--muted:#a3a3a3;--line:#2a2a2a;--gold:#d6a84f;--gold2:#ffd36e;--red:#ff5c5c;--green:#4ade80}[hidden]{display:none!important}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at top,#1b1b1b,#050505 45%);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}a{color:inherit;text-decoration:none}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:18px 6vw;background:rgba(5,5,5,.88);backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.brand{font-size:22px;font-weight:800;letter-spacing:.08em;display:flex;align-items:center;gap:10px}.brand-logo{height:34px;width:auto;border-radius:6px}.site-header nav{display:flex;gap:18px;align-items:center}.site-header nav a,.inline-form button{color:var(--muted);background:none;border:0;font-size:14px;cursor:pointer}.site-header nav a:hover,.inline-form button:hover{color:var(--text)}.nav-button{padding:9px 14px;border:1px solid var(--gold);border-radius:999px;color:var(--gold2)!important}.inline-form{display:inline}.container{width:min(1180px,88vw);margin:0 auto;min-height:calc(100vh - 140px)}.site-footer{text-align:center;color:var(--muted);padding:32px}.hero{display:grid;grid-template-columns:1.5fr .8fr;gap:40px;align-items:center;padding:86px 0}.eyebrow{color:var(--gold2);text-transform:uppercase;letter-spacing:.2em}.hero h1{font-size:56px;line-height:1.08;margin:12px 0}.hero-text{font-size:18px;color:var(--muted);max-width:700px}.hero-card,.card,.panel,.auth-card,.stat{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}.hero-card{padding:40px;text-align:center}.hero-card strong{display:block;font-size:88px;color:var(--gold2)}.actions{display:flex;gap:14px;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:11px 20px;border:1px solid var(--line);font-weight:700;cursor:pointer}.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border:0}.btn.ghost{background:#0b0b0b;color:var(--text)}.section{padding:34px 0}.section-title{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:22px}.section-title h1,.section-title h2{margin:0;font-size:34px}.section-title p,.muted{color:var(--muted)}.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.card,.panel,.stat{padding:24px}.card h3{margin:12px 0}.tag{display:inline-block;color:var(--gold2);font-size:12px;border:1px solid #4a3a1d;border-radius:999px;padding:4px 10px}.stat span{color:var(--muted)}.stat strong{display:block;font-size:32px;margin-top:10px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:18px}.list-item{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-bottom:1px solid var(--line);color:var(--muted)}.list-item em{font-style:normal;color:var(--gold2)}.auth-card{width:min(440px,100%);margin:70px auto;padding:30px}.form{display:grid;gap:16px}.form label{display:grid;gap:8px;color:var(--muted);font-size:14px}.form input,.form textarea,.form select{width:100%;border:1px solid var(--line);border-radius:14px;background:#080808;color:var(--text);padding:13px 14px;outline:none}.form input:focus,.form textarea:focus,.form select:focus{border-color:var(--gold)}.wide{max-width:900px}.checkbox{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.checkbox input{width:auto}.compact-form{grid-template-columns:1fr 1fr 2fr auto;align-items:end}.alert{margin-top:20px;border-radius:16px;padding:14px 18px}.alert.success{background:rgba(74,222,128,.12);border:1px solid rgba(74,222,128,.35);color:var(--green)}.alert.error,.error-text{background:rgba(255,92,92,.12);border:1px solid rgba(255,92,92,.35);color:var(--red)}.error-text{padding:10px;border-radius:12px}.result-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.result-card img{width:100%;border-radius:18px;margin:14px 0;border:1px solid var(--line)}.text-result{margin-top:14px;padding:14px;border-radius:16px;background:#080808;border:1px solid var(--line);color:var(--text);line-height:1.8;white-space:normal}.generate-workspace{display:grid;grid-template-columns:360px minmax(0,1fr);gap:22px;align-items:start}.generate-sidebar{position:sticky;top:92px}.main-design-sidebar{max-height:calc(100vh - 116px);overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:rgba(255,211,110,.42) rgba(255,255,255,.04)}.main-design-sidebar::-webkit-scrollbar{width:10px}.main-design-sidebar::-webkit-scrollbar-track{background:rgba(255,255,255,.04);border-radius:999px}.main-design-sidebar::-webkit-scrollbar-thumb{background:linear-gradient(180deg,rgba(255,211,110,.5),rgba(214,168,79,.28));border-radius:999px;border:2px solid rgba(0,0,0,.18)}.main-design-sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,rgba(255,211,110,.7),rgba(214,168,79,.42))}.generate-sidebar h2,.generate-result-panel h2{margin-top:0}.upload-box{padding:14px;border:1px dashed #4a3a1d;border-radius:18px;background:rgba(214,168,79,.06)}.upload-box p{margin:8px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.generate-result-panel{min-height:620px}.result-header{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:18px}.result-header small{color:var(--muted)}.empty-result,.generating-result{min-height:460px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:22px;background:radial-gradient(circle at center,rgba(214,168,79,.09),#080808 58%);overflow:hidden;position:relative}.empty-result strong,.generating-result strong{color:var(--text);font-size:22px}.idle-visual{position:relative;width:120px;height:120px;margin-bottom:22px}.idle-visual span{position:absolute;inset:0;border:1px solid rgba(214,168,79,.45);border-radius:32px;animation:floatCard 4s ease-in-out infinite}.idle-visual span:nth-child(2){inset:18px;animation-delay:.4s}.idle-visual span:nth-child(3){inset:36px;background:linear-gradient(135deg,var(--gold),var(--gold2));box-shadow:0 0 50px rgba(255,211,110,.22);animation-delay:.8s}.generating-result[hidden]{display:none}.ai-orbit{width:150px;height:150px;border-radius:50%;position:relative;margin-bottom:26px;background:radial-gradient(circle,var(--gold2) 0 10px,rgba(214,168,79,.12) 11px 42px,transparent 43px)}.ai-orbit:before{content:"";position:absolute;inset:14px;border:1px solid rgba(255,211,110,.35);border-top-color:var(--gold2);border-radius:50%;animation:spin 1.3s linear infinite}.ai-orbit:after{content:"";position:absolute;inset:-10px;border:1px dashed rgba(214,168,79,.28);border-radius:50%;animation:spin 5s linear infinite reverse}.ai-orbit i{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--gold2);box-shadow:0 0 22px rgba(255,211,110,.8)}.ai-orbit i:nth-child(1){left:50%;top:0}.ai-orbit i:nth-child(2){right:8px;bottom:26px}.ai-orbit i:nth-child(3){left:8px;bottom:26px}.loading-steps{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-top:18px}.loading-steps span{padding:7px 10px;border-radius:999px;background:#111;border:1px solid var(--line);color:var(--gold2);font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatCard{0%,100%{transform:translateY(0) rotate(0);opacity:.72}50%{transform:translateY(-10px) rotate(6deg);opacity:1}}.result-detail{display:grid;gap:18px}.prompt-preview{padding:16px;border-radius:16px;background:#080808;border:1px solid var(--line);color:var(--muted)}.prompt-preview strong,.input-image-preview strong{display:block;color:var(--gold2);margin-bottom:8px}.input-image-preview img{max-width:360px;width:100%;border-radius:18px;border:1px solid var(--line)}.image-result-large img{width:100%;max-height:640px;object-fit:contain;border-radius:22px;border:1px solid var(--line);background:#050505}.large-text-result{font-size:16px}.mini-preview-wrap{padding:14px;border:1px solid var(--line);border-radius:18px;background:#080808}.mini-preview-button{display:block;width:132px;height:132px;padding:0;border:1px solid rgba(255,211,110,.28);border-radius:18px;background:#050505;overflow:hidden;cursor:zoom-in}.mini-preview-button img{width:100%;height:100%;object-fit:contain}.mini-preview-wrap p{margin:8px 0 0;color:var(--muted);font-size:12px}.mini-preview-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}.mini-preview-actions p{margin:0}.text-danger-button{border:1px solid rgba(255,92,92,.35);background:rgba(255,92,92,.1);color:var(--red);border-radius:999px;padding:6px 10px;cursor:pointer;font-size:12px}.text-danger-button:hover{background:rgba(255,92,92,.18)}.image-preview-modal{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:40px;background:rgba(0,0,0,.86);backdrop-filter:blur(12px)}.image-preview-modal[hidden]{display:none}.image-preview-stage{display:flex;align-items:center;justify-content:center;gap:18px;max-width:min(1100px,94vw)}.image-preview-modal img{max-width:min(920px,82vw);max-height:82vh;border-radius:24px;border:1px solid rgba(255,211,110,.24);background:#080808;box-shadow:0 30px 120px rgba(0,0,0,.72)}.image-preview-close{position:absolute;right:32px;top:28px;border:1px solid var(--line);background:#111;color:var(--text);border-radius:999px;padding:10px 16px;cursor:pointer}.image-preview-counter{position:absolute;left:32px;top:28px;padding:10px 14px;border:1px solid rgba(255,211,110,.22);border-radius:999px;background:rgba(8,8,8,.92);color:var(--gold2);font-size:13px;font-weight:700}.image-preview-nav-stack{display:flex;flex-direction:column;gap:12px}.image-preview-nav{width:52px;height:52px;border:1px solid rgba(255,211,110,.28);border-radius:18px;background:linear-gradient(145deg,#151515,#080808);color:var(--gold2);font-size:24px;font-weight:700;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.image-preview-nav:hover:not(:disabled){transform:translateY(-1px);border-color:rgba(255,211,110,.52);background:linear-gradient(145deg,rgba(214,168,79,.18),rgba(255,211,110,.08))}.image-preview-nav:disabled{opacity:.38;cursor:not-allowed}.main-design-workspace{grid-template-columns:340px minmax(0,1fr)}.main-design-result-panel{min-height:620px}.price-card strong{font-size:32px;color:var(--gold2)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;color:var(--muted)}th,td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{color:var(--text)}.new-create-page{padding-top:52px}.create-hero-panel{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) 420px;gap:34px;align-items:center;min-height:430px;padding:42px;border:1px solid rgba(214,168,79,.18);border-radius:34px;background:radial-gradient(circle at 18% 18%,rgba(255,211,110,.16),transparent 34%),linear-gradient(145deg,#101010,#050505 65%);box-shadow:0 32px 120px rgba(0,0,0,.48);overflow:hidden}.create-hero-panel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(120deg,transparent,rgba(255,211,110,.22),transparent);opacity:.36;pointer-events:none}.create-hero-copy{position:relative;z-index:1}.create-hero-copy h1{font-size:52px;line-height:1.08;margin:14px 0}.create-hero-copy p:not(.eyebrow){max-width:690px;color:var(--muted);font-size:17px;line-height:1.9}.create-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.create-hero-visual{position:relative;height:330px}.visual-card{position:absolute;border:1px solid rgba(255,211,110,.22);background:linear-gradient(145deg,rgba(23,23,23,.96),rgba(8,8,8,.96));box-shadow:0 30px 90px rgba(0,0,0,.55);backdrop-filter:blur(12px)}.visual-card-main{inset:34px 34px 34px 42px;border-radius:34px;display:flex;flex-direction:column;justify-content:center;align-items:center}.visual-card-main span{color:var(--gold2);letter-spacing:.22em;font-size:12px}.visual-card-main strong{font-size:92px;line-height:1;color:var(--gold2);text-shadow:0 0 38px rgba(255,211,110,.28)}.visual-card-main small{color:var(--muted)}.visual-card-sub{padding:14px 18px;border-radius:18px;color:var(--text)}.visual-card-sub.top{right:0;top:8px}.visual-card-sub.bottom{left:0;bottom:8px}.create-section-title{margin-top:38px}.premium-tool-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.premium-tool-card{position:relative;min-height:260px;padding:24px;border:1px solid rgba(255,255,255,.08);border-radius:28px;background:linear-gradient(180deg,#151515,#090909);color:var(--text);text-align:left;cursor:pointer;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.42);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.premium-tool-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 0,rgba(255,211,110,.12),transparent 38%);opacity:.75}.premium-tool-card:hover{transform:translateY(-8px);border-color:rgba(255,211,110,.42);box-shadow:0 34px 110px rgba(214,168,79,.14)}.premium-active-tool{background:radial-gradient(circle at 80% 0,rgba(255,211,110,.22),transparent 42%),linear-gradient(180deg,#1b160c,#090909);border-color:rgba(255,211,110,.52)}.tool-status{position:relative;z-index:1;display:inline-flex;padding:6px 10px;border-radius:999px;background:#0d0d0d;border:1px solid var(--line);color:var(--muted);font-size:12px}.tool-status.online{color:#111;background:linear-gradient(135deg,var(--gold),var(--gold2));border:0;font-weight:800}.tool-icon{position:relative;z-index:1;width:58px;height:58px;margin-top:24px;border-radius:18px;background:linear-gradient(135deg,#242424,#0c0c0c);border:1px solid rgba(255,255,255,.08)}.tool-icon i{position:absolute;inset:15px;border-radius:10px;background:linear-gradient(135deg,rgba(214,168,79,.2),rgba(255,211,110,.75));box-shadow:0 0 28px rgba(255,211,110,.25)}.tool-icon.active{background:linear-gradient(135deg,var(--gold),var(--gold2))}.tool-icon.active i{background:#111;box-shadow:none}.premium-tool-card h3{position:relative;z-index:1;margin:18px 0 10px;font-size:23px}.premium-tool-card p{position:relative;z-index:1;margin:0;color:var(--muted);line-height:1.75}.premium-tool-card b,.premium-tool-card strong{position:relative;z-index:1;display:inline-flex;margin-top:22px;color:var(--gold2);font-size:14px}.premium-tool-card b{color:#777;font-weight:600}.image-studio-page{min-height:calc(100vh - 96px);padding:24px 0 118px}.image-studio-canvas{min-height:calc(100vh - 230px);display:flex;flex-direction:column;gap:22px}.image-history-stack{display:grid;gap:18px}.image-history-list,.image-pending-list{display:grid;gap:18px}.image-history-loading{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border:1px dashed var(--line);border-radius:18px;background:rgba(255,255,255,.02);color:var(--muted)}.image-history-footer{display:grid;gap:10px;justify-items:center;padding-bottom:12px}.image-history-footer .image-history-loading{width:100%}.history-sentinel{width:100%;height:1px}.history-more-button{min-width:220px}.history-end{margin:0}.image-studio-empty{flex:1;min-height:420px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--muted);border:1px dashed var(--line);border-radius:28px;background:radial-gradient(circle at center,rgba(214,168,79,.08),#080808 58%)}.image-studio-empty strong{font-size:24px;color:var(--text)}.image-composer{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);z-index:30;width:min(980px,92vw);display:grid;gap:10px;padding:12px;border:1px solid rgba(255,211,110,.18);border-radius:28px;background:rgba(10,10,10,.92);backdrop-filter:blur(18px);box-shadow:0 24px 90px rgba(0,0,0,.55)}.composer-top-row{display:flex;align-items:flex-end;gap:12px}.image-add-button{flex:0 0 auto;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,211,110,.35);background:linear-gradient(135deg,#1c1c1c,#090909);color:var(--gold2);font-size:28px;line-height:1;cursor:pointer}.composer-preview-list{display:flex;gap:8px;max-width:100%;overflow-x:auto}.composer-thumb{position:relative;flex:0 0 auto;width:54px;height:54px;border-radius:14px;overflow:hidden;border:1px solid var(--line);background:#050505}.composer-thumb img{width:100%;height:100%;object-fit:cover}.composer-thumb button{position:absolute;right:3px;top:3px;width:18px;height:18px;border-radius:50%;border:0;background:rgba(0,0,0,.72);color:#fff;line-height:18px;opacity:0;cursor:pointer}.composer-thumb:hover button{opacity:1}.image-composer textarea{flex:1;width:100%;min-height:48px;max-height:140px;resize:none;border:1px solid var(--line);border-radius:18px;background:#080808;color:var(--text);padding:13px 14px;outline:none}.image-studio-submit-notice{margin:0;padding:0 4px;font-size:13px;line-height:1.5}.image-studio-submit-notice.error-text{padding:10px 12px}.composer-options{display:flex;align-items:center;gap:8px;justify-content:flex-end}.composer-options select{height:38px;border:1px solid var(--line);border-radius:12px;background:#080808;color:var(--text);padding:0 10px;outline:none}.composer-submit{flex:0 0 auto;border:0;border-radius:14px;padding:10px 20px;background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;font-weight:800;cursor:pointer}.image-result-card{padding:18px;border:1px solid var(--line);border-radius:24px;background:#0b0b0b;display:grid;gap:14px}.image-param-line{display:flex;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:13px}.image-param-line span{padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:#080808}.generated-image-preview{width:240px;max-width:100%;padding:0;border:1px solid rgba(255,211,110,.22);border-radius:18px;background:#050505;overflow:hidden;cursor:zoom-in;justify-self:start}.generated-image-preview img{display:block;width:100%;height:auto;max-height:240px;object-fit:contain}.image-preview-download{position:absolute;right:104px;top:28px;border:1px solid rgba(255,211,110,.35);background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border-radius:999px;padding:10px 16px;font-weight:800}.pending-result{display:flex;justify-content:center}.image-task-card{padding:18px;border:1px solid var(--line);border-radius:22px;background:#0b0b0b}.image-task-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px;margin-bottom:12px}.image-task-thumbs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:12px}.image-task-thumbs img{width:76px;height:76px;border-radius:14px;border:1px solid var(--line);object-fit:cover;background:#050505}.lazy-image-shell{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--line);background:#050505}.lazy-image-shell.thumb{width:76px;height:76px;border-radius:14px}.lazy-image-shell.result{width:100%;min-height:240px;border-radius:18px}.lazy-image-shell img{display:block;width:100%;height:100%;object-fit:cover;background:#050505;opacity:0;transition:opacity .22s ease}.lazy-image-shell.result img{object-fit:contain;max-height:240px}.lazy-image-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,rgba(255,255,255,.03),rgba(255,211,110,.06),rgba(255,255,255,.03));background-size:200% 100%;animation:lazyShimmer 1.5s linear infinite;pointer-events:none}.lazy-image-spinner{width:22px;height:22px;border-radius:50%;border:2px solid rgba(255,211,110,.2);border-top-color:var(--gold2);animation:spin .9s linear infinite}.lazy-image-shell.is-ready img{opacity:1}.lazy-image-shell.is-ready .lazy-image-placeholder{display:none}.lazy-image-shell.is-error .lazy-image-placeholder{background:rgba(255,92,92,.08)}@keyframes lazyShimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.image-task-prompt-wrap{display:grid;gap:8px}.image-task-prompt{color:var(--text);line-height:1.7;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;cursor:help}.image-task-prompt-popover{display:none;max-height:calc(1.7em * 5);overflow-y:auto;padding:12px 14px;border:1px solid rgba(255,211,110,.16);border-radius:16px;background:#080808;color:var(--text);line-height:1.7;box-shadow:0 16px 36px rgba(0,0,0,.28)}.image-task-prompt-wrap:hover .image-task-prompt-popover,.image-task-prompt-wrap:focus-within .image-task-prompt-popover{display:block}.image-task-prompt-popover::-webkit-scrollbar{width:8px}.image-task-prompt-popover::-webkit-scrollbar-thumb{background:rgba(255,211,110,.28);border-radius:999px}.history-use-prompt-button{border:1px solid rgba(255,211,110,.28);border-radius:999px;background:rgba(214,168,79,.08);color:var(--gold2);padding:6px 12px;font-size:13px;font-weight:700;cursor:pointer}.history-use-prompt-button:hover{background:rgba(214,168,79,.16);border-color:rgba(255,211,110,.45)}.two-line-clamp{-webkit-line-clamp:2}.form-static-field{display:grid;gap:8px}.field-label{color:var(--muted);font-size:14px}.ratio-picker{position:relative}.ratio-picker-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--line);border-radius:14px;background:#080808;color:var(--text);padding:13px 14px;cursor:pointer}.ratio-picker-trigger:hover,.ratio-picker.is-open .ratio-picker-trigger{border-color:var(--gold)}.ratio-picker-menu{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;display:grid;gap:8px;padding:10px;border:1px solid var(--line);border-radius:16px;background:#0b0b0b;box-shadow:0 24px 80px rgba(0,0,0,.45)}.ratio-picker-option{display:flex;align-items:center;justify-content:flex-start;width:100%;border:1px solid transparent;border-radius:12px;background:#080808;color:var(--text);padding:10px 12px;cursor:pointer}.ratio-picker-option:hover,.ratio-picker-option.is-active{border-color:rgba(255,211,110,.45);background:rgba(214,168,79,.08)}.ratio-option-content{display:flex;align-items:center;gap:10px}.ratio-outline{display:inline-block;width:var(--ratio-box-w,26px);height:var(--ratio-box-h,26px);border:1.5px solid rgba(255,211,110,.92);border-radius:4px;background:transparent;flex:0 0 auto}.ratio-preview-box{transition:width .18s ease,height .18s ease}.ratio-picker-arrow{color:var(--gold2);font-size:14px;transition:transform .18s ease}.ratio-picker.is-open .ratio-picker-arrow{transform:rotate(180deg)}.generated-image-wrap{display:flex;flex-direction:column;align-items:center;gap:16px;padding:22px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,#0d0d0d,#060606);min-height:420px}.generated-image-wrap>img{max-width:100%;max-height:720px;border-radius:24px;border:1px solid rgba(255,211,110,.18);object-fit:contain}.image-waiting-square{width:min(300px,72vw);min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;border:1px dashed rgba(255,211,110,.28);border-radius:22px;background:radial-gradient(circle at center,rgba(214,168,79,.1),#080808 62%);color:var(--muted);padding:28px}.image-waiting-square .ai-orbit{width:104px;height:104px;margin-bottom:8px;background:radial-gradient(circle,var(--gold2) 0 8px,rgba(214,168,79,.12) 9px 28px,transparent 29px)}.image-waiting-square .ai-orbit:before{inset:10px}.image-waiting-square .ai-orbit:after{inset:-8px}.image-waiting-square .ai-orbit i{width:10px;height:10px}.image-waiting-square .ai-orbit i:nth-child(2){right:6px;bottom:18px}.image-waiting-square .ai-orbit i:nth-child(3){left:6px;bottom:18px}.image-waiting-square strong{font-size:18px;line-height:1.2}.lingya-inline-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.lingya-count-field{display:grid;gap:10px}.lingya-count-inline{display:flex;align-items:center;justify-content:space-between;gap:14px}.lingya-count-inline-label{display:block;margin:0;color:var(--muted);font-size:14px}.lingya-count-input-wrap{display:flex;align-items:center;justify-content:flex-end}.lingya-count-input-wrap input{max-width:96px;height:44px;text-align:center}.lingya-history-toolbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;margin-bottom:18px;padding:0 2px 18px;border-bottom:1px solid var(--line)}.lingya-history-filters{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}.lingya-filter-field{display:grid;gap:8px;min-width:200px;color:var(--muted);font-size:13px}.lingya-filter-select{position:relative;display:block}.lingya-filter-select:after{content:"";position:absolute;right:16px;top:50%;width:10px;height:10px;border-right:1.5px solid rgba(255,211,110,.88);border-bottom:1.5px solid rgba(255,211,110,.88);transform:translateY(-62%) rotate(45deg);pointer-events:none}.lingya-filter-select select{appearance:none;-webkit-appearance:none;width:100%;padding:12px 42px 12px 14px;border:1px solid rgba(255,211,110,.14);border-radius:16px;background:linear-gradient(145deg,#111,#090909);color:var(--text)!important;-webkit-text-fill-color:var(--text);color-scheme:dark;box-shadow:inset 0 1px 0 rgba(255,255,255,.03),0 10px 24px rgba(0,0,0,.18)}.lingya-filter-select select:focus{border-color:rgba(255,211,110,.48);box-shadow:0 0 0 3px rgba(214,168,79,.12),inset 0 1px 0 rgba(255,255,255,.03)}.form select option,.lingya-filter-select select option{background:#111;color:var(--text)}.form select option:checked,.lingya-filter-select select option:checked{background:#1a1a1a;color:var(--text)}.lingya-history-workspace{display:grid;gap:18px}.lingya-result-stack{display:grid;gap:18px}.lingya-result-card{align-items:start}.lingya-task-summary{display:flex;gap:14px;align-items:flex-start}.lingya-task-preview{display:block;flex:0 0 88px;width:88px;height:88px;padding:0;border:1px solid rgba(255,211,110,.22);border-radius:16px;background:#050505;overflow:hidden;cursor:zoom-in}.lingya-task-preview .lazy-image-shell{width:100%;height:100%;border:0;border-radius:inherit;background:#050505}.lingya-task-preview .lazy-image-placeholder{border-radius:inherit}.lingya-task-preview .lazy-image-shell img{display:block;width:100%;height:100%;object-fit:contain;background:#050505}.lingya-task-content{min-width:0;flex:1 1 auto;display:grid;gap:10px}.lingya-task-text-block{width:100%;display:grid;gap:8px}.lingya-copy-button{border:1px solid rgba(255,211,110,.24);border-radius:999px;background:linear-gradient(145deg,rgba(214,168,79,.12),rgba(255,211,110,.06));color:var(--gold2);padding:6px 12px;font-size:12px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:transform .18s ease,border-color .18s ease,background .18s ease}.lingya-copy-button:hover{transform:translateY(-1px);border-color:rgba(255,211,110,.48);background:linear-gradient(145deg,rgba(214,168,79,.22),rgba(255,211,110,.1))}.lingya-task-text{color:var(--text);line-height:1.8;white-space:normal;word-break:break-word}.lingya-task-text-popover{max-height:min(60vh,560px)}.lingya-task-params{margin-top:-2px;align-items:center}.lingya-task-param-actions{margin-left:auto;display:flex;padding:0!important;border:0!important;background:transparent!important}.lingya-result-gallery{display:grid;grid-template-columns:repeat(var(--lingya-gallery-columns,4),minmax(0,1fr));gap:10px}.lingya-gallery-item,.lingya-gallery-placeholder{width:100%;min-width:0;border-radius:18px;overflow:hidden}.lingya-gallery-item{padding:0;border:0;background:transparent;cursor:zoom-in;display:block;appearance:none;-webkit-appearance:none;line-height:0}.lingya-gallery-item .lazy-image-shell{position:relative;display:block;width:100%;border:1px solid rgba(255,211,110,.18);border-radius:inherit;background:#050505;overflow:hidden}.lingya-gallery-item .lazy-image-shell.is-loading{aspect-ratio:1/1}.lingya-gallery-item .lazy-image-shell.is-ready{aspect-ratio:auto}.lingya-gallery-item .lazy-image-placeholder{border-radius:inherit}.lingya-gallery-item .lazy-image-shell img{display:block;width:100%;height:auto;max-height:none;border-radius:inherit;object-fit:initial;object-position:center center;background:#050505}.lingya-gallery-placeholder{display:flex;align-items:center;justify-content:center;aspect-ratio:1/1;border:1px solid rgba(255,211,110,.18);background:radial-gradient(circle at center,rgba(214,168,79,.1),#080808 70%)}.lingya-pending-gallery .lingya-gallery-placeholder{border-style:dashed}.lingya-gallery-placeholder .ai-orbit{width:64px;height:64px;margin:0;background:radial-gradient(circle,var(--gold2) 0 6px,rgba(214,168,79,.12) 7px 18px,transparent 19px)}.lingya-gallery-placeholder .ai-orbit:before{inset:7px}.lingya-gallery-placeholder .ai-orbit:after{inset:-6px}.lingya-gallery-placeholder .ai-orbit i{width:7px;height:7px}.lingya-pending-card .ai-orbit{width:84px;height:84px;margin:0;background:radial-gradient(circle,var(--gold2) 0 7px,rgba(214,168,79,.12) 8px 24px,transparent 25px)}.lingya-pending-card .ai-orbit:before{inset:8px}.lingya-pending-card .ai-orbit:after{inset:-6px}.lingya-pending-card .ai-orbit i{width:8px;height:8px}.lingya-pending-status{display:flex;align-items:center;justify-content:center;padding:0;border:0;background:transparent}.lingya-prompt-result-block{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:var(--panel2);border:1px solid var(--line);border-radius:12px;margin-top:4px}.lingya-prompt-result-text{flex:1;font-size:14px;line-height:1.7;color:var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-word;white-space:pre-wrap}.lingya-prompt-result-block:hover .lingya-prompt-result-text{-webkit-line-clamp:unset;overflow:visible}.lingya-prompt-result-copy{flex-shrink:0;padding:6px 14px;border:1px solid var(--gold);border-radius:8px;background:transparent;color:var(--gold2);font-size:13px;cursor:pointer;white-space:nowrap;transition:background .2s,color .2s}.lingya-prompt-result-copy:hover{background:var(--gold);color:#111}.lingya-gallery-failed{display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;padding:14px;text-align:center;background:radial-gradient(circle at center,rgba(255,92,92,.18),#080808 72%);border-color:rgba(255,92,92,.3)}.lingya-gallery-failed strong{font-size:15px;color:var(--red)}.lingya-gallery-failed span{font-size:12px;line-height:1.5;color:var(--muted)}@media(max-width:1080px){.create-hero-panel{grid-template-columns:1fr}.create-hero-visual{height:260px}.premium-tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.site-header,.section-title,.hero,.two-col,.generate-workspace{display:block}.site-header nav{margin-top:16px;flex-wrap:wrap}.hero h1{font-size:40px}.compact-form{grid-template-columns:1fr}.generate-sidebar{position:static;margin-bottom:18px}.main-design-sidebar{max-height:none;overflow:visible;overscroll-behavior:auto}.generate-result-panel{min-height:auto}.result-header{display:block}.tool-card{margin-bottom:16px}.create-hero-panel{display:block;padding:26px}.create-hero-copy h1{font-size:36px}.create-hero-visual{display:none}.premium-tool-grid{display:block}.premium-tool-card{margin-bottom:16px;min-height:230px}.composer-top-row{align-items:center}.composer-preview-list{max-width:100%}.composer-options{flex-wrap:wrap;justify-content:flex-start}.composer-options select{flex:1;min-width:92px}.composer-submit{padding:10px 16px}.generated-image-preview{width:180px}.lingya-inline-options{grid-template-columns:1fr}.lingya-count-inline{align-items:center}.lingya-history-toolbar{justify-content:stretch}.lingya-history-filters{display:grid;grid-template-columns:1fr;width:100%}.lingya-filter-field{min-width:0}.lingya-task-summary{flex-direction:column}.lingya-task-preview{width:100%;max-width:132px;height:132px}.lingya-task-param-actions{margin-left:0;width:100%;justify-content:flex-end}.lingya-result-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.lingya-pending-status{align-items:center;justify-content:center}.image-preview-stage{flex-direction:column}.image-preview-modal img{max-width:min(92vw,520px)}.image-preview-nav-stack{flex-direction:row}}.lingya-screen-field{display:grid;gap:6px;margin-bottom:8px}.lingya-screen-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.lingya-screen-title{color:var(--muted);font-size:14px;font-weight:700}.lingya-screen-remove-btn{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,92,92,.35);background:rgba(255,92,92,.1);color:var(--red);font-size:14px;line-height:1;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;flex-shrink:0;transition:background .18s ease}.lingya-screen-remove-btn:hover{background:rgba(255,92,92,.22)}.lingya-screen-input{width:100%;min-height:42px;border:1px solid var(--line);border-radius:14px;background:#080808;color:var(--text);padding:11px 14px;outline:none;resize:none;overflow:hidden;line-height:1.6;font-family:inherit;font-size:14px}.lingya-screen-input:focus{border-color:var(--gold)}.lingya-add-screen-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px 0;border:1px dashed rgba(255,211,110,.28);border-radius:14px;background:rgba(214,168,79,.04);color:var(--gold2);font-size:14px;font-weight:700;cursor:pointer;transition:border-color .18s ease,background .18s ease}.lingya-add-screen-btn:hover{border-color:rgba(255,211,110,.5);background:rgba(214,168,79,.1)}.lingya-add-screen-icon{width:20px;height:20px;border-radius:50%;border:1.5px solid currentColor;display:inline-flex;align-items:center;justify-content:center;font-size:16px;line-height:1}.lingya-result-card[data-design-type="detail_page_design"] .lingya-result-gallery{--lingya-gallery-columns:4}/* ===== 客服竖向侧边条 ===== */
.cs-sidebar{position:fixed;right:0;top:50%;transform:translateY(-50%);z-index:50;display:flex;flex-direction:column;width:56px;border:1px solid rgba(255,211,110,.22);border-right:0;border-radius:16px 0 0 16px;background:rgba(10,10,10,.96);backdrop-filter:blur(18px);box-shadow:-4px 0 32px rgba(0,0,0,.45);overflow:hidden}.cs-sidebar-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 0;cursor:pointer;border-bottom:1px solid var(--line);transition:background .18s ease}.cs-sidebar-item:last-child{border-bottom:0}.cs-sidebar-item:hover{background:rgba(214,168,79,.08)}.cs-sidebar-item.active{background:rgba(214,168,79,.14)}.cs-sidebar-avatar{width:32px;height:32px;border-radius:50%;object-fit:contain;border:1px solid rgba(255,211,110,.28)}.cs-sidebar-icon{width:26px;height:26px;color:var(--gold2);display:flex;align-items:center;justify-content:center}.cs-sidebar-icon svg{width:22px;height:22px;fill:currentColor}.cs-sidebar-label{font-size:10px;color:var(--muted);margin-top:3px;white-space:nowrap}
/* ===== 客服展开面板（QQ/微信/电话） ===== */
.cs-expand-panel{position:fixed;right:56px;z-index:49;width:280px;padding:22px;border:1px solid rgba(255,211,110,.22);border-radius:20px;background:rgba(10,10,10,.96);backdrop-filter:blur(18px);box-shadow:0 24px 90px rgba(0,0,0,.55),0 0 0 1px rgba(255,211,110,.06);transform:translateX(16px) scale(.96);opacity:0;visibility:hidden;transition:transform .32s cubic-bezier(.34,1.56,.64,1),opacity .24s ease,visibility .24s ease,box-shadow .32s ease;pointer-events:none;overflow:hidden}.cs-expand-panel.is-open{transform:translateX(0) scale(1);opacity:1;visibility:visible;pointer-events:auto;box-shadow:0 24px 90px rgba(0,0,0,.55),0 0 40px rgba(255,211,110,.06)}.cs-expand-panel h3{margin:0 0 16px;font-size:16px;color:var(--text)}.cs-expand-close{position:absolute;right:14px;top:14px;width:26px;height:26px;border-radius:50%;border:1px solid var(--line);background:#080808;color:var(--muted);font-size:14px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .18s ease,border-color .18s ease,transform .18s ease}.cs-expand-close:hover{color:var(--text);border-color:var(--gold);transform:rotate(90deg)}.cs-expand-body{transition:opacity .2s ease,transform .2s ease}.cs-expand-body.fade-out{opacity:0;transform:translateY(6px)}.cs-expand-body.fade-in{opacity:0;transform:translateY(-6px);animation:csFadeIn .28s cubic-bezier(.4,0,.2,1) forwards}@keyframes csFadeIn{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.cs-contact-item{display:flex;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}.cs-contact-item:last-child{border-bottom:0}.cs-contact-qq-row{align-items:center}.cs-contact-qq-row .cs-contact-info{flex:1}.cs-contact-link-right{flex-shrink:0;align-self:center;margin-top:0}.cs-contact-wechat-row{align-items:flex-start}.cs-contact-icon{width:36px;height:36px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden;border:1px solid var(--line)}.cs-contact-icon img{width:100%;height:100%;object-fit:contain;border-radius:12px}.cs-contact-icon.qq-icon{background:linear-gradient(135deg,#12b7f5,#0d8ecf);padding:0}.cs-contact-icon.wechat-icon{background:linear-gradient(135deg,#07c160,#06a94d);padding:0}.cs-contact-icon.phone-icon{background:linear-gradient(135deg,var(--gold),var(--gold2));padding:0}.cs-contact-icon.phone-icon svg{width:20px;height:20px;fill:#111}.cs-contact-info{min-width:0;flex:1}.cs-contact-info span{display:block;font-size:12px;color:var(--muted);margin-bottom:2px}.cs-contact-info strong{font-size:14px;color:var(--text);word-break:break-all}.cs-contact-link{display:inline-flex;margin-top:4px;padding:4px 10px;border:1px solid rgba(255,211,110,.28);border-radius:999px;background:rgba(214,168,79,.08);color:var(--gold2);font-size:12px;font-weight:700;cursor:pointer;text-decoration:none;transition:border-color .18s ease,background .18s ease}.cs-contact-link:hover{border-color:rgba(255,211,110,.5);background:rgba(214,168,79,.16)}.cs-qr-img{margin-top:8px;width:140px;height:140px;border-radius:14px;border:1px solid var(--line);object-fit:contain;background:#fff}.cs-empty{color:var(--muted);font-size:13px;text-align:center;padding:10px 0}
/* ===== 帮助抽屉 ===== */
.help-drawer-overlay{position:fixed;inset:0;z-index:59;background:rgba(0,0,0,.5);opacity:0;visibility:hidden;transition:opacity .22s ease,visibility .22s ease}.help-drawer-overlay.is-open{opacity:1;visibility:visible}.help-drawer{position:fixed;right:0;top:0;bottom:0;z-index:60;width:380px;max-width:92vw;background:rgba(10,10,10,.98);backdrop-filter:blur(18px);border-left:1px solid var(--line);box-shadow:-8px 0 48px rgba(0,0,0,.55);transform:translateX(100%);transition:transform .28s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.help-drawer.is-open{transform:translateX(0)}.help-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px 16px;border-bottom:1px solid var(--line);flex-shrink:0}.help-drawer-header h3{margin:0;font-size:18px;color:var(--text)}.help-drawer-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:#080808;color:var(--muted);font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .18s ease,border-color .18s ease}.help-drawer-close:hover{color:var(--text);border-color:var(--gold)}.help-drawer-body{flex:1;overflow-y:auto;overscroll-behavior:contain}.help-category-tabs{display:flex;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);overflow-x:auto;flex-shrink:0}.help-category-tab{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#080808;color:var(--muted);font-size:13px;cursor:pointer;white-space:nowrap;transition:all .18s ease}.help-category-tab:hover{border-color:rgba(255,211,110,.35);color:var(--gold2)}.help-category-tab.active{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border-color:transparent;font-weight:700}.help-article-list{padding:14px 22px;display:grid;gap:10px}.help-article-item{padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#080808;cursor:pointer;transition:border-color .18s ease,background .18s ease}.help-article-item:hover{border-color:rgba(255,211,110,.35);background:rgba(214,168,79,.04)}.help-article-item h4{margin:0 0 6px;font-size:15px;color:var(--text)}.help-article-item p{margin:0;font-size:12px;color:var(--muted)}.help-article-back{display:flex;align-items:center;gap:8px;padding:14px 22px;border-bottom:1px solid var(--line);cursor:pointer;color:var(--gold2);font-size:14px;font-weight:700;flex-shrink:0;transition:opacity .18s ease}.help-article-back:hover{opacity:.8}.help-article-content{padding:22px;line-height:1.9;color:var(--text)}.help-article-content img{max-width:100%;border-radius:14px;border:1px solid var(--line);margin:12px 0}.help-article-content p{margin:8px 0}.help-article-content h1,.help-article-content h2,.help-article-content h3,.help-article-content h4{margin:18px 0 8px;color:var(--gold2)}.help-article-content ul,.help-article-content ol{padding-left:20px}.help-article-content a{color:var(--gold2)}.help-empty{color:var(--muted);font-size:14px;text-align:center;padding:40px 22px}
/* ===== 后台左侧导航布局 ===== */
.admin-layout{display:flex;min-height:calc(100vh - 80px);gap:0}.admin-nav{width:220px;flex-shrink:0;padding:16px 0;border-right:1px solid var(--line);background:rgba(8,8,8,.6);position:sticky;top:80px;align-self:flex-start;max-height:calc(100vh - 80px);overflow-y:auto}.admin-nav-group{margin-bottom:2px}.admin-nav-group-title{display:flex;align-items:center;justify-content:space-between;padding:12px 20px;font-size:13px;color:var(--muted);cursor:pointer;border-left:3px solid transparent;transition:all .18s ease;user-select:none}.admin-nav-group-title:hover{color:var(--text);background:rgba(255,255,255,.03)}.admin-nav-group-title.active{color:var(--gold2);border-left-color:var(--gold2);background:rgba(214,168,79,.06);font-weight:700}.admin-nav-group-arrow{font-size:10px;transition:transform .22s ease;color:var(--muted)}.admin-nav-group-title.active .admin-nav-group-arrow{transform:rotate(90deg);color:var(--gold2)}.admin-nav-group-items{max-height:0;overflow:hidden;transition:max-height .28s cubic-bezier(.4,0,.2,1)}.admin-nav-group-items.open{max-height:300px}.admin-nav-item{display:block;padding:9px 20px 9px 32px;color:var(--muted);font-size:13px;cursor:pointer;border-left:3px solid transparent;transition:all .18s ease}.admin-nav-item:hover{color:var(--text);background:rgba(255,255,255,.03);border-left-color:rgba(255,211,110,.3)}.admin-nav-item.active{color:var(--gold2);background:rgba(214,168,79,.08);border-left-color:var(--gold2);font-weight:700}.admin-content{flex:1;min-width:0;padding:24px 32px}.admin-section{display:none}.admin-section.active{display:block}.admin-section-header{margin-bottom:22px}.admin-section-header h2{margin:0 0 6px;font-size:22px}.admin-section-header p{margin:0;color:var(--muted);font-size:14px}
/* 帮助文章管理表格操作 */
.admin-table-actions{display:flex;gap:8px;align-items:center}.admin-btn-sm{padding:5px 12px;border-radius:999px;font-size:12px;cursor:pointer;border:1px solid var(--line);background:#080808;color:var(--muted);transition:all .18s ease}.admin-btn-sm:hover{border-color:rgba(255,211,110,.35);color:var(--gold2)}.admin-btn-sm.danger{border-color:rgba(255,92,92,.35);color:var(--red)}.admin-btn-sm.danger:hover{background:rgba(255,92,92,.1)}.admin-btn-sm.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:#111;border:0;font-weight:700}.admin-inline-form{display:flex;gap:10px;align-items:end;flex-wrap:wrap;margin-bottom:16px}.admin-inline-form label{display:grid;gap:4px;font-size:12px;color:var(--muted)}.admin-inline-form input,.admin-inline-form select{height:38px;border:1px solid var(--line);border-radius:12px;background:#080808;color:var(--text);padding:0 12px;outline:none;font-size:13px}.admin-inline-form input:focus,.admin-inline-form select:focus{border-color:var(--gold)}.phone-list{display:grid;gap:8px;margin-top:8px}.phone-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#080808}.phone-item span{flex:1;color:var(--text);font-size:14px}.phone-item button{padding:4px 10px;border:1px solid rgba(255,92,92,.35);border-radius:999px;background:rgba(255,92,92,.08);color:var(--red);font-size:12px;cursor:pointer;transition:background .18s ease}.phone-item button:hover{background:rgba(255,92,92,.18)}
/* 统计图表 */
.admin-chart-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;margin-top:22px}.admin-chart-card{padding:22px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#0d0d0d,#080808)}.admin-chart-card h3{margin:0 0 16px;font-size:16px;color:var(--text)}.admin-chart-card canvas{width:100%!important;max-height:280px}.admin-rank-list{list-style:none;padding:0;margin:0;display:grid;gap:6px}.admin-rank-item{display:flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid var(--line);border-radius:14px;background:#080808;transition:border-color .18s ease}.admin-rank-item:hover{border-color:rgba(255,211,110,.22)}.admin-rank-num{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0}.admin-rank-num.top1{background:linear-gradient(135deg,#FFD700,#FFA500);color:#111}.admin-rank-num.top2{background:linear-gradient(135deg,#C0C0C0,#A0A0A0);color:#111}.admin-rank-num.top3{background:linear-gradient(135deg,#CD7F32,#A0522D);color:#fff}.admin-rank-num.normal{background:var(--panel2);color:var(--muted);border:1px solid var(--line)}.admin-rank-name{flex:1;min-width:0;color:var(--text);font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-rank-count{color:var(--gold2);font-weight:700;font-size:14px}@media(max-width:780px){.admin-chart-grid{grid-template-columns:1fr}}
@media(max-width:780px){.cs-sidebar{width:46px}.cs-expand-panel{right:46px;width:min(280px,calc(100vw - 56px))}.help-drawer{width:min(360px,100vw)}.admin-layout{flex-direction:column}.admin-nav{width:100%;position:static;max-height:none;border-right:0;border-bottom:1px solid var(--line);padding:10px;display:flex;flex-wrap:wrap;gap:4px}.admin-nav-group{margin-bottom:0}.admin-nav-group-title{padding:6px 10px;font-size:11px}.admin-nav-item{padding:6px 12px;border-left:0;border-radius:999px;border:1px solid var(--line)}.admin-nav-item.active{border:1px solid var(--gold2)}.admin-content{padding:16px}}
/* Quill dark theme overrides */
.ql-toolbar.ql-snow{border:1px solid var(--line)!important;border-radius:14px 14px 0 0!important;background:#0d0d0d}.ql-container.ql-snow{border:1px solid var(--line)!important;border-top:0!important;border-radius:0 0 14px 14px!important;background:#080808;color:var(--text);font-size:15px}.ql-editor{min-height:220px;color:var(--text)}.ql-editor.ql-blank::before{color:var(--muted);font-style:normal}.ql-snow .ql-stroke{stroke:var(--muted)!important}.ql-snow .ql-fill{fill:var(--muted)!important}.ql-snow .ql-picker{color:var(--muted)!important}.ql-snow .ql-picker-label{color:var(--muted)!important}.ql-snow .ql-picker-options{background:#111!important;border:1px solid var(--line)!important;border-radius:12px!important}.ql-snow .ql-picker-item{color:var(--text)!important}.ql-snow .ql-picker-item:hover{color:var(--gold2)!important}.ql-snow button:hover .ql-stroke{stroke:var(--gold2)!important}.ql-snow button:hover .ql-fill{fill:var(--gold2)!important}.ql-snow .ql-active .ql-stroke{stroke:var(--gold2)!important}.ql-snow .ql-active .ql-fill{fill:var(--gold2)!important}.ql-snow .ql-active{color:var(--gold2)!important}.ql-editor img{max-width:100%;border-radius:14px}