:root{--page-bg:#f5f5f5;--surface:#ffffff;--surface-soft:#fafafa;--text-primary:#111827;--text-muted:#6b7280;--line-color:#e5e7eb;--action:#2563eb;--action-hover:#1d4ed8;--action-active:#1e40af;--action-shadow:rgba(37,99,235,0.24)}body{background:var(--page-bg);color:var(--text-primary);min-height:100vh;display:flex;flex-direction:column}.bi{line-height:1;vertical-align:-0.125em}.navbar-clean{background-color:#ffffff !important;border-bottom:1px solid var(--line-color)}.navbar-clean .navbar-brand{color:var(--text-primary)}.page-main{flex:1 0 auto;padding-top:4.8rem;padding-bottom:2rem}.page-shell{margin-top:4.6rem;padding-bottom:2rem;flex:1 0 auto}.card{background:#ffffff;border:1px solid var(--line-color) !important;box-shadow:0 1px 2px rgba(17,24,39,0.04) !important}.card-header{background:transparent !important;border-bottom-color:var(--line-color) !important}.card-header-tools{display:flex;align-items:center;justify-content:space-between;gap:0.75rem}.section-card{background:#ffffff;border:1px solid var(--line-color);border-radius:14px;padding:1rem;box-shadow:0 1px 2px rgba(17,24,39,0.04)}.section-muted{color:var(--text-muted)}.compact-tool-shell{display:grid;gap:0.9rem}.compact-field{display:grid;gap:0.4rem}.compact-label{display:flex;align-items:center;justify-content:space-between;gap:0.5rem;font-size:0.88rem;font-weight:600;color:var(--text-primary)}.upload-area{border:1px dashed #cfd4dc;border-radius:12px;padding:1.1rem 0.85rem;min-height:132px;text-align:center;transition:all 0.25s ease;cursor:pointer;display:flex;align-items:center;justify-content:center;background:var(--surface);margin-bottom:0}.upload-area:hover,.upload-area.is-dragover{border-color:#93c5fd;background-color:#f8fbff}.upload-area-inner{width:100%}.upload-icon{font-size:1.7rem;color:var(--action)}.upload-hint{color:var(--text-muted);font-size:0.84rem}.file-input-hidden{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;overflow:hidden}.file-preview-card{border:1px solid var(--line-color);border-radius:12px;background:var(--surface);padding:0.6rem 0.7rem;overflow:hidden}.file-preview-head{display:flex;align-items:center;justify-content:space-between;gap:0.6rem}.file-preview-head > div{min-width:0}.file-preview-name{display:block;font-weight:600;font-size:0.92rem;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.file-preview-meta{margin-top:0.1rem;color:var(--text-muted);font-size:0.8rem}.progress-track{border-radius:999px;overflow:hidden;background:linear-gradient(90deg,#eceff3 0%,#e5e7eb 100%)}.progress-bar{background-color:var(--action);transition:width 0.28s ease}.progress-hint{font-size:0.82rem;color:var(--text-muted);line-height:1.5;min-height:1.4rem}.result-box{border:1px solid var(--line-color);border-radius:12px;background:var(--surface-soft);padding:0.8rem 0.9rem}.result-file-name{display:block;font-weight:600;word-break:break-all}.result-actions{display:flex;flex-wrap:wrap;gap:0.6rem;margin-top:0.6rem}.tip-note{border:1px solid #fde68a;border-radius:10px;background:#fffbeb;color:#92400e;padding:0.55rem 0.75rem;font-size:0.84rem;line-height:1.6}.docx-render-host{position:fixed;left:0;top:calc(100vh + 80px);width:960px;max-height:none;overflow:visible;background:#ffffff;z-index:-1;pointer-events:none;contain:layout paint style;isolation:isolate}.form-select{border-color:#d1d5db}.form-select:focus{border-color:#9ca3af;box-shadow:0 0 0 0.2rem rgba(17,24,39,0.08)}.btn-dark{background-color:var(--action) !important;border-color:var(--action) !important;color:#fff !important;box-shadow:0 8px 20px var(--action-shadow)}.btn-dark:hover,.btn-dark:focus,.btn-dark:focus-visible{background-color:var(--action-hover) !important;border-color:var(--action-hover) !important;color:#fff !important}.btn-dark:disabled{opacity:0.6;box-shadow:none}.btn-dark:active,.btn-dark.active{background-color:var(--action-active) !important;border-color:var(--action-active) !important}.btn-outline-secondary{color:var(--text-primary);background:#fff;border-color:#d1d5db}.btn-outline-secondary:hover,.btn-outline-secondary:focus{color:var(--text-primary);background:#f3f4f6;border-color:#c7cdd4}.btn-outline-secondary:focus,.btn-outline-secondary:focus-visible{box-shadow:0 0 0 0.2rem rgba(17,24,39,0.08)}.footer-muted-link{color:var(--text-primary);text-decoration:none}.footer-muted-link:hover{color:var(--action);text-decoration:none}.empty-404{min-height:calc(100vh - 140px);display:flex;align-items:center}@media (max-width:575.98px){.page-main{padding-top:5rem}}.image-result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:0.7rem}.image-card{display:flex;flex-direction:column;border:1px solid var(--line-color);border-radius:12px;background:#ffffff;overflow:hidden}.image-card.is-long{grid-column:span 2}.image-card-figure{margin:0;aspect-ratio:3 / 4;display:flex;align-items:center;justify-content:center;padding:0.5rem;overflow:hidden;background:linear-gradient(180deg,#f8fafc 0%,#eef2f7 100%)}.image-card.is-long .image-card-figure{aspect-ratio:auto;max-height:320px}.image-card-figure img{max-width:100%;max-height:100%;object-fit:contain;display:block}.image-card-body{display:grid;gap:0.25rem;justify-items:start;padding:0.55rem 0.65rem 0.65rem}.image-card-name{font-weight:600;font-size:0.84rem}.image-card-meta{color:var(--text-muted);font-size:0.72rem;line-height:1.5}@media (max-width:575.98px){.image-result-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.image-card.is-long{grid-column:span 2}}