:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-card: #ffffff;--accent: #333333;--accent-hover: #555555;--accent-btn: #1a1a1a;--text-primary: #1a1a1a;--text-secondary: #888888;--border: #e5e5e5;--success: #34a853;--error: #ea4335;--radius: 8px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,PingFang SC,Helvetica Neue,sans-serif;background:var(--bg-primary);color:var(--text-primary);min-height:100vh;font-size:14px}.app{min-height:100vh;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background:#fff;border-bottom:1px solid var(--border)}.nav-brand{font-size:16px;font-weight:600}.navbar-left{display:flex;align-items:center;gap:24px}.navbar-right{display:flex;align-items:center;gap:16px}.nav-link{color:var(--text-secondary);font-size:14px;text-decoration:none}.nav-link:hover{color:var(--text-primary)}.admin-link{color:var(--success)}.nav-balance{color:var(--success);font-weight:600}.nav-user{color:var(--text-secondary)}.nav-logout{background:none;color:var(--text-secondary);border:1px solid var(--border);border-radius:var(--radius);padding:6px 14px;cursor:pointer;font-size:13px}.nav-logout:hover{background:var(--bg-secondary)}.app-main{display:flex;flex:1;gap:32px;padding:32px}.panel-left{width:360px;display:flex;flex-direction:column;gap:16px}.panel-right{flex:1;min-width:0}.error-banner{background:#fef2f2;color:var(--error);padding:12px 24px;text-align:center;font-size:14px}.image-uploader{border:2px dashed var(--border);border-radius:var(--radius);padding:32px;text-align:center;cursor:pointer;transition:border-color .2s;min-height:180px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary)}.image-uploader:hover{border-color:var(--accent)}.image-uploader.drag-over{border-color:var(--success);background:#f0faf3}.image-uploader.has-image{padding:12px;border-style:solid;border-color:var(--success)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:8px}.upload-icon{font-size:28px;color:var(--text-secondary)}.upload-placeholder p{color:var(--text-secondary);font-size:14px}.preview-image{max-width:100%;max-height:280px;border-radius:6px;object-fit:contain}.analyzing-tip{background:var(--bg-secondary);border-radius:var(--radius);padding:10px;font-size:14px;color:var(--text-secondary);animation:pulse 1.5s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.analysis-result{background:#f0faf3;border-radius:var(--radius);padding:10px;font-size:14px;border:1px solid var(--success)}.analysis-label{color:var(--success);font-weight:600}.generate-panel{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;display:flex;flex-direction:column;gap:12px}.prompt-input{width:100%;background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;font-size:14px;resize:vertical;min-height:72px}.prompt-input:focus{outline:none;border-color:var(--accent)}.params-row{display:flex;flex-direction:column;gap:10px}.params-row label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary)}.params-row select{background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:6px 8px}.params-row input[type=range]{height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border);border-radius:2px}.params-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-btn);border-radius:50%;cursor:pointer}.generate-btn{background:var(--accent-btn);color:#fff;border:none;border-radius:var(--radius);padding:10px;font-size:14px;font-weight:600;cursor:pointer}.generate-btn:hover:not(:disabled){background:var(--accent-hover)}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.progress-tracker{background:var(--bg-secondary);border-radius:var(--radius);padding:14px}.progress-text{font-size:14px;color:var(--text-secondary);margin-bottom:8px}.progress-bar{height:4px;background:var(--border);border-radius:2px;overflow:hidden}.progress-fill{height:100%;background:var(--accent-btn);border-radius:2px;transition:width .3s}.cancel-btn{margin-top:8px;background:none;color:var(--error);border:1px solid var(--error);border-radius:4px;padding:6px 12px;cursor:pointer;font-size:13px}.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.result-grid.empty{display:flex;align-items:center;justify-content:center;min-height:300px}.result-grid.empty p{color:var(--text-secondary);font-size:15px}.result-card{background:#fff;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:box-shadow .2s}.result-card:hover{box-shadow:0 2px 8px #00000014}.result-card.error{border-color:var(--error)}.result-card.success{border-color:var(--success)}.result-image{width:100%;aspect-ratio:1;object-fit:cover}.result-error{aspect-ratio:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--error)}.error-detail{font-size:12px;color:var(--text-secondary)}.result-info{padding:8px 12px}.result-seed{font-size:11px;color:var(--text-secondary)}.result-prompt{font-size:12px;color:var(--text-secondary);margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.download-btn{display:block;width:calc(100% - 24px);margin:8px 12px;background:var(--accent-btn);color:#fff;border:none;border-radius:4px;padding:7px;cursor:pointer;font-size:13px}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff}.auth-form{background:#fff;border-radius:var(--radius);padding:40px;width:340px;border:1px solid var(--border)}.auth-form h2{text-align:center;margin-bottom:28px;font-weight:600}.auth-form input{width:100%;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:10px 12px;margin-bottom:12px}.auth-form input:focus{outline:none;border-color:var(--accent)}.auth-btn{width:100%;background:var(--accent-btn);color:#fff;border:none;border-radius:var(--radius);padding:10px;font-size:14px;cursor:pointer}.auth-btn:hover{background:var(--accent-hover)}.auth-error{background:#fef2f2;color:var(--error);border-radius:var(--radius);padding:8px;margin-bottom:12px;text-align:center}.auth-link{text-align:center;margin-top:20px;color:var(--text-secondary);font-size:14px}.auth-link a{color:var(--accent-btn)}.captcha-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.captcha-img{width:120px;height:40px;cursor:pointer;border-radius:4px;border:1px solid var(--border)}.captcha-input{width:100px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px;font-size:16px;text-align:center}.sms-row{display:flex;align-items:center;gap:8px;margin-bottom:12px}.sms-input{width:140px;background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:var(--radius);padding:8px}.sms-btn{background:var(--accent-btn);color:#fff;border:none;border-radius:var(--radius);padding:8px 12px;font-size:13px;cursor:pointer;white-space:nowrap}.sms-btn:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:100}.modal-content{background:#fff;border-radius:var(--radius);padding:24px;width:380px;max-width:90vw;border:1px solid var(--border)}.modal-content h2{font-size:16px;margin-bottom:16px}.status-indicator{font-size:14px;margin-bottom:16px}.status-ok{color:var(--success)}.status-error{color:var(--error)}.modal-content label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--text-secondary);margin-bottom:12px}.modal-content input{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:8px 12px}.modal-actions{display:flex;gap:8px;margin-top:16px}.save-btn{background:var(--accent-btn);color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.save-btn:disabled{opacity:.4;cursor:not-allowed}.close-btn{background:none;color:var(--text-secondary);border:1px solid var(--border);border-radius:4px;padding:8px 16px;cursor:pointer}.admin-panel{padding:32px;max-width:900px;margin:0 auto}.admin-panel h2{margin-bottom:24px}.admin-panel h3{font-size:15px;margin-bottom:12px}.admin-message{background:#f0faf3;color:var(--success);padding:12px;border-radius:var(--radius);margin-bottom:16px}.admin-section{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;margin-bottom:16px}.admin-row{display:flex;align-items:center;gap:8px}.admin-row input{background:#fff;color:var(--text-primary);border:1px solid var(--border);border-radius:4px;padding:8px;width:120px}.admin-row button{background:var(--accent-btn);color:#fff;border:none;border-radius:4px;padding:8px 16px;cursor:pointer}.admin-row span{color:var(--text-secondary);font-size:14px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}.stat-card{background:var(--bg-secondary);border-radius:var(--radius);padding:16px;text-align:center}.stat-card h3{font-size:13px;color:var(--text-secondary)}.stat-card p{font-size:22px;font-weight:600}.admin-table{width:100%;border-collapse:collapse}.admin-table th{background:var(--bg-secondary);color:var(--text-secondary);padding:8px 12px;font-size:13px;text-align:left}.admin-table td{padding:8px 12px;border-bottom:1px solid var(--border)}@media(max-width:768px){.app-main{flex-direction:column}.panel-left{width:100%}}