*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{margin:0;padding:0;width:100%;min-height:100vh;background:#0a0a0f}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,Roboto,sans-serif;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:root{--primary: #6366f1;--primary-hover: #818cf8;--primary-glow: rgba(99, 102, 241, .4);--accent: #a855f7;--success: #22c55e;--warning: #f59e0b;--error: #ef4444;--bg-primary: #0a0a0f;--bg-secondary: #111118;--bg-card: rgba(255, 255, 255, .03);--bg-card-hover: rgba(255, 255, 255, .06);--bg-input: rgba(255, 255, 255, .05);--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .15);--text-primary: rgba(255, 255, 255, .92);--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .38);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px var(--primary-glow);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--font-xs: 11px;--font-sm: 12px;--font-md: 14px;--font-lg: 16px;--font-xl: 18px;--font-2xl: 22px;--font-3xl: 28px;--icon-sm: 14px;--icon-md: 18px;--icon-lg: 24px;--icon-xl: 32px}.home-container{min-height:100vh;display:flex;flex-direction:column;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.1) 0%,transparent 50%)}.app-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.app-header h3{color:var(--text-primary)!important;margin:0!important;display:flex;align-items:center;gap:var(--spacing-sm);font-size:var(--font-2xl)!important;font-weight:600!important;letter-spacing:-.02em}.app-header h3 svg{width:var(--icon-lg)!important;height:var(--icon-lg)!important;color:var(--primary)}.main-content{flex:1;padding:var(--spacing-lg);overflow-y:auto}.left-panel .prompt-editor-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.left-panel .prompt-editor-card:hover{background:var(--bg-card-hover)!important;border-color:var(--border-hover)!important}.right-panel{display:flex;flex-direction:column;gap:var(--spacing-md)}.right-panel .reference-card,.right-panel .result-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .2s ease}.right-panel .reference-card:hover,.right-panel .result-card:hover{background:var(--bg-card-hover)!important;border-color:var(--border-hover)!important}.card-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.card-title{display:flex;align-items:center;gap:6px;font-weight:600;font-size:var(--font-md);color:var(--text-primary)}.card-title svg{flex-shrink:0}.upload-area{padding:20px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.upload-area svg{display:block}.upload-area .ant-typography{font-size:13px}.ant-card-body{padding:var(--spacing-lg)!important}.ant-card-head{border-bottom:1px solid var(--border)!important;padding:var(--spacing-md) var(--spacing-lg)!important}.ant-card-head-title{color:var(--text-primary)!important;font-weight:600!important;font-size:var(--font-lg)!important}.subject-section{margin-bottom:var(--spacing-md)}.subject-section .ant-input{height:48px;font-size:var(--font-lg);border-radius:var(--radius-md)}.subject-section .ant-input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.ant-tabs-tab{color:var(--text-secondary)!important;font-size:var(--font-md)!important;padding:var(--spacing-sm) var(--spacing-md)!important;margin:0 var(--spacing-xs) 0 0!important}.ant-tabs-tab svg{width:var(--icon-sm)!important;height:var(--icon-sm)!important;margin-right:var(--spacing-xs)}.ant-tabs-tab-active{color:var(--primary)!important}.ant-tabs-tab:hover{color:var(--text-primary)!important}.ant-tabs-ink-bar{background:var(--primary)!important;height:2px!important;border-radius:2px}.prompt-category{padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md);border:1px solid transparent;transition:all .2s ease}.prompt-category:hover{border-color:var(--border)}.category-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border)}.category-header .ant-typography{font-size:var(--font-md)!important}.category-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:var(--spacing-sm)}.category-options .ant-checkbox-wrapper{color:var(--text-primary);margin:0;padding:var(--spacing-sm) var(--spacing-sm);border-radius:var(--radius-sm);transition:all .15s ease;font-size:var(--font-sm)}.category-options .ant-checkbox-wrapper:hover{background:#ffffff0f}.category-options .ant-checkbox-wrapper-checked{background:#6366f126;border-radius:var(--radius-sm)}.option-text{display:flex;flex-direction:column;line-height:1.4}.option-text .zh{font-size:var(--font-md);color:var(--text-primary)}.option-text .en{font-size:var(--font-xs);color:var(--text-tertiary);margin-top:1px}.custom-section{padding:var(--spacing-md);background:#ffffff05;border-radius:var(--radius-md)}.custom-inputs{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm)}.custom-inputs .ant-input{border-radius:var(--radius-sm)}.uncaptured-section{padding:var(--spacing-md);background:#f59e0b1a;border:1px solid rgba(245,158,11,.3);border-radius:var(--radius-md)}.uncaptured-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.uncaptured-tags .ant-tag{margin:0}.final-prompt-section{padding:var(--spacing-md);background:linear-gradient(135deg,#6366f11a,#a855f714);border-radius:var(--radius-md);border:1px solid rgba(99,102,241,.2)}.prompt-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.prompt-header .ant-typography{font-size:var(--font-lg)!important;font-weight:600!important}.prompt-box{margin-bottom:var(--spacing-sm)}.prompt-box .ant-input{background:#0000004d!important;border-radius:var(--radius-md)!important;font-size:var(--font-md);line-height:1.6}.upload-placeholder{padding:var(--spacing-lg);text-align:center;color:var(--text-secondary)}.upload-placeholder svg{width:var(--icon-lg)!important;height:var(--icon-lg)!important;color:var(--primary);margin-bottom:var(--spacing-sm)}.ant-upload-drag{background:#ffffff05!important;border:1px dashed var(--border)!important;border-radius:var(--radius-md)!important;transition:all .2s ease}.ant-upload-drag:hover{border-color:var(--primary)!important;background:#ffffff0a!important}.ant-upload-drag-icon{margin-bottom:var(--spacing-sm)!important}.prompt-tags-container{display:flex;flex-wrap:wrap;gap:6px;min-height:60px;padding:12px;background:#ffffff08;border-radius:8px}.prompt-tags-container .ant-tag{margin:0!important;white-space:normal!important;word-break:break-word;max-width:100%;display:inline-flex;align-items:center}.size-selector{display:flex;flex-wrap:wrap;gap:6px}.size-selector .ant-btn{min-width:48px;font-size:12px;padding:4px 8px}.size-selector .ant-btn-primary{background:var(--primary)!important}.ant-segmented{background:#ffffff0d!important;border-radius:var(--radius-md)!important;padding:3px!important}.ant-segmented-item{color:var(--text-secondary)!important;font-size:var(--font-sm)!important;padding:6px 12px!important;border-radius:var(--radius-sm)!important;transition:all .15s ease;min-width:auto!important}.ant-segmented-item:hover{color:var(--text-primary)!important}.ant-segmented-item-selected{background:var(--primary)!important;color:#fff!important;box-shadow:var(--shadow-sm)}.generate-btn{margin-bottom:var(--spacing-md);height:48px;font-size:var(--font-lg);font-weight:600;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px var(--primary-glow),var(--shadow-md);transition:all .25s ease;letter-spacing:.02em}.generate-btn svg{width:var(--icon-md)!important;height:var(--icon-md)!important}.generate-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,#c084fc 100%)!important;box-shadow:0 6px 24px var(--primary-glow),var(--shadow-lg);transform:translateY(-2px)}.generate-btn:active{transform:translateY(0);box-shadow:0 2px 8px var(--primary-glow),var(--shadow-sm)}.generate-btn:disabled{background:#ffffff14!important;box-shadow:none;transform:none;color:var(--text-tertiary)!important}.result-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-md);margin-top:var(--spacing-md)}.result-item{position:relative;border-radius:var(--radius-md);overflow:hidden;aspect-ratio:9/16;background:#ffffff08;transition:all .2s ease}.result-item:hover{transform:scale(1.02);box-shadow:var(--shadow-lg)}.result-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.empty-result{padding:var(--spacing-xl) var(--spacing-lg);text-align:center;color:var(--text-tertiary)}.empty-result svg{width:var(--icon-xl)!important;height:var(--icon-xl)!important;margin-bottom:var(--spacing-md);opacity:.5}.app-footer{position:sticky;bottom:0;z-index:100;padding:var(--spacing-sm) var(--spacing-lg);background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-top:1px solid var(--border);text-align:center}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);background-image:radial-gradient(ellipse at 50% 0%,rgba(99,102,241,.2) 0%,transparent 60%),radial-gradient(ellipse at 50% 100%,rgba(168,85,247,.15) 0%,transparent 60%)}.login-card{width:380px;background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-xl)!important;padding:var(--spacing-xl);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-lg)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header svg{width:48px!important;height:48px!important;color:var(--primary);margin-bottom:var(--spacing-md)}.login-header h3{color:var(--text-primary)!important;margin:0 0 var(--spacing-sm)!important;font-size:var(--font-2xl)!important;font-weight:600!important}.login-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.login-form .ant-input-password{height:48px;border-radius:var(--radius-md)}.login-btn{height:48px;font-size:var(--font-lg);font-weight:600;background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%)!important;border:none!important;border-radius:var(--radius-md)!important;box-shadow:0 4px 16px var(--primary-glow);transition:all .25s ease}.login-btn:hover{background:linear-gradient(135deg,var(--primary-hover) 0%,#c084fc 100%)!important;box-shadow:0 6px 24px var(--primary-glow);transform:translateY(-2px)}.login-btn:active{transform:translateY(0)}.ant-input,.ant-input-affix-wrapper{background:var(--bg-input)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:var(--radius-sm)!important;transition:all .2s ease}.ant-input:hover,.ant-input-affix-wrapper:hover{border-color:var(--border-hover)!important}.ant-input:focus,.ant-input-affix-wrapper:focus,.ant-input-affix-wrapper-focused{border-color:var(--primary)!important;box-shadow:0 0 0 3px var(--primary-glow)!important}.ant-input::-moz-placeholder{color:var(--text-tertiary)!important}.ant-input::placeholder{color:var(--text-tertiary)!important}.ant-btn{border-radius:var(--radius-sm)!important;font-weight:500;transition:all .2s ease}.ant-btn svg{width:var(--icon-sm)!important;height:var(--icon-sm)!important}.ant-btn-default{background:#ffffff0f!important;border-color:var(--border)!important;color:var(--text-primary)!important}.ant-btn-default:hover{background:#ffffff1a!important;border-color:var(--border-hover)!important;color:var(--text-primary)!important}.ant-checkbox-inner{background:#ffffff0d;border-color:var(--border)!important;border-radius:3px}.ant-checkbox-checked .ant-checkbox-inner{background:var(--primary);border-color:var(--primary)!important}.ant-divider{border-color:var(--border)!important;margin:var(--spacing-md) 0!important}.ant-typography{color:var(--text-primary)!important}.ant-typography.ant-typography-secondary,.ant-spin-text{color:var(--text-secondary)!important}.ant-message-notice-content{background:var(--bg-secondary)!important;border:1px solid var(--border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-lg)!important}.ant-message-notice-content,.ant-message-notice-content span,.ant-message-notice-content *{color:var(--text-primary)!important}.ant-message-notice-content .anticon{color:var(--primary)!important}.ant-message-success .anticon{color:var(--success)!important}.ant-message-error .anticon{color:var(--error)!important}.ant-message-warning .anticon{color:var(--warning)!important}.ant-message-loading .anticon{color:var(--primary)!important}.ant-image-preview-img{background:transparent!important}@media (max-width: 992px){.main-content{flex-direction:column}.result-grid{grid-template-columns:repeat(2,1fr)}.home-container{padding:var(--spacing-md)}}@media (max-width: 576px){.app-header{flex-direction:column;gap:var(--spacing-sm);text-align:center}.app-header h3{font-size:var(--font-xl)!important}.custom-inputs{flex-direction:column;gap:var(--spacing-sm)}.category-options{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.result-grid{grid-template-columns:1fr;gap:var(--spacing-sm)}.login-card{width:calc(100% - 32px);margin:var(--spacing-md)}}.history-page{min-height:100vh;background:var(--bg-primary);background-image:radial-gradient(ellipse at 20% 0%,rgba(99,102,241,.15) 0%,transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(168,85,247,.1) 0%,transparent 50%)}.history-header{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background:#0a0a0fd9;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.history-content{padding:var(--spacing-lg);max-width:1400px;margin:0 auto}.history-search{margin-bottom:var(--spacing-lg);max-width:400px}.history-search .ant-input{background:var(--bg-input)!important;border:1px solid var(--border)!important;color:var(--text-primary)!important;border-radius:var(--radius-md)!important}.history-search .ant-input::-moz-placeholder{color:var(--text-tertiary)!important}.history-search .ant-input::placeholder{color:var(--text-tertiary)!important}.history-grid{margin-top:var(--spacing-md)}.history-card{background:var(--bg-card)!important;border:1px solid var(--border)!important;border-radius:var(--radius-lg)!important;overflow:hidden;transition:all .2s ease}.history-card:hover{background:var(--bg-card-hover)!important;border-color:var(--primary)!important;transform:translateY(-2px);box-shadow:0 4px 12px #6366f133}.history-card .ant-card-cover{overflow:hidden}.history-card-cover-wrapper{width:100%;height:180px;overflow:hidden}.history-card-cover{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.history-card-placeholder{width:100%;height:180px;background:linear-gradient(135deg,#6366f11a,#a855f71a);display:flex;align-items:center;justify-content:center}.history-card-placeholder:after{content:"📷";font-size:32px;opacity:.3}.history-card .ant-card-body{padding:var(--spacing-sm) var(--spacing-md)!important}.history-card .ant-card-meta-title{color:var(--text-primary)!important;font-size:13px!important}.history-card .ant-card-meta-description{color:var(--text-secondary)!important}.history-card .ant-card-actions{background:transparent!important;border-top:1px solid var(--border)!important}.history-card .ant-card-actions>li{margin:var(--spacing-xs) 0!important;padding:0 4px!important}.history-card .ant-card-actions .ant-btn-link{padding:0 4px!important;height:auto!important;font-size:12px!important}.history-card .ant-card-actions .anticon{font-size:14px!important}.history-pagination{display:flex;justify-content:center;margin-top:var(--spacing-xl);padding:var(--spacing-md)}.history-pagination .ant-pagination-item{background:var(--bg-card)!important;border:1px solid var(--border)!important}.history-pagination .ant-pagination-item a{color:var(--text-primary)!important}.history-pagination .ant-pagination-item-active{background:var(--primary)!important;border-color:var(--primary)!important}.history-pagination .ant-pagination-item-active a{color:#fff!important}@media (max-width: 576px){.history-card-cover-wrapper,.history-card-cover,.history-card-placeholder{height:140px}.history-content{padding:var(--spacing-md)}}