:root{--color-bg: #f1f5f9;--color-surface: #ffffff;--color-border: #e2e8f0;--color-border-strong: #cbd5e1;--color-text: #1e293b;--color-text-muted: #64748b;--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #eff6ff;--color-success: #059669;--color-success-bg: #ecfdf5;--color-danger: #dc2626;--color-danger-hover: #b91c1c;--color-warning: #d97706;--radius: 10px;--radius-lg: 14px;--shadow: 0 1px 3px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .1);--header-h: 64px;--sidebar-w: 200px;--max-content: 1080px;--max-admin: 1200px}@font-face{font-family:FancyFontA;src:url(/assets/%E5%B0%8F%E5%8F%AF%E5%A5%B6%E9%85%AA%E4%BD%93-DLhe7U2Z.ttf) format("truetype");font-display:swap}@font-face{font-family:FancyFontB;src:url(/assets/%E8%8D%86%E5%8D%97%E9%BA%A6%E5%9C%86%E4%BD%93-D8twwycQ.ttf) format("truetype");font-display:swap}*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6;color:var(--color-text);background:var(--color-bg)}#root{min-height:100vh}.app{max-width:var(--max-content);margin:0 auto;padding:32px 40px 48px;min-height:100vh}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 28px;background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:28px}.app-header__title{margin:0;font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)}.app-header__desc{margin:6px 0 0;font-size:.9rem;color:var(--color-text-muted)}.app-header__actions{display:flex;align-items:center;gap:20px}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 32px;margin-bottom:24px;box-shadow:var(--shadow);border:1px solid var(--color-border)}.card__title{margin:0 0 20px;font-size:1.15rem;font-weight:600;color:var(--color-text)}.card__title--step{display:flex;align-items:center;gap:10px}.card__title--step .step-num{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;background:var(--color-primary);color:#fff;font-size:.85rem;font-weight:600}.btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border:none;border-radius:var(--radius);font-size:14px;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s,box-shadow .2s}.btn:disabled{opacity:.6;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 2px 8px #2563eb59}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-text-muted)}.btn-danger{background:var(--color-danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--color-danger-hover)}.btn-sm{padding:6px 14px;font-size:13px}.form-row{margin-bottom:18px}.form-row label{display:block;margin-bottom:6px;font-size:14px;font-weight:500;color:var(--color-text)}input:not([type=file]):not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=hidden]):not([type=image]),select,textarea{width:100%;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;color:var(--color-text);background:var(--color-surface);transition:border-color .2s,box-shadow .2s;font-family:inherit}input:not([type=file]):focus,select:focus,textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb26}input::placeholder{color:var(--color-text-muted)}.search-bar{margin-bottom:24px}.search-bar__input{width:100%;max-width:420px;padding:12px 16px;font-size:15px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color .2s}.search-bar__input::placeholder{color:var(--color-text-muted)}.search-bar__input:focus{border-color:var(--color-primary)}.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:18px}.template-card{border:2px solid var(--color-border);border-radius:var(--radius);overflow:hidden;cursor:pointer;text-align:center;transition:border-color .2s,background .2s,box-shadow .2s;background:var(--color-surface)}.template-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.template-card.selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 1px var(--color-primary)}.template-card__img-wrap{aspect-ratio:1;background:var(--color-bg);display:flex;align-items:center;justify-content:center}.template-card__img{width:100%;height:100%;object-fit:cover;display:block}.template-card__img-placeholder{font-size:13px;color:var(--color-text-muted)}.template-card__name{font-weight:600;font-size:.95rem;color:var(--color-text);padding:10px 12px 4px}.template-card__applicable{font-size:12px;color:var(--color-text-muted);padding:0 12px 12px}.template-selected-panel{margin-bottom:16px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg)}.template-selected-panel__title{font-size:13px;font-weight:600;color:var(--color-text-muted);margin-bottom:10px}.template-selected-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}.template-selected-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:var(--radius);background:var(--color-surface);border:1px solid var(--color-border);font-size:14px}.template-selected-chip__name{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.template-selected-chip__remove{flex-shrink:0;border:none;background:transparent;color:var(--color-primary);font-size:13px;cursor:pointer;padding:0;text-decoration:underline}.template-selected-chip__remove:hover{color:var(--color-text)}.template-pagination{display:flex;flex-direction:column;gap:10px}.template-pagination--below{margin-top:16px}.template-pagination__row{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.template-pagination__page-size{display:inline-flex;align-items:center;gap:8px;margin-right:8px}.template-pagination__select{min-width:88px;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius);font-size:14px;background:var(--color-surface);color:var(--color-text)}.template-pagination__select:focus{outline:none;border-color:var(--color-primary)}.upload-zone{border:2px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:48px 32px;text-align:center;cursor:pointer;background:var(--color-bg);transition:border-color .2s,background .2s}.upload-zone:hover,.upload-zone.dragover{border-color:var(--color-primary);background:var(--color-primary-light)}.upload-zone__placeholder{color:var(--color-text-muted);font-size:15px;margin:0}.upload-zone__preview{max-width:280px;max-height:280px;object-fit:contain;border-radius:var(--radius);margin:0 auto 12px;display:block}.upload-zone__filename{font-size:14px;color:var(--color-text-muted);margin:0}.generate-loading{display:inline-flex;align-items:center;gap:12px;margin-top:16px;padding:12px 20px;background:var(--color-primary-light);border-radius:var(--radius);font-size:14px;color:var(--color-primary)}.generate-loading__spinner{display:inline-block;width:22px;height:22px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.toast{position:fixed;top:24px;left:50%;transform:translate(-50%);z-index:200;padding:14px 24px;border-radius:var(--radius);font-size:14px;font-weight:500;box-shadow:var(--shadow-lg);animation:toast-in .25s ease-out}.toast--success{background:var(--color-success);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%) translateY(-12px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.balance-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:var(--color-success-bg);color:var(--color-success);border-radius:var(--radius);font-size:15px;font-weight:600}.table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-border)}table{width:100%;border-collapse:collapse;font-size:14px}th,td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--color-border)}th{background:#f8fafc;font-weight:600;color:var(--color-text)}tr:last-child td{border-bottom:none}tbody tr:hover{background:#f8fafc}.nav-tabs{display:flex;gap:4px;padding:6px;background:var(--color-bg);border-radius:var(--radius);margin-bottom:24px}.nav-tabs a{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;color:var(--color-text-muted);text-decoration:none;transition:color .2s,background .2s}.nav-tabs a:hover{color:var(--color-text);background:var(--color-surface)}.nav-tabs a.active{color:var(--color-primary);background:var(--color-surface);box-shadow:var(--shadow)}.page-login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px}.login-card{width:100%;max-width:420px;background:var(--color-surface);border-radius:var(--radius-lg);padding:40px 44px;box-shadow:var(--shadow-lg);border:1px solid var(--color-border)}.login-card__title{margin:0;font-size:1.5rem;font-weight:700;text-align:center;color:var(--color-text)}.login-card__subtitle{text-align:center;color:var(--color-text-muted);font-size:14px;margin:10px 0 28px}.login-card .form-row{margin-bottom:20px}.login-card .btn-primary{width:100%;padding:12px;margin-top:8px;font-size:15px}.login-card__footer{text-align:center;margin-top:24px;font-size:14px}.login-card__footer a{color:var(--color-primary);text-decoration:none}.login-card__footer a:hover{text-decoration:underline}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a80;display:flex;align-items:center;justify-content:center;z-index:100;padding:24px;overflow-y:auto}.modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:28px 32px;max-width:440px;width:100%;max-height:calc(100vh - 48px);overflow-y:auto;box-shadow:var(--shadow-lg);margin:auto}.modal--wide{max-width:560px}.modal--record{max-width:720px}.modal--records-preview{max-width:840px}.records-table-wrap{overflow-x:auto;border-radius:var(--radius);border:1px solid var(--color-border);margin-bottom:16px}.records-table{width:100%;border-collapse:collapse;font-size:14px}.records-table th,.records-table td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--color-border)}.records-table th{background:#f8fafc;font-weight:600;color:var(--color-text)}.records-pagination{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.records-pagination__info{font-size:14px;color:var(--color-text-muted)}.record-detail-images{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:12px}.record-detail-images__col{text-align:center}.record-detail-images__label{font-size:13px;color:var(--color-text-muted);margin:0 0 8px}.record-detail-images__img{max-width:100%;max-height:280px;object-fit:contain;border-radius:var(--radius);border:1px solid var(--color-border);background:#f8fafc}.template-select-area{position:relative;display:inline-block;max-width:100%;border:1px solid var(--color-border);border-radius:var(--radius);overflow:hidden;cursor:crosshair;-webkit-user-select:none;user-select:none}.template-select-area__img{display:block;max-width:480px;max-height:320px;width:auto;height:auto;vertical-align:top}.template-select-area__box{position:absolute;border:2px solid var(--color-primary);background:#2563eb26;pointer-events:auto}.template-select-area__box-body{position:absolute;top:0;right:0;bottom:0;left:0;cursor:move}.template-select-area__handle{position:absolute;width:10px;height:10px;background:var(--color-surface);border:2px solid var(--color-primary);border-radius:2px;cursor:pointer;z-index:1}.template-select-area__handle--left{left:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.template-select-area__handle--right{right:-5px;top:50%;margin-top:-5px;cursor:ew-resize}.template-select-area__handle--top{top:-5px;left:50%;margin-left:-5px;cursor:ns-resize}.template-select-area__handle--bottom{bottom:-5px;left:50%;margin-left:-5px;cursor:ns-resize}.template-select-area__handle--tl{left:-5px;top:-5px;cursor:nwse-resize}.template-select-area__handle--tr{right:-5px;top:-5px;cursor:nesw-resize}.template-select-area__handle--bl{left:-5px;bottom:-5px;cursor:nesw-resize}.template-select-area__handle--br{right:-5px;bottom:-5px;cursor:nwse-resize}.modal__title{margin:0 0 16px;font-size:1.2rem;font-weight:600}.modal__body{color:var(--color-text-muted);font-size:14px;margin-bottom:20px}.modal__body p{margin:0 0 8px}.modal__actions{display:flex;gap:12px;justify-content:flex-end;margin-top:24px}.modal--compose{max-width:1180px}.compose-modal__body{display:grid;grid-template-columns:1.3fr .9fr;gap:18px;min-height:520px}.compose-stage-wrap{border:1px solid var(--color-border);border-radius:var(--radius);background:#f8fafc;padding:12px}.compose-stage{position:relative;width:100%;max-height:600px;background:repeating-conic-gradient(#e2e8f0 0% 25%,transparent 0% 50%) 50% / 16px 16px;border-radius:var(--radius);overflow:hidden}.compose-stage__img{display:block;width:100%;max-height:600px;object-fit:contain}.compose-layer{position:absolute;border:1px dashed transparent;background:transparent;white-space:pre;width:max-content;max-width:none;display:inline-flex;align-items:center;justify-content:center;text-align:center;cursor:move;line-height:1.1;padding:4px 6px;text-shadow:0 1px 2px rgba(15,23,42,.6)}.compose-layer.active{border-color:#2563ebe6;background:#2563eb14}.compose-layer__rotate-handle{position:absolute;left:50%;top:-20px;width:12px;height:12px;margin-left:-6px;border-radius:50%;border:2px solid #fff;background:var(--color-primary);box-shadow:0 1px 4px #0f172a59;cursor:grab}.compose-layer__rotate-handle:active{cursor:grabbing}.compose-layer__resize-handle{position:absolute;right:-12px;bottom:-12px;width:12px;height:12px;border:2px solid #fff;background:#10b981;box-shadow:0 1px 4px #0f172a59;cursor:nwse-resize}.compose-layer__angle-badge{position:absolute;left:50%;top:-46px;transform:translate(-50%);font-size:12px;line-height:1;color:#fff;background:#0f172ad1;border-radius:999px;padding:5px 8px;border:1px solid rgba(255,255,255,.24);pointer-events:none}.compose-controls{border:1px solid var(--color-border);border-radius:var(--radius);padding:14px;display:flex;flex-direction:column;gap:12px}.compose-controls__actions{display:flex;gap:8px}.compose-field{display:flex;flex-direction:column;gap:6px}.compose-field input[type=color]{width:48px;height:34px;padding:0}.compose-row{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px}.result-card{display:flex;flex-direction:column;align-items:flex-start;gap:20px;flex-wrap:wrap}.result-card__preview{width:100%;background:linear-gradient(45deg,#e2e8f0 25%,transparent 25%),linear-gradient(-45deg,#e2e8f0 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#e2e8f0 75%),linear-gradient(-45deg,transparent 75%,#e2e8f0 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0;background-color:#f8fafc;border-radius:var(--radius);padding:12px;border:1px solid var(--color-border)}.result-card__img{display:block;max-width:100%;height:auto;border-radius:4px}.result-card__img--clickable{cursor:zoom-in}.result-card__info{flex:1;min-width:200px}.result-card__actions{flex-shrink:0}.result-gallery{display:grid;gap:12px}.result-gallery__main{position:relative;min-height:340px;border:1px solid var(--color-border);border-radius:var(--radius);background:#f8fafc;overflow:hidden;display:flex;align-items:center;justify-content:center}.result-gallery__main-img{width:100%;height:100%;max-height:480px;object-fit:contain;display:block}.result-gallery__main-placeholder{color:var(--color-text-muted);font-size:14px}.result-gallery__switch{position:absolute;top:50%;transform:translateY(-50%);width:34px;height:34px;border:none;border-radius:50%;background:#0f172a99;color:#fff;font-size:22px;line-height:1;cursor:pointer;z-index:2}.result-gallery__switch:disabled{opacity:.4;cursor:not-allowed}.result-gallery__switch--left{left:10px}.result-gallery__switch--right{right:10px}.result-gallery__active-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.result-gallery__active-actions{margin-left:auto}.result-gallery__thumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.result-gallery__thumb{border:1px solid var(--color-border);background:#fff;border-radius:8px;padding:8px;text-align:left;cursor:pointer}.result-gallery__thumb.active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.result-gallery__thumb-img-wrap{height:72px;border-radius:6px;border:1px solid var(--color-border);overflow:hidden;display:flex;align-items:center;justify-content:center;background:#f8fafc}.result-gallery__thumb-img{width:100%;height:100%;object-fit:cover}.result-gallery__thumb-placeholder{font-size:12px;color:var(--color-text-muted)}.result-gallery__thumb-name{margin-top:6px;font-size:12px;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.result-gallery__thumb-status{font-size:11px;margin-top:2px;color:var(--color-text-muted)}.result-gallery__thumb-status.success{color:var(--color-success)}.result-gallery__thumb-status.failed,.result-gallery__thumb-status.cancelled{color:var(--color-danger)}.result-gallery__thumb-status.generating,.result-gallery__thumb-status.retrying{color:var(--color-warning)}.error{color:var(--color-danger);font-size:14px;margin-top:10px}.text-muted{color:var(--color-text-muted);font-size:14px}.section-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;flex-wrap:wrap;gap:16px}.section-actions h2{margin:0;font-size:1.15rem;font-weight:600}.loading-state{padding:48px 24px;text-align:center;color:var(--color-text-muted)}.admin-layout{max-width:var(--max-admin);margin:0 auto;padding:0 40px 48px;min-height:100vh}.admin-header{display:flex;align-items:center;justify-content:space-between;padding:20px 0;margin-bottom:24px;border-bottom:1px solid var(--color-border)}.admin-header__title{margin:0;font-size:1.4rem;font-weight:700;color:var(--color-text)}.admin-header__actions{display:flex;align-items:center;gap:16px}.admin-header__actions a{color:var(--color-primary);text-decoration:none;font-size:14px}.admin-header__actions a:hover{text-decoration:underline}.pagination{display:flex;align-items:center;gap:12px;margin-top:24px;font-size:14px;color:var(--color-text-muted)}.pagination .btn{padding:8px 16px}input[type=file]{padding:8px 0;font-size:14px;color:var(--color-text-muted)}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;vertical-align:middle}.status-dot.enabled{background:var(--color-success)}.status-dot.disabled{background:var(--color-text-muted)}.dashboard{padding:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow);transition:box-shadow .2s,border-color .2s}.stat-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-md)}.stat-card__value{font-size:2rem;font-weight:700;color:var(--color-primary);letter-spacing:-.02em;line-height:1.2}.stat-card__label{font-size:14px;color:var(--color-text-muted);margin-top:6px}.stat-card__sub{font-size:13px;color:var(--color-text-muted);margin-top:2px}.stat-card__link{display:inline-block;margin-top:14px;font-size:13px;color:var(--color-primary);text-decoration:none}.stat-card__link:hover{text-decoration:underline}