:root{--bg-page: #eef5f3;--bg-card: #ffffff;--bg-input: #f8fafd;--bg-tag: #f1f5f9;--bg-tag-hover: #e8edf4;--border: #e4e8ef;--border-focus: #b0c4f0;--border-active: #8ea4e8;--text-primary: #1a1d28;--text-secondary: #5a6072;--text-muted: #949aab;--accent: #6c7ce0;--accent-light: #8b99ed;--accent-soft: #eef0fd;--gradient-btn: linear-gradient(150deg, #7b8ce6 0%, #6c7ce0 30%, #8898eb 70%, #9aabf2 100%);--gradient-btn-hover: linear-gradient(150deg, #8d9cec 0%, #7b8ce6 40%, #95a5f0 80%, #aab8f5 100%);--gradient-hero: linear-gradient(135deg, #6c7ce0 0%, #8898eb 35%, #7b8ce6 65%, #9aabf2 100%);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .05), 0 1px 2px rgba(0, 0, 0, .03);--shadow-md: 0 4px 16px rgba(0, 0, 0, .05), 0 2px 6px rgba(0, 0, 0, .03);--shadow-lg: 0 8px 28px rgba(0, 0, 0, .06), 0 3px 10px rgba(0, 0, 0, .03);--shadow-btn: 0 2px 10px rgba(108, 124, 224, .22);--shadow-btn-hover: 0 4px 20px rgba(108, 124, 224, .32), 0 2px 8px rgba(0, 0, 0, .06);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 26px;--radius-full: 50px;--transition-fast: .16s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .28s cubic-bezier(.4, 0, .2, 1);--transition-spring: .4s cubic-bezier(.34, 1.3, .64, 1);font-family:Inter,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh;overflow-x:hidden;background:linear-gradient(135deg,#e8f6f1f2,#f4f8fffa 44%,#fff7f0eb),var(--bg-page);color:var(--text-primary);line-height:1.6}button,input,select,textarea{font:inherit}.top-accent-bar{position:fixed;top:0;left:0;width:100%;height:3px;z-index:200;background:var(--gradient-hero);opacity:.7}.bg-soft-dot{position:fixed;z-index:0;border-radius:50%;pointer-events:none;opacity:.35;filter:blur(100px)}.bg-soft-dot:nth-of-type(1){width:340px;height:340px;top:-8%;right:-6%;background:#6c7ce01f}.bg-soft-dot:nth-of-type(2){width:260px;height:260px;bottom:10%;left:-5%;background:#9aabf21a}.bg-soft-dot:nth-of-type(3){width:200px;height:200px;top:45%;left:50%;background:#8b99ed17;transform:translate(-50%,-50%)}.app-container{position:relative;z-index:1;display:flex;flex-direction:column;max-width:1050px;min-height:100vh;margin:0 auto;padding:0 24px}.navbar{position:sticky;top:8px;z-index:100;display:flex;align-items:center;justify-content:space-between;margin-top:10px;padding:14px 20px;border:1px solid rgba(228,232,239,.6);border-radius:var(--radius-xl);background:#ffffffc7;box-shadow:var(--shadow-xs);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:var(--transition-smooth)}.nav-logo{display:flex;align-items:center;gap:10px;color:var(--text-primary);font-size:1.15rem;font-weight:650;letter-spacing:0;text-decoration:none}.logo-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid rgba(108,124,224,.16);border-radius:9px;background:var(--accent-soft);color:var(--accent);font-size:.95rem}.nav-links{display:flex;align-items:center;gap:26px;margin:0;padding:0;list-style:none}.nav-links a{position:relative;padding:4px 0;color:var(--text-secondary);font-size:.88rem;font-weight:500;text-decoration:none;transition:var(--transition-fast)}.nav-links a:hover{color:var(--text-primary)}.nav-links a.active{color:var(--accent);font-weight:600}.nav-links a.active:after{content:"";position:absolute;bottom:-2px;left:50%;width:16px;height:2.5px;border-radius:3px;background:var(--accent);transform:translate(-50%)}.nav-actions{display:flex;align-items:center;gap:10px}.btn-nav{padding:7px 16px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.83rem;font-weight:550;cursor:pointer;transition:var(--transition-smooth)}.btn-nav:hover{border-color:#c8d0dc;background:#fafbfc;color:var(--text-primary)}.main-content{flex:1;display:flex;flex-direction:column;align-items:center;padding:36px 0 50px}.hero-section{margin-bottom:20px;text-align:center}.hero-title{margin-bottom:8px;background:var(--gradient-hero);background-clip:text;color:transparent;font-size:clamp(1.9rem,4.2vw,3rem);font-weight:700;letter-spacing:0;line-height:1.2;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.creation-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:22px;width:100%}.creation-panel{min-width:0}.input-card{position:relative;display:flex;flex-direction:column;width:100%;min-height:520px;padding:30px 32px;border:1.5px solid var(--border);border-radius:var(--radius-xl);background:var(--bg-card);box-shadow:var(--shadow-md);transition:var(--transition-smooth)}.input-card:focus-within{border-color:var(--border-focus);box-shadow:var(--shadow-lg),0 0 0 5px #6c7ce00d}.prompt-textarea-wrap{position:relative;margin-bottom:4px}.prompt-textarea{width:100%;min-height:210px;max-height:280px;padding:14px 48px 14px 16px;resize:none;border:1.5px solid var(--border);border-radius:var(--radius-md);background:var(--bg-input);color:var(--text-primary);font-size:.96rem;letter-spacing:0;line-height:1.55;outline:none;transition:var(--transition-smooth)}.prompt-textarea:focus{border-color:var(--border-active);background:#fff;box-shadow:0 0 0 4px #6c7ce00f}.btn-enhance{position:absolute;top:50%;right:10px;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(108,124,224,.15);border-radius:50%;background:#6c7ce014;color:var(--accent);font-size:.85rem;cursor:pointer;transform:translateY(-50%);transition:var(--transition-smooth)}.btn-enhance:hover{border-color:#6c7ce059;background:#6c7ce02e;box-shadow:0 0 14px #6c7ce029;color:#5a6ad6;transform:translateY(-50%) scale(1.06)}.btn-enhance:disabled{cursor:wait;opacity:.72}.mini-spinner{display:none;width:15px;height:15px;border:2px solid rgba(108,124,224,.22);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite}.btn-enhance.loading .enhance-icon{display:none}.btn-enhance.loading .mini-spinner{display:block}.tooltip{position:absolute;right:44px;padding:5px 12px;border:1px solid var(--border);border-radius:6px;background:#fff;box-shadow:var(--shadow-sm);color:var(--text-primary);font-size:.74rem;white-space:nowrap;opacity:0;pointer-events:none;transition:var(--transition-fast)}.btn-enhance:hover .tooltip{opacity:1}.negative-prompt-row{display:flex;align-items:center;gap:7px;width:fit-content;margin-top:7px;border:0;background:transparent;color:var(--text-muted);font-size:.8rem;font-weight:450;cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.negative-prompt-row:hover{color:var(--text-secondary)}.chevron{display:inline-block;font-size:.65rem;opacity:.7;transition:var(--transition-smooth)}.negative-prompt-row.open .chevron{transform:rotate(180deg)}.negative-input-wrap{max-height:0;margin-top:0;overflow:hidden;transition:max-height .35s cubic-bezier(.4,0,.2,1),margin .35s ease}.negative-input-wrap.expanded{max-height:75px;margin-top:9px}.negative-input{width:100%;padding:9px 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-secondary);font-size:.83rem;outline:none;transition:var(--transition-smooth)}.negative-input:focus{border-color:#e0b8c8;box-shadow:0 0 0 3px #dc96a00f}.params-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:12px}.param-label{display:flex;align-items:center;gap:6px;margin-right:1px;color:var(--text-muted);font-size:.73rem;font-weight:550;letter-spacing:.05em;text-transform:uppercase;white-space:nowrap}.param-group{display:flex;flex-wrap:wrap;gap:5px}.provider-group{display:inline-grid;grid-template-columns:repeat(2,minmax(70px,1fr));gap:3px;padding:3px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--bg-tag)}.provider-segment{min-width:70px;height:30px;padding:0 14px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.provider-segment:hover{color:var(--text-primary)}.provider-segment.selected{background:#fff;box-shadow:var(--shadow-xs);color:var(--accent)}.param-chip,.suggested-tag{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast);-webkit-user-select:none;user-select:none;white-space:nowrap}.param-chip{padding:6px 13px;border:1.5px solid var(--border);background:var(--bg-tag);color:var(--text-secondary);font-size:.78rem;font-weight:500}.param-chip:hover{border-color:#ccd4e0;background:#f8fafc;color:var(--text-primary);transform:translateY(-1px)}.param-chip.selected{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 3px #6c7ce00f;color:var(--accent);font-weight:600}.select-row{gap:12px}.select-field{display:flex;align-items:center;gap:7px}.param-select{min-width:132px;height:36px;padding:0 32px 0 16px;border:1.5px solid var(--border);border-radius:40px;appearance:none;background-color:#fff;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%238a92a6' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;background-size:13px;box-shadow:var(--shadow-xs);color:var(--text-secondary);font-size:.78rem;font-weight:500;cursor:pointer;transition:var(--transition-smooth)}.param-select:hover{border-color:#c8d2de;background-color:#fefefe;box-shadow:var(--shadow-sm);color:var(--text-primary)}.param-select:focus{border-color:var(--accent);background-color:#fff;box-shadow:0 0 0 4px #6c7ce01a;color:var(--text-primary);outline:none}.resolution-select{min-width:176px}.login-hint,.job-status,.generation-error{margin-top:14px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--accent-soft);color:var(--accent);font-size:.86rem}.generation-error{display:flex;flex-direction:column;gap:3px;border:1px solid rgba(205,84,100,.22);background:#fff7f8;color:#a83f51}.generation-result{display:grid;grid-template-columns:74px minmax(0,1fr) auto;align-items:center;gap:12px;margin-top:14px;padding:10px;border:1.5px solid rgba(50,183,169,.28);border-radius:var(--radius-md);background:linear-gradient(135deg,#f4fffc,#fff 62%);box-shadow:0 0 0 4px #32b7a90f,var(--shadow-sm)}.result-thumb{overflow:hidden;width:74px;aspect-ratio:1 / 1;padding:0;border:1px solid rgba(50,183,169,.26);border-radius:var(--radius-sm);background:#eef7f5;cursor:pointer}.result-thumb img{display:block;width:100%;height:100%;object-fit:cover}.result-copy{display:flex;min-width:0;flex-direction:column;gap:2px}.result-copy strong{color:#20786f;font-size:.95rem;line-height:1.25}.result-copy span{color:var(--text-secondary);font-size:.8rem;line-height:1.35}.result-actions{display:flex;gap:7px}.btn-result{display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:34px;padding:0 12px;border:1px solid rgba(50,183,169,.24);border-radius:var(--radius-full);background:#fff;color:#20786f;font-size:.78rem;font-weight:650;text-decoration:none;cursor:pointer;transition:var(--transition-fast)}.btn-result:hover{border-color:#32b7a96b;background:#f2fffc;transform:translateY(-1px)}.btn-result.primary{border-color:transparent;background:#32b7a9;color:#fff}.job-status{display:flex;align-items:center;justify-content:center;flex-direction:column;flex-wrap:wrap;gap:10px;color:var(--text-secondary)}.job-status-main{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;width:100%}.job-progress{width:100%}.job-progress-text{display:flex;justify-content:space-between;gap:10px;margin-bottom:6px;color:var(--text-secondary);font-size:.78rem}.job-progress-track{width:100%;height:8px;overflow:hidden;border-radius:var(--radius-full);background:#6c7ce024}.job-progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),#32b7a9);transition:width .25s ease}.gpt-progress .job-progress-text{align-items:center}.job-progress-track.indeterminate span{width:42%;min-width:88px;background:linear-gradient(90deg,rgba(108,124,224,.12),var(--accent),#32b7a9,rgba(50,183,169,.12));animation:indeterminate-progress 1.2s ease-in-out infinite;transition:none}@keyframes indeterminate-progress{0%{transform:translate(-120%)}to{transform:translate(250%)}}.btn-cancel-job{padding:5px 12px;border:1px solid rgba(205,84,100,.22);border-radius:var(--radius-full);background:#fff7f8;color:#b94a5c;font-size:.78rem;font-weight:600;cursor:pointer;transition:var(--transition-fast)}.btn-cancel-job:hover{border-color:#cd54645c;background:#fff0f2}.btn-cancel-job:disabled{opacity:.65;cursor:wait}.generate-btn-wrap{display:flex;flex:1;align-items:center;justify-content:center;min-height:118px;margin-top:10px}.btn-generate{position:relative;display:inline-flex;align-items:center;gap:9px;overflow:hidden;padding:13px 38px;border:0;border-radius:var(--radius-full);background:var(--gradient-btn);box-shadow:var(--shadow-btn);color:#fff;font-size:1rem;font-weight:650;cursor:pointer;transition:var(--transition-spring)}.btn-generate:hover{background:var(--gradient-btn-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-2px)}.btn-generate:active{transform:scale(.96);transition:.1s ease}.btn-generate.loading{opacity:.8;pointer-events:none}.btn-generate:disabled{background:linear-gradient(150deg,#c8cedf,#b7bed4);box-shadow:none;color:#ffffffc7;cursor:not-allowed;opacity:.58}.btn-generate:disabled:hover{background:linear-gradient(150deg,#c8cedf,#b7bed4);box-shadow:none;transform:none}.spinner{display:none;width:20px;height:20px;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}.btn-generate.loading .spinner{display:block}.btn-generate.loading .btn-icon-text{display:none}@keyframes spin{to{transform:rotate(360deg)}}.suggested-tags{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;width:100%;max-width:740px;margin-top:16px}.suggested-tag{padding:6px 13px;border:1.5px solid transparent;background:var(--bg-tag);color:var(--text-secondary);font-size:.76rem}.suggested-tag:hover{border-color:#d8dde6;background:var(--bg-tag-hover);color:var(--text-primary);transform:translateY(-1px)}.recent-section{width:100%;margin-top:0;padding:16px;border:1.5px solid rgba(228,232,239,.82);border-radius:var(--radius-lg);background:#ffffffb8;box-shadow:var(--shadow-sm);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:fadeInUp .45s cubic-bezier(.4,0,.2,1)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.recent-header{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:4px;margin-bottom:12px}.recent-title{display:flex;align-items:center;gap:8px;color:var(--text-primary);font-size:.92rem;font-weight:650}.count-badge{padding:2px 8px;border-radius:var(--radius-full);background:var(--accent-soft);color:var(--accent);font-size:.66rem;font-weight:600}.recent-grid{display:grid;grid-template-columns:1fr;gap:10px}.recent-card{position:relative;overflow:hidden;padding:0;aspect-ratio:4 / 3;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#f2f4f8;box-shadow:var(--shadow-xs);cursor:pointer;transition:var(--transition-smooth)}.recent-card.empty{display:flex;align-items:center;justify-content:center;border-color:#bec7dbb8;background:radial-gradient(circle at 28% 18%,rgba(154,171,242,.18),transparent 36%),linear-gradient(145deg,#f9fbff,#f0f3fb 54%,#f7f8fc);cursor:default}.recent-card.empty:before{content:"";position:absolute;inset:9px;border:1px solid rgba(255,255,255,.82);border-radius:7px;background:linear-gradient(135deg,#ffffffa8,#fff0),repeating-linear-gradient(135deg,rgba(108,124,224,.06) 0 1px,transparent 1px 9px)}.recent-card.empty:after{content:"✦";position:relative;z-index:1;display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(108,124,224,.14);border-radius:50%;background:#ffffffb8;box-shadow:var(--shadow-xs);color:#6c7ce09e;font-size:1rem}.recent-card:hover{z-index:2;border-color:var(--border-active);box-shadow:var(--shadow-lg),0 0 0 4px #6c7ce00f;transform:translateY(-3px)}.recent-card.fresh{border-color:#32b7a9;box-shadow:var(--shadow-lg),0 0 0 4px #32b7a924}.recent-card.fresh:after{content:"新图";position:absolute;top:8px;left:8px;z-index:2;padding:3px 8px;border-radius:var(--radius-full);background:#32b7a9f0;color:#fff;font-size:.68rem;font-weight:700;line-height:1.2}.recent-card.empty:hover{z-index:auto;border-color:var(--border);box-shadow:var(--shadow-xs);transform:none}.recent-card:disabled{pointer-events:none}.recent-card img{display:block;width:100%;height:100%;background:#f0f2f6;object-fit:cover;transition:var(--transition-smooth)}.recent-card:hover img{transform:scale(1.05)}.img-overlay{position:absolute;right:0;bottom:0;left:0;display:flex;justify-content:flex-end;gap:5px;padding:10px;background:linear-gradient(transparent,#00000073);opacity:0;pointer-events:none;transition:var(--transition-smooth)}.recent-card:hover .img-overlay{opacity:1}.recent-card.empty .img-overlay{display:none}.img-action-btn{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid rgba(255,255,255,.6);border-radius:50%;background:#ffffffd9;color:#3a3d4a;font-size:.75rem;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-overlay{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:transparent;opacity:0;pointer-events:none;transition:opacity .3s ease}.modal-overlay.active{opacity:1;pointer-events:none}.auth-overlay{position:fixed;inset:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:18px;background:transparent;opacity:0;pointer-events:none;transition:opacity .25s ease}.auth-overlay.active{opacity:1;pointer-events:none}.modal-overlay:has(.modal-content):before,.auth-overlay:has(.auth-dialog):before{content:none}.modal-overlay:has(.modal-content):before{content:none}.auth-dialog{position:relative;z-index:1;pointer-events:auto;width:min(100%,390px);padding:28px;border:1.5px solid rgba(228,232,239,.92);border-radius:var(--radius-lg);background:#fff;box-shadow:0 18px 54px #14161e2e}.auth-close{top:10px;right:10px}.auth-header{padding-right:42px;margin-bottom:18px}.auth-header h2{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:0;line-height:1.2}.auth-tabs{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;margin-bottom:18px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:var(--bg-tag)}.auth-tab{height:36px;border:0;border-radius:var(--radius-full);background:transparent;color:var(--text-secondary);font-size:.86rem;font-weight:650;cursor:pointer;transition:var(--transition-fast)}.auth-tab.selected{background:#fff;box-shadow:var(--shadow-xs);color:var(--accent)}.auth-field{display:flex;flex-direction:column;gap:7px;margin-top:13px;color:var(--text-secondary);font-size:.82rem;font-weight:650}.auth-field input{width:100%;height:42px;padding:0 13px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-input);color:var(--text-primary);font-size:.92rem;outline:none;transition:var(--transition-smooth)}.auth-field input:focus{border-color:var(--border-active);background:#fff;box-shadow:0 0 0 4px #6c7ce014}.btn-auth-submit{width:100%;height:44px;margin-top:20px;border:0;border-radius:var(--radius-full);background:var(--gradient-btn);box-shadow:var(--shadow-btn);color:#fff;font-size:.95rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth)}.btn-auth-submit:hover{background:var(--gradient-btn-hover);box-shadow:var(--shadow-btn-hover);transform:translateY(-1px)}.btn-auth-submit:disabled{opacity:.66;cursor:wait;transform:none}.modal-content{position:relative;z-index:1;pointer-events:auto;overflow:hidden;max-width:90vw;max-height:90vh;border-radius:var(--radius-lg);background:#fff;box-shadow:0 16px 48px #0000002e;transform:scale(.9);transition:transform .35s cubic-bezier(.34,1.3,.64,1)}.modal-overlay.active .modal-content{transform:scale(1)}.modal-content img{display:block;max-width:90vw;max-height:82vh;border-radius:var(--radius-lg);background:#fafbfc;object-fit:contain}.modal-close{position:absolute;top:12px;right:12px;display:flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:#ffffffd9;color:#3a3d4a;font-size:1.1rem;cursor:pointer;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:var(--transition-fast)}.modal-close:hover{background:#fff;transform:scale(1.08)}.modal-info{position:absolute;right:14px;bottom:14px;left:14px;z-index:10;display:flex;flex-wrap:wrap;gap:8px}.modal-download-btn{display:flex;align-items:center;gap:5px;padding:9px 18px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-full);background:#ffffffe6;color:#2a2d38;font-size:.85rem;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:var(--transition-fast)}.modal-download-btn:hover{background:#fff;transform:translateY(-1px)}.toast{position:fixed;bottom:30px;left:50%;z-index:2000;display:flex;align-items:center;gap:7px;padding:11px 22px;border:1.5px solid var(--border);border-radius:var(--radius-full);background:#fff;box-shadow:var(--shadow-lg);color:#2a2d38;font-size:.83rem;font-weight:550;pointer-events:none;transform:translate(-50%) translateY(100px);transition:transform .35s cubic-bezier(.34,1.3,.64,1)}.toast.show{transform:translate(-50%) translateY(0)}.analytics-page{max-width:960px}.analytics-shell{display:flex;flex-direction:column;gap:22px;padding:48px 0}.analytics-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.analytics-header h1{color:var(--text-primary);font-size:1.6rem;font-weight:700;letter-spacing:0}.analytics-header span{color:var(--text-muted);font-size:.82rem}.analytics-filters{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding:16px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#ffffffd1;box-shadow:var(--shadow-sm)}.analytics-filter{display:flex;min-width:180px;flex-direction:column;gap:7px;color:var(--text-secondary);font-size:.78rem;font-weight:650}.analytics-filter input{height:42px;padding:0 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:#fff;color:var(--text-primary);font:inherit}.analytics-query{height:42px}.analytics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.analytics-card{display:flex;min-height:130px;flex-direction:column;justify-content:space-between;padding:20px;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#ffffffdb;box-shadow:var(--shadow-sm)}.analytics-card span{color:var(--text-secondary);font-size:.86rem;font-weight:600}.analytics-card strong{color:var(--text-primary);font-size:2rem;font-weight:760;line-height:1}.analytics-error{margin:0}.analytics-table-wrap{overflow-x:auto;border:1.5px solid var(--border);border-radius:var(--radius-md);background:#ffffffe0;box-shadow:var(--shadow-sm)}.analytics-table{width:100%;min-width:620px;border-collapse:collapse;color:var(--text-primary);font-size:.88rem}.analytics-table th,.analytics-table td{padding:14px 16px;border-bottom:1px solid rgba(221,226,236,.9);text-align:right;white-space:nowrap}.analytics-table th:first-child,.analytics-table td:first-child{text-align:left}.analytics-table th{color:var(--text-secondary);font-size:.78rem;font-weight:720}.analytics-table tbody tr:last-child td{border-bottom:0}.analytics-table tbody tr:hover{background:#f4f7fccc}@media(max-width:768px){.app-container{padding:0 14px}.nav-links{display:none}.main-content{padding:28px 0 32px}.hero-title{font-size:1.5rem}.creation-layout{grid-template-columns:1fr;gap:18px}.input-card{min-height:auto;padding:15px}.param-select{min-width:120px;height:34px;font-size:.73rem}.generation-result{grid-template-columns:62px minmax(0,1fr)}.result-thumb{width:62px}.result-actions{grid-column:1 / -1;justify-content:flex-end}.recent-grid{grid-template-columns:repeat(3,1fr);gap:10px}.auth-dialog{padding:22px}.analytics-shell{padding:34px 0}.analytics-header{align-items:flex-start;flex-direction:column}.analytics-grid{grid-template-columns:1fr 1fr}.analytics-filters{align-items:stretch;flex-direction:column}.analytics-filter{min-width:0}.analytics-card{min-height:112px;padding:16px}.analytics-card strong{font-size:1.55rem}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{border-radius:10px;background:#d0d5de}::selection{background:#6c7ce033}