main.quick-main{margin-left:218px!important;margin-right:0!important;width:calc(100% - 218px)!important;max-width:none!important;}.quick-main{max-width:none;margin-left:0;margin-right:0;width:100%;padding:38px 28px 45px}.quick-intro{text-align:center;padding:10px 0 30px}.quick-intro h1{margin:13px 0 8px}.quick-intro h1 span{color:var(--green)}.quick-intro p{font-size:12px;color:#929a93}.quick-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.quick-form,.quick-result{padding:27px;min-width:0;overflow:hidden}.field-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:17px 14px;margin:25px 0}.field-grid label{min-width:0;font-size:11px;color:#71806f}.field-grid label.full{grid-column:1/-1}.field-grid input,.field-grid select{display:block;width:100%;margin-top:7px;padding:12px;border:1px solid #e2e8df;border-radius:8px;background:#fcfdf9;color:var(--ink);font-size:12px}.battle-card{min-height:410px;border-radius:13px;overflow:hidden;position:relative}.empty-card{background:#f6f8f2;border:1px dashed #d8e2d4;display:grid;place-items:center;align-content:center;text-align:center}.empty-symbol{font-size:44px;color:#9eb095}.empty-card h3{font-size:16px;font-weight:500}.empty-card p{font-size:11px;color:#9aa590}.generated-card{padding:32px;color:#fff;background:linear-gradient(145deg,#172b35,#436457);display:flex;flex-direction:column;justify-content:space-between}.generated-card:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 15%,#eaa25e55,transparent 25%),linear-gradient(120deg,transparent 60%,#ffffff12);pointer-events:none}.card-kicker{font-size:10px;letter-spacing:3px;color:#c7d8c5}.generated-card h3{font-size:31px;letter-spacing:2px;margin:12px 0 4px}.card-map{font-size:15px;color:#e4c896}.stat-lines{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid #ffffff33;padding-top:18px}.stat-lines div{font-size:10px;color:#c2d0c2}.stat-lines strong{display:block;font-size:15px;color:#fff;margin-top:5px}.card-footer{display:flex;justify-content:space-between;color:#b4c8b5;font-size:10px}.quick-result .download{margin-top:16px;justify-content:center}.quick-result .download.disabled{pointer-events:none}@media(max-width:900px){.quick-layout{grid-template-columns:1fr}}@media(max-width:760px){.quick-main{padding:25px 16px 35px}.quick-layout{grid-template-columns:1fr}.field-grid{gap:13px}.quick-form,.quick-result{padding:20px}}




@media(max-width:760px){main.quick-main{margin-left:0!important;width:100%!important}}
.material-upload{display:flex;align-items:center;gap:12px;margin-top:7px;padding:10px;border:1px dashed #d8e1d3;border-radius:8px;background:#fbfcf8;color:#8d9b89;cursor:pointer}.material-upload input{display:none}.material-upload img{width:54px;height:42px;object-fit:cover;border-radius:5px}.material-upload span{font-size:11px}.material-upload:hover{border-color:var(--orange);color:var(--green)}
.quick-form-stack{display:flex;flex-direction:column;gap:20px;min-width:0}.quick-result{align-self:start}.field-grid .full{grid-column:1/-1}.range-field{margin:0;padding:0;border:0;min-width:0}.range-field legend{font-size:11px;color:#71806f;margin-bottom:7px}.range-inputs{display:flex;align-items:center;gap:9px}.range-inputs input{width:0;min-width:0;flex:1;margin:0}.range-inputs span{font-size:12px;color:#909c88}.material-upload{position:relative;min-height:80px;flex-wrap:wrap}.material-upload input{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}.material-upload:focus-within{outline:2px solid #e97851;outline-offset:3px}.material-upload>span{flex:1;min-width:0;overflow-wrap:anywhere}.material-note{font-size:10px;line-height:1.8;color:#929d88;margin:7px 0}.material-field>label:first-child{font-size:11px;color:#71806f}.output-card{min-height:0;background:#203a3b;line-height:0}.battle-output{width:100%;height:auto;display:block}
.quick-previews{display:flex;flex-direction:column;gap:20px;min-width:0}.overlay-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.battle-rules{background:#f5f7f1;padding:12px 15px;border-radius:8px;margin:15px 0}.battle-rules p{font-size:11px;color:#7e8c77;line-height:1.8;margin:3px 0}.reference-details{margin-top:16px;font-size:12px;color:#83937a}.reference-details img{width:100%;border-radius:8px;margin-top:12px}.quick-previews #second-preview:empty{min-height:160px;background:#f3f6ee}.quick-previews #second-preview:empty:before{content:'上传干净底图，补齐数字字形后生成';display:block;color:#84947b;font-size:12px;text-align:center;line-height:160px}
.material-switch{display:flex;width:max-content;gap:5px;margin:0 auto 26px;padding:5px;border:1px solid #e2e8dc;background:#edf2e7;border-radius:12px}.material-switch button{min-width:120px;border:0;border-radius:8px;background:transparent;padding:12px 24px;color:#819077;font-size:14px}.material-switch button.active{background:#386858;color:#fff;box-shadow:0 2px 8px #233d2415}.material-switch button:focus-visible{outline:3px solid #e9a589;outline-offset:3px}

.preview-upload-button{margin-top:14px;font-size:13px;padding:13px 10px}.quick-previews #second-preview:empty:before{content:"添加素材②底图后，在这里预览";line-height:1.8;padding:60px 14px}.quick-previews #second-preview:empty{min-height:150px}
.html-render-frame{position:fixed;left:-20000px;top:0;border:0;pointer-events:none}#overlay-preview-dialog{width:840px;max-width:92vw}#overlay-large-preview{display:block;max-width:100%;height:auto;margin:auto}#overlay-open{margin-right:8px}

.batch-count-label{display:block;font-size:12px;color:#71806f;margin:18px 0 8px}.batch-count-label input{display:block;width:100%;padding:12px;margin-top:8px;border:1px solid #dce4d7;border-radius:8px}.batch-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:14px;max-height:380px;overflow:auto}.batch-gallery button{padding:4px;border:1px solid #dce4d7;background:#fafcf8;border-radius:6px;font-size:10px}.batch-gallery img{display:block;width:100%;height:65px;object-fit:contain}.batch-gallery button.selected{border:2px solid #386858}#batch-cancel{margin-bottom:10px}#batch-download{margin-top:12px;font-size:12px}

.overlay-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:12px 0}.overlay-item{min-width:0;padding:6px;border:1px solid #dce4d7;border-radius:8px}.overlay-item-preview{width:100%;padding:0;border:0;background:none}.overlay-item-preview img{width:100%;height:75px;object-fit:contain}.overlay-item-preview span{display:block;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:5px 0}.overlay-item .small-button{font-size:10px;padding:5px 9px}