ixes: password eye alignment, transient card selection, dark sliders */
.password-field,.password-wrap,.input-with-toggle,.auth-input-wrap{position:relative!important;display:flex;align-items:center;width:100%;}
.password-field>input,.password-wrap>input,.input-with-toggle>input,.auth-input-wrap>input{width:100%;padding-right:44px!important;}
.password-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;line-height:1!important;z-index:2!important;cursor:pointer!important;}
.password-toggle::before{width:18px;height:18px;}
.card.is-selected,.card.selected{border-color:var(--line)!important;box-shadow:none!important;outline:0!important;}
.card.is-selected:hover,.card.selected:hover{border-color:#b8b9f7!important;box-shadow:0 8px 20px #353b6312!important;}
@media (prefers-color-scheme:dark){input[type=range],.range-input,.slider{accent-color:#8f92ff;}input[type=range]::-webkit-slider-runnable-track,.range-input::-webkit-slider-runnable-track,.slider::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#394052;border:1px solid #4c556b;}input[type=range]::-webkit-slider-thumb,.range-input::-webkit-slider-thumb,.slider::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid #171b27;border-radius:50%;background:#9b9dff;box-shadow:0 0 0 2px #696dce;}input[type=range]::-moz-range-track,.range-input::-moz-range-track,.slider::-moz-range-track{height:5px;border-radius:999px;background:#394052;border:1px solid #4c556b;}input[type=range]::-moz-range-thumb,.range-input::-moz-range-thumb,.slider::-moz-range-thumb{width:14px;height:14px;border:2px solid #171b27;border-radius:50%;background:#9b9dff;}}
body.dark input[type=range],body.dark .range-input,body.dark .slider{accent-color:#8f92ff;}
body.dark input[type=range]::-webkit-slider-runnable-track,body.dark .range-input::-webkit-slider-runnable-track,body.dark .slider::-webkit-slider-runnable-track{background:#394052;border-color:#4c556b;}
body.dark input[type=range]::-webkit-slider-thumb,body.dark .range-input::-webkit-slider-thumb,body.dark .slider::-webkit-slider-thumb{border-color:#171b27;background:#9b9dff;box-shadow:0 0 0 2px #696dce;}:root{--ink:#172033;--muted:#7c8494;--line:#e8ebf0;--accent:#5b5ce2;--bg:#f7f8fb}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft Yahei",sans-serif;color:var(--ink);background:var(--bg)}.app{display:flex;min-height:100vh}aside{width:230px;background:#fff;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column}.brand{display:flex;gap:10px;align-items:center;padding:0 10px 36px}.brandmark{width:34px;height:34px;border-radius:10px;background:#1e2440;color:#fff;display:grid;place-items:center;font-weight:800;font-size:20px}.brand b{font-size:20px;letter-spacing:.3px}.brand small{display:block;color:#a1a7b5;font-size:9px;letter-spacing:1.6px;margin-top:2px}nav{display:grid;gap:6px}nav button{border:0;background:transparent;text-align:left;padding:12px 14px;border-radius:9px;color:#7b8495;font-size:14px;cursor:pointer}nav button.active{background:#f0f0ff;color:var(--accent);font-weight:600}nav button span{margin-left:10px}.side-note{margin-top:auto;color:#9aa1af;font-size:11px;padding:12px}.dot{display:inline-block;width:7px;height:7px;background:#43c59e;border-radius:50%;margin-right:6px}main{flex:1;padding:38px 52px;max-width:1500px;margin:auto}header{display:flex;justify-content:space-between;align-items:flex-end}.eyebrow{font-size:10px;letter-spacing:1.8px;color:#a1a7b5;margin:0 0 9px}h1{font-size:32px;margin:0}.upload{background:var(--accent);color:#fff;padding:12px 18px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer}.upload input{display:none}.toolbar{display:flex;gap:22px;align-items:center;margin-top:34px;border-bottom:1px solid var(--line);padding-bottom:18px}.search{width:280px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:10px 12px;display:flex;gap:8px;color:#9da4b2}.search input{border:0;outline:0;width:100%;font-size:13px}.filters{display:flex;gap:7px;flex:1;flex-wrap:wrap}.chip{background:transparent;border:0;color:#8a92a0;padding:8px 10px;border-radius:6px;font-size:12px;cursor:pointer}.chip.active{background:#ececff;color:var(--accent);font-weight:600}.chip em{font-style:normal;margin-left:4px;opacity:.6}select{border:1px solid var(--line);background:#fff;padding:9px 12px;border-radius:7px;color:#687183}.meta{display:flex;justify-content:space-between;color:#9aa1af;font-size:12px;margin:22px 0 14px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px}.card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:14px;cursor:pointer;transition:.2s}.card:hover{border-color:#b8b9f7;box-shadow:0 8px 20px #353b6312}.preview{height:116px;background:#f8f9fc;border-radius:7px;display:grid;place-items:center;font-size:52px;color:#28304a;position:relative}.card:hover .quick{opacity:1}.quick{position:absolute;right:8px;top:8px;background:#fff;border:1px solid var(--line);border-radius:5px;padding:5px 7px;opacity:0;color:var(--accent)}.card h3{font-size:13px;margin:12px 0 7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;color:#778092;background:#f2f3f7;padding:4px 6px;border-radius:4px}.drawer{position:fixed;right:-430px;top:0;width:430px;height:100vh;background:#fff;box-shadow:-8px 0 30px #19213a1c;transition:.25s;padding:26px;z-index:4;overflow:auto}.drawer.open{right:0}.drawer-head{display:flex;justify-content:space-between;font-size:17px}.drawer-head button{border:0;background:transparent;font-size:26px;color:#9ba2ae;cursor:pointer}.detail-preview{height:220px;background:#f7f8fc;border-radius:10px;display:grid;place-items:center;font-size:100px;margin:24px 0}.detail h2{font-size:22px;margin:0 0 7px}.muted{color:#9299a8;font-size:12px}.detail-row{border-top:1px solid var(--line);padding:17px 0;margin-top:18px}.detail-row label{display:block;color:#8d95a4;font-size:11px;margin-bottom:9px}.color{display:flex;gap:8px}.color input{width:42px;height:32px;border:0;padding:0}.actions{display:flex;gap:8px}.actions button{flex:1;border:1px solid var(--line);background:#fff;padding:11px;border-radius:7px;color:#4f586a;cursor:pointer}.actions .primary{background:var(--accent);border-color:var(--accent);color:#fff}
.preview img,.detail-preview img{max-width:82%;max-height:82%;object-fit:contain}.glyph{font-size:52px}.detail-preview .glyph{font-size:100px}.panel{margin-top:34px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:28px;max-width:760px}.panel h2{margin:0 0 7px}.listrow{display:flex;width:100%;justify-content:space-between;border:0;border-top:1px solid var(--line);padding:16px 3px;background:#fff;font-size:14px;text-align:left;cursor:pointer}.listrow b{color:var(--accent)}.tagcloud{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tag.big{font-size:13px;padding:9px 12px}.tag button{border:0;background:transparent;cursor:pointer;color:#778092;margin-left:4px}.inline{display:flex;gap:8px;margin:15px 0}.inline input,.wide,.hex input,select{border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit;flex:1}.wide{display:block;width:100%;margin:18px 0}.area{height:210px;resize:vertical;font-family:ui-monospace,monospace;font-size:12px}.variant{display:flex;gap:8px;flex-wrap:wrap}.variant button{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 10px;cursor:pointer}.variant .selected{background:#ececff;border-color:#7778ec;color:var(--accent)}.palette{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.palette button{height:58px;background:#fff;border:1px solid var(--line);border-radius:8px;text-align:left;padding:8px;display:grid;grid-template-columns:28px 1fr;align-items:center;cursor:pointer}.palette button.chosen{border:2px solid var(--accent)}.palette i{width:24px;height:24px;border-radius:6px;border:1px solid #d9dce5;grid-row:span 2}.palette small{color:#8e96a5}.hex{margin-top:12px;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding-left:12px}.hex input{border:0}.check{font-size:14px!important;color:#273046!important}.modal{position:fixed;inset:0;background:#17203380;z-index:10;display:grid;place-items:center}.modalbox{width:460px;background:#fff;border-radius:14px;padding:25px;box-shadow:0 16px 50px #0003}.modalbox h2{margin:0 0 16px}.modalbox label{display:block;font-size:12px;color:#727b8c;margin:14px 0 6px}.modalbox input,.modalbox select{width:100%;border:1px solid var(--line);border-radius:7px;padding:10px;font:inherit}.uploadpreview{width:100%;height:130px;object-fit:contain;background:#f7f8fc;border-radius:8px}
.style-row{width:100%;display:flex;align-items:center;justify-content:space-between;text-align:left;padding:16px 4px;background:#fff;border:0;border-top:1px solid var(--line);cursor:pointer}.style-row b,.style-row small{display:block}.style-row small{color:#9098a6;font-size:11px;margin-top:5px}.mini-icons{display:flex;gap:7px;align-items:center}.mini-icons .glyph{font-size:21px}.mini-icons img{width:25px;height:25px;object-fit:contain}
.file-input{display:none}.modalbox{max-height:90vh;overflow:auto}.modal-title{display:flex;justify-content:space-between;align-items:flex-start}.modal-title .eyebrow{margin-top:3px}.icon-close{border:0;background:transparent;font-size:26px;line-height:1;color:#8991a0;cursor:pointer}.modalbox .uploadpreview{height:156px;width:100%;display:grid;place-items:center;background:#f6f8fc;border-radius:9px;overflow:hidden}.modalbox .uploadpreview img{display:block;max-width:88%;max-height:88%;object-fit:contain}.modalbox b{color:#e5484d}.formhint{font-size:11px;color:#9098a6;margin:5px 0 0}.default-check{display:flex!important;gap:10px;align-items:flex-start;padding:13px;background:#f5f5ff;border-radius:8px;cursor:pointer}.default-check input{width:auto!important;margin-top:3px}.default-check b{display:block;color:#36405b!important;font-size:13px}.default-check small{display:block;color:#7e8797;margin-top:4px}.modal-actions{margin-top:22px}
/* 精简、统一的上传与资源预览规范 */
.upload{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:112px;height:42px;border:0;border-radius:9px;padding:0 16px;background:#5b5ce2;box-shadow:0 4px 12px rgba(91,92,226,.18);font-size:13px;letter-spacing:.1px;transition:background .18s,transform .18s,box-shadow .18s}.upload:hover{background:#4c4dcc;transform:translateY(-1px);box-shadow:0 8px 18px rgba(91,92,226,.25)}.card{padding:12px}.preview{height:132px;overflow:hidden;background:linear-gradient(145deg,#fafbfe,#f4f6fa)}.preview img{width:100%;height:100%;max-width:100%;max-height:100%;padding:18px;object-fit:contain;display:block}.detail-preview{overflow:hidden}.detail-preview img{width:100%;height:100%;max-width:100%;max-height:100%;padding:28px;object-fit:contain}.modal{padding:24px;align-items:center}.modalbox{width:min(520px,100%);border-radius:16px;padding:28px;box-shadow:0 24px 70px rgba(17,24,39,.25)}.modalbox .uploadpreview{height:176px;margin:18px 0 22px}.modalbox label{font-size:13px;color:#475166;font-weight:600}.modalbox input,.modalbox select{height:42px;border-radius:8px}.format-pills,.size-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.size-pills{grid-template-columns:repeat(2,1fr);margin-top:8px}.format-pills button,.size-pills button{height:38px;border:1px solid #e2e6ee;border-radius:8px;background:#fff;color:#566075;font-size:12px;cursor:pointer}.format-pills button.selected,.size-pills button.selected{border-color:#5b5ce2;background:#f0f0ff;color:#5354d6;font-weight:650}.download-label{margin-top:18px!important}.drawer{padding:28px}.drawer h2{font-size:20px;margin:2px 0}.actions button{height:42px;font-weight:600}
/* 强制资源画布：任何长宽比的上传文件都不得突破卡片/详情/弹窗边界 */
.preview,.detail-preview,.modalbox .uploadpreview{position:relative!important;isolation:isolate!important;overflow:hidden!important}.preview>img,.detail-preview>img,.modalbox .uploadpreview>img{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;margin:auto!important;padding:20px!important;object-fit:contain!important;object-position:center!important}.detail-preview>img{padding:30px!important}.modalbox .uploadpreview>img{padding:24px!important}.preview .glyph{max-width:100%;max-height:100%;overflow:hidden}.modal{position:fixed!important;inset:0!important;display:flex!important;align-items:center!important;justify-content:center!important;overflow:auto!important}.modalbox{margin:auto!important}.file-input{display:none!important}
.tag-label{background:#f4f6fb;color:#758096}.filter-nav{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 18px}.filter-nav button{border:0;background:transparent;color:#778194;padding:8px 11px;border-radius:7px;cursor:pointer}.filter-nav button.active{background:#ececff;color:#5657d6;font-weight:650}.style-layout{display:grid;grid-template-columns:210px 1fr;gap:24px;margin-top:22px}.style-nav{background:#fff;border:1px solid var(--line);border-radius:12px;padding:8px;height:max-content}.style-nav button{width:100%;border:0;background:#fff;display:flex;justify-content:space-between;align-items:center;padding:11px 12px;border-radius:7px;color:#637086;cursor:pointer}.style-nav button.active{background:#eeeeff;color:#5657d6;font-weight:650}.style-nav em{font-style:normal;font-size:11px;opacity:.7}.style-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 16px}.style-heading h2{font-size:20px;margin:0}.style-heading p{margin:5px 0 0;color:#929aa9;font-size:12px}.style-heading>span{font-size:12px;color:#778194}#sizeSelect{width:100%;height:40px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;color:#4c576b}.format-pills{grid-template-columns:repeat(3,1fr)}@media(max-width:760px){main{padding:28px 20px}.style-layout{grid-template-columns:1fr}.style-nav{display:flex;overflow:auto}.style-nav button{min-width:130px}.drawer{width:100%}}

.name-editor{display:flex;gap:8px;margin:8px 0 18px}.name-editor input{flex:1}.tag-editor{border-top:1px solid var(--line,#e5e7eb);padding-top:16px}.tag-assign{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag-assign label{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border:1px solid var(--line,#e5e7eb);border-radius:8px;background:#fff}.tag button,.tag-edit{border:0;background:transparent;cursor:pointer}.tag-edit{font:inherit;color:inherit;padding:0}.import-panel .wide{margin:8px 0 12px}
header .upload{position:fixed;left:28px;bottom:54px;z-index:6}select:disabled{background:#f2f3f6;color:#a1a7b2;cursor:not-allowed}

.default-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#2bb673;margin-left:6px;vertical-align:middle}.asset-meta{font-size:12px;color:#7c8494;margin:-14px 0 12px}.variant button{padding:7px 9px;font-size:12px}
.replace-hint{font-size:11px;color:#8b94a4;margin:-14px 0 12px}.detail-preview{cursor:pointer}.color-editor .palette button{font-size:11px;height:42px}.color-editor .hex{margin-top:10px}
.color-editor .palette button{position:relative;padding-left:28px}.color-editor .palette button:before{content:'';position:absolute;left:8px;top:50%;width:14px;height:14px;transform:translateY(-50%);border-radius:4px;background:var(--swatch);border:1px solid #ccd2dc}.color-editor .palette button.selected{outline:2px solid var(--accent);background:#f0f0ff}.add-variant{width:34px;height:34px;border:1px dashed #b8beca;border-radius:8px;background:#fff;color:var(--accent);font-size:20px;cursor:pointer}
.color-editor .palette button.selected{outline:2px solid var(--accent);outline-offset:1px;background:#f0f0ff}
.inline-style-select{height:32px;border:1px solid var(--accent);border-radius:7px;padding:0 6px;font-size:12px}
.external-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;margin-top:20px}.external-icon{border:1px solid var(--line);border-radius:9px;padding:10px;background:#fff}.external-icon .preview{height:100px}.external-icon button{margin-top:8px;width:100%;border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px;cursor:pointer}.detail-row.actions{flex-wrap:wrap}.detail-row.actions button{min-width:110px}
.import-toolbar{display:flex;gap:8px;align-items:center;margin:10px 0 4px}.import-toolbar select{height:40px;flex:1;margin:0}.import-toolbar button{height:40px;white-space:nowrap}.external-icon{position:relative;min-width:0}.external-icon>b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:9px;font-size:12px;color:var(--ink)}.external-remove{position:absolute!important;right:7px;top:7px;width:26px!important;height:26px;margin:0!important;padding:0!important;border-radius:6px!important;background:#fff!important;color:#778092}.external-remove:hover{color:#c64e4e;border-color:#efcaca}.import-empty{grid-column:1/-1;padding:18px 0}
.aux-head{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px}.aux-panel{max-width:none}.aux-panel .card button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:7px 12px;cursor:pointer}.detail-group{border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.detail-group .variant{margin-bottom:12px}
.toast{position:fixed;left:50%;bottom:32px;transform:translate(-50%,12px);background:#172033;color:#fff;padding:10px 16px;border-radius:8px;font-size:13px;opacity:0;pointer-events:none;transition:.2s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}.group-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.group-head label{margin:0;margin-right:auto}.group-head button{border:1px solid #f0c3c3;background:#fff7f7;color:#c64e4e;border-radius:6px;padding:6px 10px;font-size:12px;cursor:pointer}.group-head #detachBtn{border-color:#c8d4f5;background:#f4f7ff;color:#4f69b7}.group-default{margin-top:12px}
.detail-group .group-head{margin-bottom:10px}.detail-group .variant{margin-top:8px}.group-default small{display:none}.gradient-palette{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gradient-palette button{display:flex;align-items:center;gap:8px;min-height:42px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:6px 8px;color:#596477;cursor:pointer;text-align:left}.gradient-palette button i{width:30px;height:22px;border-radius:5px;flex:0 0 auto;background:linear-gradient(180deg,var(--gradient-from),var(--gradient-to));border:1px solid #dce1ea}.gradient-palette button.selected{border-color:var(--accent);box-shadow:0 0 0 2px rgba(91,92,226,.12)}.gradient-custom-row{display:flex;align-items:center;gap:7px;margin-top:10px}.gradient-custom-row label{margin:0;color:#7b8494;font-size:11px}.gradient-custom-row input[type=color]{width:34px;height:30px;padding:2px;border:1px solid var(--line);border-radius:6px;background:#fff}.gradient-custom-row button{height:30px;border:1px solid var(--line);border-radius:6px;background:transparent;color:#596477;padding:0 9px;cursor:pointer}.gradient-modal-colors{display:grid;grid-template-columns:1fr 1fr;gap:12px}.gradient-modal-colors label{display:flex;flex-direction:column;gap:6px}.gradient-modal-colors input[type=color]{width:100%;height:38px;padding:3px;border:1px solid var(--line);border-radius:7px;background:#fff}.gradient-sample{height:42px;margin-top:14px;border-radius:7px;background:linear-gradient(180deg,var(--gradient-from),var(--gradient-to))}
.aux-card .preview{height:132px}.aux-card{overflow:hidden}.aux-card[data-kind="carousel"] .preview{aspect-ratio:702/132;height:auto}.aux-card[data-kind="cards"] .preview{aspect-ratio:750/210;height:auto}.aux-actions{display:flex;gap:5px;margin-top:8px}.aux-actions button{flex:1;font-size:11px;padding:6px 3px!important}
nav .subnav{margin-left:14px;padding-left:22px;font-size:13px;position:relative}nav .subnav:before{content:'·';position:absolute;left:10px;color:#a7afbd}.detail-group{margin-top:16px}.group-default{margin:12px 0 0}
.nav-caret{float:right;font-size:14px;color:#9aa3b1}.library-subs{display:grid;gap:4px}.library-subs.collapsed{display:none}.library-subs .subnav{margin-left:18px;padding-left:22px;font-size:13px}
.size-input{height:42px;display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden;transition:border-color .18s,box-shadow .18s}.size-input:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,92,226,.1)}.size-input input{min-width:0;flex:1;height:100%;border:0;outline:0;padding:0 4px 0 12px;font:inherit;color:#36405b;background:transparent}.size-input span{flex:none;padding:0 12px 0 10px;color:#8d95a4;font-size:12px}.size-input input:disabled{background:#f2f3f6;color:#a1a7b2}.size-input .size-preset-select{flex:none;width:44px;height:100%;border:0;border-left:1px solid var(--line);border-right:1px solid var(--line);border-radius:0;padding:0 7px;background:#fff;color:#596377;font-size:14px;cursor:pointer}.size-input .size-preset-select:disabled{background:#f2f3f6;color:#a1a7b2}.size-hint{margin:7px 0 0;color:#9299a8;font-size:11px;line-height:1.5}

/* 图标库主视图与设置中心 */
main{margin:0 auto;padding:20px 40px 40px}header{align-items:flex-start}.title-line{display:flex;align-items:center;gap:12px}.title-line h1{font-size:28px}.settings-wrap{position:relative}.settings-button{height:34px;display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:7px;background:#fff;padding:0 10px;color:#626c7e;cursor:pointer}.settings-button[hidden]{display:none}.settings-button:hover{border-color:#c8c9f3;color:var(--accent)}.settings-menu{position:absolute;left:0;top:40px;width:164px;padding:6px;background:#fff;border:1px solid var(--line);border-radius:8px;box-shadow:0 12px 30px rgba(23,32,51,.14);z-index:8}.settings-menu[hidden]{display:none}.settings-menu button{display:block;width:100%;border:0;border-radius:6px;background:#fff;padding:10px 11px;text-align:left;color:#4f596c;cursor:pointer}.settings-menu button:hover{background:#f3f3ff;color:var(--accent)}.toolbar{margin-top:18px;gap:10px}.toolbar .search{flex:1;max-width:420px}.toolbar .toolbar-upload{position:static;left:auto;bottom:auto;z-index:auto;margin-left:0;box-shadow:none;white-space:nowrap}.meta{margin-top:15px}.settings-modal{z-index:20}.settings-box{width:min(720px,calc(100vw - 40px));max-height:min(760px,90vh)}.settings-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:8px 0 20px}.settings-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:10px 14px;color:#747e90;cursor:pointer}.settings-tabs button.active{border-bottom-color:var(--accent);color:var(--accent);font-weight:650}.settings-panel h2{font-size:18px;margin:0 0 6px}.settings-panel .inline input{height:40px}.settings-panel .inline button,.settings-primary{border:0;border-radius:7px;background:var(--accent);color:#fff;padding:0 15px;cursor:pointer}.manage-list{margin-top:18px;border-top:1px solid var(--line)}.manage-row{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line)}.manage-row b{color:#30394d!important;font-size:13px}.manage-row small{display:block;color:#9299a8;margin-top:3px}.manage-row>div:last-child{display:flex;gap:6px}.manage-row button{border:1px solid var(--line);border-radius:6px;background:#fff;padding:6px 9px;color:#5f697b;cursor:pointer}.manage-row button.danger{color:#c64e4e;border-color:#f0d0d0}.settings-content .external-grid{max-height:300px;overflow:auto}.settings-content .area{height:130px}.settings-content .wide{height:auto}.settings-content textarea.wide{height:130px}
@media(max-width:760px){main{padding:16px}.toolbar{align-items:stretch}.toolbar .search{min-width:0}.settings-button span{display:none}.settings-box{padding:20px}.settings-tabs button{padding:9px 8px;font-size:12px}}
.aux-name{margin:10px 0 2px!important;max-width:none!important;outline:0;border-radius:4px;padding:2px 4px;margin-left:-4px!important}.aux-name:focus{background:#f3f3ff;box-shadow:inset 0 0 0 1px #c9caf4}.aux-meta{margin:0;color:#9299a8;font-size:11px;min-height:16px}.aux-preview{cursor:pointer}.aux-actions button{white-space:nowrap}
.brand{position:relative}.theme-toggle{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff;color:#667085;cursor:pointer;font-size:15px}.aux-actions.svg-actions{display:grid;grid-template-columns:repeat(2,1fr)}.aux-actions.svg-actions button:first-child{grid-column:span 2}
.aux-card{position:relative}.aux-delete-icon{position:absolute;right:7px;top:7px;z-index:3;width:27px;height:27px!important;min-width:27px;border:1px solid #dfe3ea!important;border-radius:6px!important;background:rgba(255,255,255,.92)!important;color:#758094!important;padding:0!important;font-family:Arial,sans-serif!important;font-size:15px!important;line-height:1;cursor:pointer;box-shadow:none!important}.aux-delete-icon:hover{background:#fff4f4!important;color:#c34e4e!important;border-color:#efcaca!important}
:root[data-theme="dark"]{--ink:#eef1f7;--muted:#a8b0bf;--line:#384153;--accent:#9294ff;--bg:#171b23}html[data-theme="dark"] body{background:var(--bg);color:var(--ink)}html[data-theme="dark"] aside,html[data-theme="dark"] header,html[data-theme="dark"] .card,html[data-theme="dark"] .panel,html[data-theme="dark"] .drawer,html[data-theme="dark"] .modalbox,html[data-theme="dark"] .search,html[data-theme="dark"] .settings-menu,html[data-theme="dark"] button,html[data-theme="dark"] input,html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#222832;color:#e8ebf2;border-color:var(--line)}html[data-theme="dark"] .preview,html[data-theme="dark"] .detail-preview,html[data-theme="dark"] .uploadpreview{background:#343b47}html[data-theme="dark"] nav button.active,html[data-theme="dark"] .filter-nav button.active,html[data-theme="dark"] .format-pills button.selected{background:#35365c;color:#c4c5ff}html[data-theme="dark"] .tag{background:#303744;color:#c3cad5}html[data-theme="dark"] .muted,html[data-theme="dark"] .aux-meta,html[data-theme="dark"] .meta{color:#a8b0bf}html[data-theme="dark"] .upload,html[data-theme="dark"] .primary,html[data-theme="dark"] .settings-primary{background:#7375e8;color:#fff;border-color:#7375e8}html[data-theme="dark"] .theme-toggle{background:#303744;color:#f5d76e}
html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#858fa1}html[data-theme="dark"] .search input{background:transparent;color:#f3f5f8}html[data-theme="dark"] .actions button,html[data-theme="dark"] .aux-actions button,html[data-theme="dark"] .variant button,html[data-theme="dark"] .manage-row button,html[data-theme="dark"] .palette button,html[data-theme="dark"] .settings-button,html[data-theme="dark"] .external-icon button{background:#2c333f;color:#e3e7ee;border-color:#465164}html[data-theme="dark"] .actions button:hover,html[data-theme="dark"] .aux-actions button:hover,html[data-theme="dark"] .variant button:hover,html[data-theme="dark"] .manage-row button:hover{background:#374151;color:#fff;border-color:#667085}html[data-theme="dark"] .actions .primary,html[data-theme="dark"] .toolbar-upload,html[data-theme="dark"] .header-aux-upload,html[data-theme="dark"] .settings-panel .primary{background:#7375e8;color:#fff;border-color:#8587f0}html[data-theme="dark"] .settings-menu button:hover,html[data-theme="dark"] .aux-name:focus{background:#353b49;color:#fff}html[data-theme="dark"] .size-input,html[data-theme="dark"] .size-input input,html[data-theme="dark"] .size-input .size-preset-select,html[data-theme="dark"] .hex{background:#222832;color:#edf0f5;border-color:#465164}html[data-theme="dark"] input:disabled,html[data-theme="dark"] select:disabled{background:#292f39;color:#7f8999}html[data-theme="dark"] .default-check{background:#30364a}html[data-theme="dark"] .default-check b,html[data-theme="dark"] .manage-row b{color:#eef1f7!important}html[data-theme="dark"] .aux-delete-icon{background:#3a292d!important;color:#ff9b9b!important;border-color:#674149!important}html[data-theme="dark"] .aux-delete-icon:hover{background:#4a2d32!important}
.title-line .header-aux-upload{position:static;left:auto;bottom:auto;z-index:auto;height:34px;min-width:0;padding:0 12px;box-shadow:none}.header-aux-upload[hidden]{display:none}.aux-toolbar{margin-top:18px}.aux-panel{margin-top:16px}.aux-result-meta{margin-bottom:12px;color:#9299a8;font-size:12px}.variant-style-select{width:auto;min-width:90px;height:34px;padding:0 8px;border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,92,226,.1)}
.name-editor input,#detailNewTag{height:40px;border:1px solid var(--line);border-radius:7px;background:#fff;color:#36405b;padding:0 11px;outline:0;box-shadow:none}.name-editor input:focus,#detailNewTag:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(91,92,226,.1)}#saveName{height:40px;border:1px solid var(--accent);border-radius:7px;background:var(--accent);color:#fff;padding:0 14px;box-shadow:none;cursor:pointer}#addDetailTag{height:40px;border:1px solid #cfd5df;border-radius:7px;background:transparent;color:#586376;padding:0 14px;box-shadow:none!important;text-shadow:none;cursor:pointer}#addDetailTag:hover{border-color:var(--accent);color:var(--accent);background:transparent}.size-input,#sizeSelect{box-shadow:none!important}
html[data-theme="dark"] .aux-delete-icon{background:rgba(34,40,50,.92)!important;color:#aeb7c6!important;border-color:#465164!important}html[data-theme="dark"] .aux-delete-icon:hover{background:#452e33!important;color:#ff9b9b!important;border-color:#71474f!important}html[data-theme="dark"] .name-editor input,html[data-theme="dark"] #detailNewTag,html[data-theme="dark"] #sizeSelect{background:#202630!important;color:#f0f3f7!important;border-color:#465164!important}html[data-theme="dark"] .name-editor input:focus,html[data-theme="dark"] #detailNewTag:focus,html[data-theme="dark"] #sizeSelect:focus{border-color:#8587f0!important;box-shadow:0 0 0 3px rgba(146,148,255,.14)!important}html[data-theme="dark"] #saveName{background:#7375e8!important;color:#fff!important;border-color:#8587f0!important;box-shadow:none!important}html[data-theme="dark"] #addDetailTag{background:transparent!important;color:#d5dae3!important;border-color:#596477!important;box-shadow:none!important}html[data-theme="dark"] #addDetailTag:hover{color:#bfc0ff!important;border-color:#8587f0!important;background:#292f3b!important}html[data-theme="dark"] .size-input{background:#202630!important;border-color:#465164!important}html[data-theme="dark"] .size-input span{color:#b4bdca!important}html[data-theme="dark"] .size-input .size-preset-select{background:#29303b!important;color:#e5e9f0!important;border-color:#465164!important}
.icon-card,.aux-card{position:relative}.card-delete-icon{position:absolute;right:7px;top:7px;z-index:3;width:23px;height:23px;border:1px solid #dfe3ea;border-radius:5px;background:rgba(255,255,255,.92);color:#7c8798;padding:0;display:grid;place-items:center;cursor:pointer;box-shadow:none}.card-delete-icon:hover{color:#c34e4e;border-color:#efcaca;background:#fff5f5}.trash-line{position:relative;width:9px;height:10px;border:1.4px solid currentColor;border-top:0;border-radius:0 0 2px 2px}.trash-line:before{content:'';position:absolute;left:-2px;top:-4px;width:11px;border-top:1.4px solid currentColor}.trash-line:after{content:'';position:absolute;left:2px;top:-7px;width:3px;height:2px;border:1.4px solid currentColor;border-bottom:0;border-radius:2px 2px 0 0}.confirm-box{width:min(390px,calc(100vw - 40px));padding:24px}.confirm-box h2{font-size:18px;margin:0 0 10px}.confirm-box p{margin:0 0 22px;color:#737d8e;font-size:13px;line-height:1.7}.confirm-box .actions{justify-content:flex-end}.confirm-box .actions button{flex:none;min-width:90px}.confirm-box .danger-confirm{background:#d94b4b;color:#fff;border-color:#d94b4b}.confirm-box .danger-confirm:hover{background:#c63e3e}.confirm-modal{z-index:40}html[data-theme="dark"] .card-delete-icon{background:rgba(34,40,50,.92);color:#adb6c5;border-color:#465164}html[data-theme="dark"] .card-delete-icon:hover{background:#452e33;color:#ff9b9b;border-color:#71474f}html[data-theme="dark"] .confirm-box p{color:#adb6c5}html[data-theme="dark"] .confirm-box .danger-confirm{background:#c94f58;color:#fff;border-color:#db6570}
.icon-card.selected{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 24%,transparent),0 8px 20px #353b6312}.icon-card.selected .preview{background:color-mix(in srgb,var(--accent) 7%,#f8f9fc)}html[data-theme="dark"] .icon-card.selected{border-color:#9294ff;box-shadow:0 0 0 2px rgba(146,148,255,.25),0 8px 22px rgba(0,0,0,.3)}html[data-theme="dark"] .icon-card.selected .preview{background:#393d5b}
.card-delete-icon{width:22px;height:22px;opacity:0;pointer-events:none;transition:opacity .16s,border-color .16s,background .16s}.card-delete-icon img{display:block;width:14px;height:14px;opacity:.8;position:relative;left:-1px;top:-1px}.card:hover>.card-delete-icon,.card-delete-icon:focus-visible{opacity:1;pointer-events:auto}.card-delete-icon:hover img{filter:sepia(1) saturate(5) hue-rotate(315deg);opacity:1}.aux-grid-carousel,.aux-grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.aux-card[data-kind="carousel"] .preview,.aux-card[data-kind="cards"] .preview{width:100%;height:auto}.aux-card[data-kind="carousel"] .preview>img,.aux-card[data-kind="cards"] .preview>img{padding:0!important;object-fit:contain!important}.scaled-actions{display:grid;grid-template-columns:auto 68px auto auto;align-items:center}.scaled-actions .scale-select{width:68px;min-width:68px;height:31px;padding:0 6px;font-size:11px}.scaled-actions button{min-width:0}html[data-theme="dark"] .card-delete-icon img{filter:brightness(1.45)}html[data-theme="dark"] .card-delete-icon:hover img{filter:sepia(1) saturate(5) hue-rotate(315deg) brightness(1.3)}

/* 字体库、颜色预设与详情状态 */
.view-subtitle{color:#9299a8;font-size:12px;white-space:nowrap}.font-panel{max-width:none}.font-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.font-card{cursor:default}.font-preview{height:150px;display:flex;flex-direction:column;justify-content:center;gap:14px;overflow:hidden;background:#f7f8fb;padding:20px;border-radius:0}.font-preview strong{font-size:28px;font-weight:500}.font-preview span{font-size:18px;white-space:nowrap}.font-card h3{max-width:100%}.color-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}.color-title label{margin:0!important}.add-color-preset{border:1px solid var(--line);border-radius:6px;background:transparent;color:#657084;padding:6px 9px;cursor:pointer}.color-editor .hex{width:100%;padding:0 0 0 11px;gap:6px}.color-editor .hex input{max-width:132px;flex:0 1 132px}.color-editor .hex button{height:32px;border:1px solid var(--line);border-radius:6px;background:transparent;color:#596477;padding:0 11px;box-shadow:none;text-shadow:none;cursor:pointer}.color-editor .hex button:last-child{margin-right:5px}.preset-color-input{display:grid;grid-template-columns:52px 1fr;gap:10px}.preset-color-input input[type="color"]{padding:4px}.color-preset-box .actions{justify-content:flex-end}.color-preset-box #deleteColorPreset{margin-right:auto}.aux-card[data-kind="cards"] .preview{border-radius:0}.aux-card[data-kind="carousel"] .preview{border-radius:7px}.group-head button{border-color:var(--line);background:transparent;color:#596477;box-shadow:none}
html[data-theme="dark"] .variant button.selected{background:#50528d!important;color:#fff!important;border-color:#9294ff!important;box-shadow:0 0 0 2px rgba(146,148,255,.2)}html[data-theme="dark"] .color-editor .hex button,html[data-theme="dark"] .add-color-preset{background:transparent!important;color:#d5dae3!important;border-color:#596477!important;box-shadow:none!important}html[data-theme="dark"] .color-editor .hex button:hover,html[data-theme="dark"] .add-color-preset:hover{border-color:#9294ff!important;color:#c9caff!important}html[data-theme="dark"] .font-preview{background:#343b47}html[data-theme="dark"] .group-head button{background:transparent;color:#d5dae3;border-color:#596477}html[data-theme="dark"] .group-head button:hover{color:#fff;border-color:#7a869b}html[data-theme="dark"] .gradient-palette button,html[data-theme="dark"] .gradient-custom-row button{background:#2c333f;color:#e3e7ee;border-color:#465164}html[data-theme="dark"] .gradient-modal-colors input[type="color"],html[data-theme="dark"] .gradient-custom-row input[type="color"]{background:#29303b;border-color:#465164}
.color-editor .palette button.selected{background:transparent!important;color:inherit;border-color:var(--accent);outline:1px solid var(--accent);outline-offset:-2px}.custom-color-row{display:flex;align-items:center;gap:8px;margin-top:10px}.custom-color-row .hex{margin-top:0;max-width:148px;flex:0 1 148px;height:36px}.custom-color-row .hex input{min-width:0;padding:8px 4px}.custom-color-actions{display:flex;gap:6px;margin-left:auto}.custom-color-actions button{height:36px;border:1px solid var(--line);border-radius:6px;background:transparent;color:#596477;padding:0 11px;box-shadow:none;text-shadow:none;cursor:pointer}.custom-color-actions button:hover{border-color:var(--accent);color:var(--accent)}.tag-editor .inline{align-items:center;gap:7px;margin-top:12px}.tag-editor .inline input{height:34px;flex:1}.tag-editor #addDetailTag{height:34px;padding:0 11px;font-size:12px;white-space:nowrap}
html[data-theme="dark"] .color-editor .palette button.selected{background:transparent!important;color:#eef1f7!important;border-color:#aeb1ff!important;outline:1px solid #aeb1ff!important}.custom-color-actions button,html[data-theme="dark"] .custom-color-actions button{background:transparent!important;color:#d5dae3!important;border-color:#596477!important;box-shadow:none!important}.custom-color-actions button:hover,html[data-theme="dark"] .custom-color-actions button:hover{border-color:#9294ff!important;color:#c9caff!important}.tag-editor #addDetailTag,html[data-theme="dark"] .tag-editor #addDetailTag{height:34px;background:transparent!important;color:#d5dae3!important;border:1px solid #596477!important;border-radius:6px;box-shadow:none!important}.tag-editor #addDetailTag:hover,html[data-theme="dark"] .tag-editor #addDetailTag:hover{border-color:#9294ff!important;color:#c9caff!important;background:transparent!important}
html:not([data-theme="dark"]) .tag-editor #addDetailTag{background:#fff!important;color:#4d586b!important;border-color:#596477!important}html:not([data-theme="dark"]) .tag-editor #addDetailTag:hover{background:#f7f8fb!important;color:#303a4c!important;border-color:#3f4a5b!important}
.size-input{width:220px;height:42px;display:flex;align-items:center;gap:0;position:relative;border:0;overflow:visible}.size-input input{padding:0 8px 0 12px;text-align:left;border:1px solid var(--line);border-right:0;border-radius:8px 0 0 8px}.size-input .size-preset-select{width:52px;min-width:52px;appearance:none;text-align:center;text-align-last:center;padding:0 5px;border:1px solid var(--line);border-left:0;border-radius:0 8px 8px 0;color:#9aa3b1;background-color:#fff}.size-hint{text-transform:none}.size-hint::first-letter{ }
.color-editor .palette{grid-template-columns:repeat(2,minmax(0,1fr))}.color-editor .palette button{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;padding-left:28px;padding-right:8px}
.size-input .size-preset-select{appearance:none;-webkit-appearance:none;border-radius:0 8px 8px 0!important;outline:0!important;box-shadow:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23697486' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 7px center;background-size:12px 12px;padding:0 18px 0 4px;color:#9aa3b1}.size-input .size-preset-select:focus,.size-input .size-preset-select:focus-visible{outline:0!important;box-shadow:none!important;border-color:var(--line)!important}.size-input:focus-within{box-shadow:none}
html[data-theme="dark"] .size-input .size-preset-select{background-color:#29303b;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath d='M3 4.5 6 7.5 9 4.5' fill='none' stroke='%23cbd2df' stroke-width='1.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");border-color:#465164!important;color:#aeb7c6}html[data-theme="dark"] .size-input .size-preset-select:focus,html[data-theme="dark"] .size-input .size-preset-select:focus-visible{outline:0!important;box-shadow:none!important;border-color:#465164!important}
.font-preview img{width:100%;height:100%;object-fit:contain}.font-actions{flex-wrap:wrap}.font-actions button{min-width:62px}
.custom-color-row{gap:20px}.custom-color-row .hex{max-width:220px;flex:0 1 220px}.custom-color-actions{margin-left:0;gap:6px}
.tag-assign label{height:30px;padding:4px 9px;border-radius:6px;font-size:12px;line-height:20px}
html[data-theme="dark"] .tag-assign label{background:transparent!important;color:#d5dae3;border-color:#596477!important;box-shadow:none}
html[data-theme="dark"] .tag-assign label:hover{border-color:#9294ff!important;color:#c9caff}
.variant-pager{position:absolute;z-index:4;left:0;right:0;bottom:7px;display:flex;justify-content:center;gap:4px;pointer-events:none}.variant-pager i{display:block;width:5px;height:5px;border-radius:50%;background:#c7cdd8;box-shadow:0 0 0 2px rgba(255,255,255,.72)}.variant-pager i.active{background:var(--accent);width:5px;height:5px;border-radius:50%}.aux-grid-placeholder{grid-template-columns:repeat(auto-fill,230px);gap:15px}.aux-card[data-kind="placeholder"]{width:230px;padding:14px;aspect-ratio:auto}.aux-card[data-kind="placeholder"] .preview{width:200px;height:200px;max-width:100%;max-height:none;margin:0 auto;aspect-ratio:1/1}.aux-card[data-kind="placeholder"] .preview>img{padding:24px!important;object-fit:contain!important}html[data-theme="dark"] .variant-pager i{background:#667286;box-shadow:0 0 0 2px rgba(48,57,70,.8)}html[data-theme="dark"] .variant-pager i.active{background:#aeb1ff}
/* 尺寸控件：单一组合框，左侧输入、右侧预设 */
.size-input{width:220px!important;height:42px;display:flex;align-items:center;gap:0;border:1px solid var(--line)!important;border-radius:8px!important;background:#fff!important;overflow:hidden!important;box-shadow:none!important}
.size-input input{flex:1 1 auto!important;width:auto!important;height:40px!important;min-width:0;border:0!important;border-radius:0!important;background:transparent!important;padding:0 8px 0 12px!important;color:#36405b!important}
.size-input .size-preset-select{flex:0 0 68px!important;width:68px!important;min-width:68px!important;height:40px!important;border:0!important;border-left:1px solid var(--line)!important;border-radius:0!important;background-color:#fff!important;background-position:right 8px center!important;padding:0 19px 0 4px!important;color:#8d95a4!important;text-align:center;text-align-last:center}
html[data-theme="dark"] .size-input{background:#202630!important;border-color:#465164!important}
html[data-theme="dark"] .size-input input{background:transparent!important;color:#f0f3f7!important}
html[data-theme="dark"] .size-input .size-preset-select{background-color:#29303b!important;color:#d5dce8!important;border-left-color:#596477!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath d='M3.2 5.2 7 9l3.8-3.8' fill='none' stroke='%23eef2ff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-size:14px 14px!important;background-position:right 8px center!important}
.size-input{width:100%!important}
.size-input input{min-width:0!important}
.aux-card>.card-delete-icon{width:24px!important;height:24px!important;display:grid!important;place-items:center!important;padding:0!important}
.aux-card>.card-delete-icon img{width:14px!important;height:14px!important;position:relative;left:-1px;top:-1px}
.settings-primary#settingsImport{display:inline-flex;align-items:center;justify-content:center;min-width:170px;height:44px;padding:0 22px;font-size:14px;font-weight:650;border-radius:8px}
.import-actions{display:flex;gap:10px;align-items:center}.external-icon{min-width:0;overflow:hidden}.external-name{display:block;width:100%;min-width:0;border:0;background:transparent;color:inherit;font:inherit;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;outline:0;padding:4px 0}.external-name:focus{background:#f3f4ff;border-radius:4px}.external-icon button{width:100%;margin-top:8px}
html:not([data-theme="dark"]) .custom-color-actions button{border-color:#d9dee8!important;color:#3f4a5b!important;background:#fff!important}
html:not([data-theme="dark"]) .tag-editor #addDetailTag{border-color:#d9dee8!important;color:#3f4a5b!important;background:#fff!important}

/* 外部导入卡片：删除按钮始终位于预览图层之上，名称居中并安全省略 */
.external-icon{position:relative;isolation:isolate;overflow:hidden;background:#fff;border-color:#e1e5ed}
.external-icon .preview{position:relative;z-index:1}
.external-icon .external-remove{display:grid!important;place-items:center;position:absolute!important;z-index:8!important;right:7px!important;top:7px!important;width:28px!important;height:28px!important;margin:0!important;padding:0!important;border:1px solid #d8dee8!important;border-radius:7px!important;background:rgba(255,255,255,.96)!important;color:#5c6678!important;font-size:18px!important;line-height:1!important;cursor:pointer!important;pointer-events:auto!important;box-shadow:0 2px 8px rgba(23,32,51,.12)}
.external-icon .external-remove:hover{background:#fff1f1!important;border-color:#e7aeb2!important;color:#c43f4b!important}
.external-icon>b{position:relative;z-index:2;text-align:center;color:#30394d;line-height:1.4}
html[data-theme="dark"] .external-icon{background:#252c37;border-color:#465164;box-shadow:0 4px 14px rgba(0,0,0,.2)}
html[data-theme="dark"] .external-icon .preview{background:#303946}
html[data-theme="dark"] .external-icon>b{color:#f0f3f8!important}
html[data-theme="dark"] .external-icon .external-remove{background:#303946!important;border-color:#5a687d!important;color:#eef2f8!important;box-shadow:0 2px 8px rgba(0,0,0,.35)}
html[data-theme="dark"] .external-icon .external-remove:hover{background:#4b3037!important;border-color:#d06a75!important;color:#ffb4ba!important}
/* 账号与授权入口 */
.auth-area{position:fixed;right:28px;top:24px;z-index:7;display:flex;align-items:center;gap:10px}.role-badge{font-size:11px;color:#697386;background:#fff;border:1px solid var(--line);border-radius:999px;padding:7px 11px}.auth-link{border:1px solid #cfd3ff;border-radius:7px;background:#fff;color:var(--accent);padding:8px 12px;cursor:pointer;font-size:12px}.auth-modal[hidden]{display:none!important}.auth-box{width:min(460px,calc(100vw - 32px))}.auth-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:8px 0 18px}.auth-tabs button{border:0;border-bottom:2px solid transparent;background:transparent;padding:9px 12px;color:#7a8495;cursor:pointer}.auth-tabs button.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:650}.auth-error{min-height:20px;color:#c94d58;font-size:12px}.auth-session p{color:#687386;font-size:13px;line-height:1.7}.auth-session .actions button{flex:1}@media(max-width:760px){.auth-area{right:16px;top:16px}.role-badge{display:none}}
html[data-theme="dark"] .icon-card,html[data-theme="dark"] .aux-card{background:#252c37;border-color:#465164;box-shadow:0 4px 14px rgba(0,0,0,.18)}
html[data-theme="dark"] .icon-card:hover,html[data-theme="dark"] .aux-card:hover{border-color:#7479d8;box-shadow:0 8px 22px rgba(0,0,0,.3)}
html[data-theme="dark"] .icon-card h3,html[data-theme="dark"] .aux-card h3{color:#f0f3f8}
html[data-theme="dark"] .icon-card .preview,html[data-theme="dark"] .aux-card .preview{background:#303946}
html[data-theme="dark"] .icon-card .tag,html[data-theme="dark"] .aux-card .tag{background:#374252;color:#cbd4e2}
/* Role-safe card controls and readable detail metadata. */
body:not(.jicon-manager) .card-delete-icon{display:none!important;pointer-events:none!important}
body.jicon-manager .card-delete-icon{display:grid}
body.jicon-manager .card-delete-icon{left:7px;right:auto}
.detail-preview + .replace-hint{margin:10px 0 14px;line-height:1.55;white-space:normal;overflow-wrap:anywhere}
.asset-meta{margin:0 0 14px;line-height:1.5;white-space:normal;overflow-wrap:anywhere}

.drawer-head{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:32px;padding:0 4px;margin-bottom:8px}.drawer-head button.drawer-close{flex:0 0 32px;width:32px;height:32px;margin:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:24px;line-height:1;color:#697386;cursor:pointer}

.card-delete-icon{left:auto!important;right:7px!important;top:7px!important}.aux-actions{width:100%;display:flex;gap:6px}.aux-actions>*{flex:1;min-width:0}.detail-tip{line-height:1.35!important}
#detail input[type=file],#detail .file-picker,#detail .file-input{display:none!important}#detail .detail-tip{line-height:1.35!important}
.settings-menu{display:none!important}.settings-menu.open{display:block!important}.settings-menu[hidden]{display:none!important}
#replaceFile{display:none!important;position:absolute!important;width:0!important;height:0!important;opacity:0!important;pointer-events:none!important}

/* 访客只能浏览、复制和下载；所有上传及编辑入口在渲染后也由 CSS 兜底隐藏。 */
body:not(.jicon-manager) #uploadButton,
body:not(.jicon-manager) #headerAuxUpload,
body:not(.jicon-manager) #auxUpload,
body:not(.jicon-manager) [data-aux-rename],
body:not(.jicon-manager) [data-aux-delete],
body:not(.jicon-manager) [data-font-preview],
body:not(.jicon-manager) [data-font-delete]{display:none!important;pointer-events:none!important}
body:not(.jicon-manager) .aux-name{contenteditable:false!important;user-select:text;cursor:default}

/* 详情关闭按钮位于抽屉左侧外部，避免与标题、登录入口重叠。 */
.drawer-head button.drawer-close{position:fixed!important;right:430px;top:20px;z-index:12;width:34px;height:34px;margin:0;border:1px solid var(--line);border-right:0;border-radius:9px 0 0 9px;background:#fff;color:#697386;box-shadow:0 4px 14px rgba(23,32,51,.16);font-size:24px;line-height:1;opacity:0;pointer-events:none;transition:opacity .2s,background .2s,color .2s,border-color .2s}
.drawer.open .drawer-head button.drawer-close{opacity:1;pointer-events:auto}
html[data-theme="dark"] .drawer-head button.drawer-close{background:#2c333f;color:#eef2f8;border-color:#596477;border-right:0;box-shadow:0 4px 14px rgba(0,0,0,.38)}
html[data-theme="dark"] .drawer-head button.drawer-close:hover{background:#3b4554;color:#fff;border-color:#9294ff}
@media(max-width:760px){.drawer-head button.drawer-close{right:auto;left:12px;top:16px}}
.account-license{border-top:1px solid var(--line);margin-top:16px;padding-top:16px}.account-license label{display:block;color:#7b8494;font-size:12px;margin-bottom:7px}.account-license input{width:100%;height:40px;border:1px solid var(--line);border-radius:7px;padding:0 10px}.account-license .primary{width:100%;margin-top:9px}.account-actions{display:flex;gap:8px;margin-top:14px}.account-actions button{flex:1;min-width:0}
html[data-theme="dark"] .account-license input{background:#202630;color:#f0f3f7;border-color:#465164}

/* account-center-flat-ui-v7 */
.account-actions{display:flex;gap:10px;margin-top:18px}.account-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-width:0;height:40px;border:1px solid var(--line);border-radius:8px;background:transparent;box-shadow:none!important;text-shadow:none!important;color:#526075;font-weight:600;cursor:pointer;transition:background .16s,border-color .16s,color .16s}.account-actions button:hover{background:#f6f7fb;border-color:#b9c1ce}.account-actions button:before{display:inline-grid;place-items:center;width:16px;height:16px;font-size:16px;font-weight:400;line-height:1}.account-password-button:before{content:'⌑';transform:rotate(180deg)}.account-logout-button{color:#b6535b!important}.account-logout-button:before{content:'↪';font-size:18px}.forgot-password-link{display:block;margin:-2px 0 4px auto;padding:0;border:0!important;background:transparent!important;color:var(--accent)!important;font-size:12px;cursor:pointer;box-shadow:none!important;text-shadow:none!important}.forgot-password-link:hover{text-decoration:underline}.auth-tabs[hidden]{display:none!important}
html[data-theme="dark"] .account-actions button{background:transparent!important;color:#d7dce6!important;border-color:#596477!important;box-shadow:none!important}html[data-theme="dark"] .account-actions button:hover{background:#2b3340!important;border-color:#79869b!important}html[data-theme="dark"] .account-logout-button{color:#ef8e96!important;border-color:#71474f!important}html[data-theme="dark"] .forgot-password-link{background:transparent!important;color:#aeb1ff!important}
.auth-box [hidden]{display:none!important}
#authPhoneLabel[hidden],#authCodeLabel[hidden],#authUserLabel[hidden],#authPasswordLabel[hidden],#authPhone[hidden],#authCode[hidden],#authUser[hidden],#authPassword[hidden],.auth-tabs[hidden]{display:none!important}
.session-user-info{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:12px 0;padding:12px;border:1px solid var(--line);border-radius:8px;background:rgba(120,130,160,.05)}.session-user-info div{display:flex;flex-direction:column;gap:3px}.session-user-info b{font-size:11px;color:#818b9d;font-weight:500}.session-user-info span{font-size:13px;color:var(--text)}
.account-switch-button{color:var(--accent)!important}.password-box{width:min(420px,calc(100vw - 32px))}.password-box form{display:flex;flex-direction:column}.password-box label{margin-top:10px}.password-box input{height:40px;border:1px solid var(--line);border-radius:7px;padding:0 10px;background:var(--surface);color:var(--text)}.password-check{min-height:17px;margin:4px 0 0;font-size:12px}.password-check.valid{color:#2b9865}.password-check.invalid{color:#c94d58}.password-box .auth-error{margin:8px 0 0}
html[data-theme="dark"] .session-user-info{background:rgba(255,255,255,.03)}html[data-theme="dark"] .password-box input{background:#202630;color:#f0f3f7;border-color:#465164}
/* Hidden modal layers must stay hidden until explicitly opened. */
.modal[hidden]{display:none!important}

.app > aside{position:sticky;top:0;height:100vh;align-self:flex-start;overflow-y:auto} main{min-width:0}.password-field{display:flex;align-items:center;gap:8px}.password-field input{flex:1}.password-toggle{border:1px solid var(--line,#d8dee9);background:transparent;color:inherit;border-radius:8px;padding:8px 10px;cursor:pointer}.password-toggle:hover{border-color:var(--accent,#6d5dfc);color:var(--accent,#6d5dfc)}.gradient-preset,.gradient-option,[data-gradient]{position:relative;border:2px solid transparent}.gradient-preset.selected,.gradient-option.selected,[data-gradient].selected,.gradient-preset[aria-pressed=true],.gradient-option[aria-pressed=true],[data-gradient][aria-pressed=true]{border-color:var(--accent,#6d5dfc)!important;box-shadow:0 0 0 3px rgba(109,93,252,.28)}
/* Fixed workspace header + independent icon-card scrolling */
body{overflow:hidden}
main{height:100vh;overflow:hidden;display:flex;flex-direction:column}
main>header{flex:0 0 auto;position:relative;z-index:20;background:var(--bg);padding-bottom:4px}
#workspace{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden;position:relative}
#workspace .toolbar,#workspace .meta,#workspace .filter-nav{flex:0 0 auto;position:relative;z-index:5;background:var(--bg)}
#workspace .toolbar{margin-top:24px}
#workspace .grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;position:relative;z-index:1;padding-top:18px;padding-bottom:48px;padding-right:24px;scrollbar-gutter:stable}
#workspace .grid:before{content:"";position:sticky;top:0;display:block;height:0;z-index:4;pointer-events:none}
/* Gradient preset selection, including the actual data attribute used by app.js */
[data-gradient-preset]{border:2px solid transparent !important;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}
[data-gradient-preset].selected,[data-gradient-preset][aria-pressed="true"]{border-color:var(--accent,#5b5ce2)!important;box-shadow:0 0 0 3px rgba(91,92,226,.28),0 4px 14px rgba(91,92,226,.2)!important;transform:translateY(-1px)}
[data-theme="dark"] [data-gradient-preset]{border-color:transparent !important}
[data-theme="dark"] [data-gradient-preset].selected,[data-theme="dark"] [data-gradient-preset][aria-pressed="true"]{border-color:#b7aaff!important;box-shadow:0 0 0 3px rgba(183,170,255,.42),0 4px 18px rgba(183,170,255,.24)!important}


/* 20260929-13 exact requested fixes */
.grid{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(170px,220px))!important;justify-content:start!important;align-content:start!important;align-items:start!important;grid-auto-rows:max-content!important;gap:14px!important}
.grid>.card{height:auto!important;min-height:0!important;align-self:start!important}
.grid>.card .preview{height:116px!important;min-height:116px!important}
.drawer,.drawer.open{z-index:2000!important}
main>header{z-index:100!important;background:var(--bg)!important;opacity:1!important}
html[data-theme="dark"] main>header{background:#171c26!important;color:var(--ink)!important}
html[data-theme="dark"] .drawer{background:#202733!important}
[data-gradient-preset].selected,[data-gradient-preset][aria-pressed="true"],html[data-theme="dark"] [data-gradient-preset].selected,html[data-theme="dark"] [data-gradient-preset][aria-pressed="true"]{box-shadow:none!important;filter:none!important;text-shadow:none!important;transform:none!important;border:2px solid #b7aaff!important}
html[data-theme="dark"] [data-gradient-preset]{border-color:transparent!important}
html[data-theme="dark"] [data-gradient-preset].selected,html[data-theme="dark"] [data-gradient-preset][aria-pressed="true"]{border-color:#b7aaff!important}
.card.is-selected{outline:2px solid var(--accent,#5b5ce2)!important;outline-offset:-2px!important}
/* requested layout and eye controls */
.grid:before{display:none!important;content:none!important}
#workspace{padding-left:20px!important;padding-right:20px!important}
.grid{margin-left:0!important;padding-left:0!important;grid-template-columns:repeat(auto-fill,minmax(170px,220px))!important;justify-content:start!important;justify-items:stretch!important;align-content:start!important;grid-auto-rows:max-content!important}
.card.is-selected{outline:0!important;box-shadow:0 8px 20px #353b6312!important;transform:translateY(-2px)!important}
.card:hover{transform:translateY(-2px)}
.password-field{position:relative;display:flex;align-items:center}
.password-field input{width:100%;padding-right:42px!important}
.password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:30px;height:30px;border:0!important;background:transparent!important;padding:0!important;font-size:0!important;color:var(--muted);cursor:pointer}
.password-toggle:before{content:'\1F441';font-size:17px}
.password-toggle[data-visible='true']:before{content:'\1F648'}
.password-toggle:hover{color:var(--accent)}

/* 20260929-15 requested fixes */
.grid:before{display:none!important;content:none!important}
#workspace{padding-left:20px!important;padding-right:20px!important}
.grid{margin:0!important;padding:0!important;grid-template-columns:repeat(auto-fill,minmax(170px,220px))!important;justify-content:start!important;justify-items:stretch!important;align-content:start!important;grid-auto-rows:max-content!important}
.card.is-selected{outline:0!important;border-color:var(--line)!important;box-shadow:0 8px 20px #353b6312!important;transform:translateY(-2px)!important}
.password-toggle{font-size:0!important}
.password-toggle:before{content:''!important;display:block;width:18px;height:18px;margin:auto;background-color:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M2 12s3.6-7 10-7 10 7 10 7-3.6 7-10 7S2 12 2 12Z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E") center/contain no-repeat}
.password-toggle[data-visible='true']:before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 5.2A10.7 10.7 0 0 1 12 5c6.4 0 10 7 10 7a15 15 0 0 1-3.1 3.8M6.2 6.2C3.5 8 2 12 2 12s3.6 7 10 7c1.1 0 2.1-.2 3-.5'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 3 18 18M10.6 10.6a2 2 0 0 0 2.8 2.8M9.9 5.2A10.7 10.7 0 0 1 12 5c6.4 0 10 7 10 7a15 15 0 0 1-3.1 3.8M6.2 6.2C3.5 8 2 12 2 12s3.6 7 10 7c1.1 0 2.1-.2 3-.5'/%3E%3C/svg%3E") }

/* final UI fixes */
.password-field,.password-wrap,.input-with-toggle,.auth-input-wrap{position:relative!important;display:flex!important;align-items:center!important;width:100%!important}.password-field>input,.password-wrap>input,.input-with-toggle>input,.auth-input-wrap>input{width:100%!important;padding-right:44px!important}.password-toggle{position:absolute!important;right:12px!important;top:50%!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;z-index:2!important}.card.is-selected,.card.selected{border-color:inherit!important;box-shadow:inherit!important;outline:0!important}.card.is-selected:hover,.card.selected:hover{border-color:#b8b9f7!important;box-shadow:0 8px 20px #353b6312!important}@media (prefers-color-scheme:dark){input[type=range]{accent-color:#9b9dff}input[type=range]::-webkit-slider-runnable-track{height:5px;border-radius:999px;background:#394052;border:1px solid #4c556b}input[type=range]::-webkit-slider-thumb{width:16px;height:16px;margin-top:-6px;border:2px solid #171b27;border-radius:50%;background:#9b9dff}input[type=range]::-moz-range-track{height:5px;border-radius:999px;background:#394052;border:1px solid #4c556b}input[type=range]::-moz-range-thumb{width:14px;height:14px;border:2px solid #171b27;border-radius:50%;background:#9b9dff}}body.dark input[type=range]{accent-color:#9b9dff}
/* verified interaction fixes */
.card.is-selected,.card.selected{border-color:transparent!important;box-shadow:none!important;outline:none!important}
.card.is-selected:hover,.card.selected:hover{border-color:#b8b9f7!important;box-shadow:0 8px 20px rgba(53,59,99,.07)!important}
.password-field{position:relative!important;display:block!important;width:100%!important;height:42px!important}
.password-field>input{position:relative!important;display:block!important;width:100%!important;height:42px!important;padding-right:44px!important;line-height:42px!important}
.password-field>.password-toggle{position:absolute!important;right:10px!important;top:21px!important;transform:translateY(-50%)!important;width:24px!important;height:24px!important;margin:0!important;padding:0!important;display:grid!important;place-items:center!important;border:0!important;background:transparent!important;line-height:1!important;z-index:10!important}

/* Jicon2 优化：图标库卡片网格顶部与头部遮罩保持 10px 间距，避免选中样式被遮罩覆盖显示不完整 */
#workspace .grid{padding-top:10px!important}

/* Jicon2 优化：图标库卡片点击后的选中高亮（外围线条）持久保留，直至点击非卡片区才恢复默认 */
.card.icon-card.selected{border-color:var(--accent,#5b5ce2)!important;box-shadow:none!important}
html[data-theme="dark"] .card.icon-card.selected{border-color:#9294ff!important;box-shadow:none!important}

/* Jicon2 二次优化：恢复各辅助栏目卡片独有的展示样式，不再套用图标库卡片样式 */

/* 占位图：预览区 1:1 正方形 */
.aux-grid-placeholder{grid-template-columns:repeat(auto-fill,230px)!important;gap:15px!important}
.aux-card[data-kind="placeholder"]{width:230px!important}
.aux-card[data-kind="placeholder"] .preview{width:200px!important;height:200px!important;max-width:100%!important;max-height:none!important;min-height:0!important;margin:0 auto!important;aspect-ratio:1/1!important}
.aux-card[data-kind="placeholder"] .preview>img{padding:24px!important;object-fit:contain!important}

/* 轮播图：素材比例 702:132 */
.aux-grid-carousel{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}
.aux-card[data-kind="carousel"] .preview{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:702/132!important}
.aux-card[data-kind="carousel"] .preview>img{padding:0!important;object-fit:contain!important}

/* 卡片栏目：素材比例 750:210 */
.aux-grid-cards{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))!important}
.aux-card[data-kind="cards"] .preview{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:750/210!important}
.aux-card[data-kind="cards"] .preview>img{padding:0!important;object-fit:contain!important}

/* 表情包：GIF 素材 1:1 */
.aux-card[data-kind="emoji"] .preview{width:100%!important;height:auto!important;min-height:0!important;aspect-ratio:1/1!important}
.aux-card[data-kind="emoji"] .preview>img{padding:20px!important;object-fit:contain!important}

/* 字体库：完整展示中文/字母/数字，20px 内边距 */
.font-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important}
.font-preview{height:auto!important;min-height:160px!important;padding:20px!important;overflow:hidden!important;gap:12px!important}
.font-preview strong{font-size:28px!important;font-weight:500!important}
.font-preview span{font-size:18px!important;white-space:normal!important;line-height:1.5!important}
.font-preview img{width:100%!important;height:auto!important;padding:0!important;object-fit:contain!important;display:block!important}

/* 渐变预设按钮：去掉渐变色的白色描边，选中态描边改为 1px */
.gradient-palette button i{border:0!important}
[data-gradient-preset].selected,[data-gradient-preset][aria-pressed="true"]{border-width:1px!important}
html[data-theme="dark"] [data-gradient-preset].selected,html[data-theme="dark"] [data-gradient-preset][aria-pressed="true"]{border-width:1px!important}

/* Jicon2 三轮优化：轮播图卡片素材圆角 15px */
.aux-card[data-kind="carousel"] .preview{border-radius:15px!important}

/* 素材卡片列表分页器 */
.pager{display:flex;align-items:center;justify-content:center;gap:6px;margin:22px auto 6px;flex-wrap:wrap}
.pager .page-btn{min-width:34px;height:34px;border-radius:50%;border:1px solid var(--line,#e8ebf0);background:#fff;color:#596477;font-size:13px;cursor:pointer;display:grid;place-items:center;padding:0 9px;transition:.15s}
.pager .page-btn:hover{border-color:var(--accent,#5b5ce2);color:var(--accent,#5b5ce2)}
.pager .page-btn.active{background:var(--accent,#5b5ce2);border-color:var(--accent,#5b5ce2);color:#fff;font-weight:600}
.pager .page-btn:disabled{opacity:.45;cursor:default;pointer-events:none}
.pager .page-dots{color:#8a92a0;padding:0 2px}
.pager .page-total{margin-left:12px;color:#9299a8;font-size:12px;white-space:nowrap}
html[data-theme="dark"] .pager .page-btn{background:#252c37;border-color:#465164;color:#d5dae3}
html[data-theme="dark"] .pager .page-btn.active{background:#7375e8;border-color:#7375e8;color:#fff}
html[data-theme="dark"] .pager .page-dots{color:#a8b0bf}
html[data-theme="dark"] .pager .page-total{color:#a8b0bf}

/* Jicon2 四轮优化：深色模式下滚动条与背景融合 */
html[data-theme="dark"] ::-webkit-scrollbar{width:9px;height:9px}
html[data-theme="dark"] ::-webkit-scrollbar-track{background:transparent}
html[data-theme="dark"] ::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:5px}
html[data-theme="dark"] ::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.22)}
html[data-theme="dark"] ::-webkit-scrollbar-corner{background:transparent}

/* Jicon2 四轮优化：账号中心"激活"按钮扁平化、加高、已激活置灰 */
#sessionActivate{height:46px;border:0;border-radius:8px;background:var(--accent,#5b5ce2);color:#fff;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:none;text-shadow:none;background-image:none;transition:background .15s}
#sessionActivate:hover{background:#4c4dcc}
#sessionActivate:active{background:#4344c4}
#sessionActivate:disabled{background:#c5c8d6;color:#f5f6fa;cursor:default}
html[data-theme="dark"] #sessionActivate{background:#7375e8;color:#fff}
html[data-theme="dark"] #sessionActivate:hover{background:#8587f0}
html[data-theme="dark"] #sessionActivate:disabled{background:#3a4150;color:#8a93a3}

/* Jicon2 五轮优化：辅助栏目（占位图/艺术字/轮播图/卡片栏目/表情包/字体库）卡片区在视口内滚动预览 */
#workspace .aux-panel{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:hidden}
#workspace .aux-panel .grid{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;padding-top:14px;padding-bottom:24px;padding-right:24px;align-content:start}
#workspace .aux-panel .pager{flex:0 0 auto;padding:16px 0 6px}

/* Jicon2 六轮优化：卡片区右侧预留安全距离，滚动条滑块贴合右侧内容区显示、与卡片保持间距 */
#workspace .grid{padding-right:26px!important}
#workspace .aux-panel .grid{padding-right:26px!important}