._button_ov7zs_3{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;background:transparent;cursor:pointer;font-family:inherit;transition:all var(--transition-normal, .2s);box-sizing:border-box;text-decoration:none}._button_ov7zs_3:disabled{opacity:.6;cursor:not-allowed;transform:none!important;box-shadow:none!important}._sm_ov7zs_25{padding:6px 12px;font-size:13px;height:32px;border-radius:var(--radius-sm, 6px)}._md_ov7zs_32{padding:8px 16px;font-size:var(--text-sm, 14px);height:38px;border-radius:var(--radius-md, 8px)}._lg_ov7zs_39{height:46px;padding:0 24px;font-size:var(--text-lg, 16px);border-radius:var(--radius-button, 12px)}._primary_ov7zs_47{background:linear-gradient(135deg,var(--color-primary, #7c5cff),var(--color-primary-2, #bd93f9));color:#fff;font-weight:600;box-shadow:0 4px 14px #7c5cff33}._primary_ov7zs_47:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 8px 25px #7c5cff59}._secondary_ov7zs_58{border:1px solid var(--border-color, #333);background:var(--bg-hover, rgba(255,255,255,.05));color:var(--text-primary, #fff);font-weight:500}._secondary_ov7zs_58:not(:disabled):hover{border-color:var(--border-hover, #666);background:var(--bg-active, rgba(255,255,255,.1))}._ghost_ov7zs_69{color:var(--text-secondary, #888);background:transparent}._ghost_ov7zs_69:not(:disabled):hover{color:var(--text-primary, #fff);background:var(--bg-hover, rgba(255,255,255,.05))}._danger_ov7zs_78{background:#ff55551a;border:1px solid rgba(255,85,85,.3);color:#f55;font-weight:500}._danger_ov7zs_78:not(:disabled):hover{background:#f553;border-color:#ff555580}._loading_ov7zs_90{position:relative;color:transparent!important;pointer-events:none}._spinner_ov7zs_96{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:_spin_ov7zs_96 .75s linear infinite}@keyframes _spin_ov7zs_96{0%{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}._content_ov7zs_114{display:inline-flex;align-items:center;gap:6px;visibility:inherit}._loading_ov7zs_90 ._content_ov7zs_114{visibility:hidden}._form_1rqna_1{display:flex;flex-direction:column;gap:var(--spacing-md)}._field_1rqna_7{display:flex;flex-direction:column;gap:var(--spacing-sm);font-size:var(--text-md);color:var(--text-secondary)}._field_1rqna_7 input{height:46px;border-radius:var(--radius-button);border:1px solid var(--border-color);background:var(--bg-overlay);color:var(--text-primary);padding:0 14px;font-size:var(--text-lg);outline:none;transition:border-color var(--transition-normal),box-shadow var(--transition-normal)}._field_1rqna_7 input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--border-light)}._field_1rqna_7 input._error_1rqna_32{border-color:var(--color-error)}._fieldHint_1rqna_36{font-size:var(--text-sm);color:var(--text-secondary)}._fieldHint_1rqna_36._error_1rqna_32{color:var(--text-error)}._submit_1rqna_45{height:46px;border-radius:var(--radius-button);border:none;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));color:#fff;font-size:var(--text-lg);font-weight:600;cursor:pointer;transition:transform var(--transition-normal),box-shadow var(--transition-normal);box-shadow:0 12px 30px var(--border-focus)}._submit_1rqna_45:disabled{opacity:.6;cursor:default;box-shadow:none}._submit_1rqna_45:not(:disabled):hover{transform:translateY(-1px)}._alert_1rqna_68{padding:10px 12px;border-radius:var(--radius-md);font-size:var(--text-sm)}._alert_1rqna_68._error_1rqna_32{background:var(--color-error-bg);color:var(--text-error);border:1px solid var(--color-error-border)}._formFooter_1rqna_80{display:flex;justify-content:center;margin-top:12px}._linkButton_1rqna_86{background:none;border:none;color:var(--color-primary);font-size:var(--text-sm);cursor:pointer;padding:4px 8px;transition:color var(--transition-fast)}._linkButton_1rqna_86:hover{color:var(--color-primary-hover);text-decoration:underline}._overlay_2a4tc_1{position:fixed;inset:0;background:var(--bg-overlay);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-40);padding:20px;animation:_fadeIn_2a4tc_1 .2s ease-out}._content_2a4tc_14{position:relative;width:100%;max-width:420px;background:var(--bg-secondary, var(--bg-tertiary));border:1px solid var(--border-color, var(--border-color));border-radius:var(--radius-xl, 16px);padding:var(--spacing-lg, 24px);box-shadow:0 25px 80px var(--bg-dark);animation:_slideUp_2a4tc_1 .3s cubic-bezier(.16,1,.3,1)}._closeBtn_2a4tc_26{position:absolute;top:16px;right:16px;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-color, var(--border-color));background:var(--bg-hover, var(--border-color));color:var(--text-secondary, var(--text-secondary));font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--transition-normal, .2s)}._closeBtn_2a4tc_26:hover{border-color:var(--border-hover, var(--text-muted));color:var(--text-primary, var(--text-light));background:var(--bg-active, var(--border-light))}._header_2a4tc_50{margin-bottom:var(--spacing-lg, 24px);text-align:center}._title_2a4tc_55{font-size:var(--text-3xl, 24px);font-weight:600;margin:0 0 8px;color:var(--text-primary, var(--text-light))}._subtitle_2a4tc_62{margin:0;color:var(--text-secondary, var(--text-secondary));font-size:var(--text-md, 16px)}._body_2a4tc_68{position:relative}@keyframes _fadeIn_2a4tc_1{0%{opacity:0}to{opacity:1}}@keyframes _slideUp_2a4tc_1{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}._upgradeModal_im1fs_1{padding:0!important;background:var(--bg-primary);border:1px solid var(--border-color);box-shadow:0 20px 40px var(--shadow-md);border-radius:16px;overflow:hidden;position:relative}._closeButton_im1fs_11{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:8px;border-radius:8px;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:var(--z-10)}._closeButton_im1fs_11:hover{background:var(--bg-hover);color:var(--text-primary)}._header_im1fs_33{display:flex;flex-direction:column;align-items:center;padding:40px 32px 16px;text-align:center}._iconWrapper_im1fs_41{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;background:currentColor;opacity:.1}._iconContainer_im1fs_54{display:flex;justify-content:center;position:relative}._iconSvg_im1fs_60{position:absolute;top:16px}._title_im1fs_65{margin:0;font-size:1.5rem;font-weight:600;letter-spacing:-.02em}._message_im1fs_72{padding:0 32px;text-align:center;color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin-bottom:24px}._featuresList_im1fs_81{padding:0 32px 24px;display:flex;flex-direction:column;gap:16px}._featureItem_im1fs_88{display:flex;align-items:flex-start;gap:12px}._featureIcon_im1fs_94{flex-shrink:0;margin-top:2px}._featureText_im1fs_99 h4{margin:0;font-size:.95rem;font-weight:500;color:var(--text-primary)}._tip_im1fs_106{text-align:center;font-size:.875rem;color:var(--text-tertiary);padding:0 32px 16px}._qrContainer_im1fs_113{display:flex;flex-direction:column;align-items:center;padding:0 32px 24px;gap:12px}._qrBox_im1fs_121{width:160px;height:160px;border-radius:12px;overflow:hidden;background:var(--text-light);padding:8px;border:1px solid var(--border-color);box-shadow:0 4px 12px var(--shadow-sm)}._qrImage_im1fs_132{width:100%;height:100%;object-fit:contain;display:block}._wechatId_im1fs_139{font-size:.9rem;color:var(--text-secondary)}._wechatId_im1fs_139 strong{color:var(--text-primary);user-select:all;cursor:copy}.router-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:2rem}.router-error-state h2{margin-bottom:1rem}.router-error-state p{margin-bottom:2rem;color:var(--text-muted)}.router-error-actions{display:flex;gap:1rem}.router-retry-button{padding:8px 16px;background:var(--color-brand-accent);color:#000;border:none;border-radius:4px;cursor:pointer;font-weight:500}.router-home-button{padding:8px 16px;background:var(--bg-dark);color:var(--text-light);border:1px solid var(--border-color);border-radius:4px;cursor:pointer}.router-suspense-fallback{display:flex;align-items:center;justify-content:center;height:100vh}:root{--color-primary: #7c5cff;--color-primary-2: #4c8dff;--color-primary-glow: rgba(124, 92, 255, .45);--color-bg-primary: var(--bg-primary);--color-brand-accent: var(--color-brand-accent);--color-text-highlight: var(--color-text-highlight);--color-success: #58c7a3;--color-success-bg: rgba(88, 199, 163, .12);--color-success-border: rgba(88, 199, 163, .2);--color-warning: var(--color-warning);--color-warning-bg: rgba(245, 158, 11, .2);--color-warning-border: rgba(245, 158, 11, .4);--color-error: #ff5353;--color-error-bg: rgba(255, 83, 83, .12);--color-error-border: rgba(255, 83, 83, .2);--editor-bg: var(--bg-tertiary);--editor-bg-secondary: #252526;--editor-bg-tertiary: #2d2d2d;--editor-border: var(--border-color);--editor-border-light: #3c3c3c;--editor-blue: #0e639c;--editor-blue-hover: #1177bb;--editor-blue-light: #007acc;--editor-text: var(--editor-text);--editor-text-muted: var(--text-secondary);--editor-text-light: #ccc;--editor-highlight: #9cdcfe;--bg-primary: #0a0c13;--bg-secondary: #0f1220;--bg-tertiary: var(--bg-tertiary);--bg-card: rgba(18, 24, 38, .75);--bg-hover: rgba(12, 16, 28, .6);--bg-overlay: rgba(7, 11, 20, .6);--bg-dark: rgba(10, 14, 24, .65);--bg-dark-light: rgba(10, 14, 24, .5);--text-primary: #e6e8ee;--text-secondary: #98a2b3;--text-muted: #6b7280;--text-light: var(--text-light);--text-error: #ffb5b5;--text-success: #b5f1d8;--border-color: var(--border-color);--border-hover: var(--border-hover);--border-light: var(--border-light);--border-focus: rgba(124, 92, 255, .6);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 40px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--radius-button: 12px;--shadow-sm: 0 2px 8px var(--bg-dark-light);--shadow-md: 0 8px 24px var(--shadow-md);--shadow-lg: 0 20px 60px var(--bg-dark);--shadow-glow: 0 8px 20px var(--border-light);--shadow-card: 0 20px 60px var(--shadow), 0 0 40px var(--shadow-sm);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--font-family: "Inter", "SF Pro Text", "Segoe UI", system-ui, sans-serif;--font-mono: "SF Mono", Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 15px;--text-xl: 16px;--text-2xl: 20px;--text-3xl: 24px;--text-4xl: 28px;--text-5xl: 32px;--text-hero: clamp(32px, 4vw, 52px);--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-max: 9999;--editor-header-height: 52px;--editor-panel-width: 320px;--editor-panel-min-width: 280px;--editor-panel-max-width: 400px;--editor-tab-height: 32px}:root{color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh;font-family:var(--font-family);background:radial-gradient(1200px 800px at 10% 10%,var(--bg-hover),transparent),radial-gradient(900px 700px at 90% 20%,var(--bg-hover),transparent),linear-gradient(160deg,var(--bg-primary),var(--bg-secondary));color:var(--text-primary);line-height:1.5}#app{min-height:100vh}h1,h2,h3,h4,h5,h6{margin:0;font-weight:600;line-height:1.3}p{margin:0}a{color:inherit;text-decoration:none}ul,ol{margin:0;padding:0;list-style:none}img{max-width:100%;display:block}button{font-family:inherit;font-size:inherit;cursor:pointer;border:none;background:none;outline:none}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}table{border-collapse:collapse;width:100%}code,pre{font-family:var(--font-mono)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--editor-border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--editor-border-light)}::selection{background:var(--border-focus);color:var(--text-light)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.page{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-xl) var(--spacing-md)}.page.final{align-items:flex-start;padding-top:56px}.glow{position:absolute;inset:0;background:radial-gradient(500px 300px at 50% 0%,var(--color-primary-glow),transparent 60%);opacity:.7;pointer-events:none}.grid{position:relative;width:min(980px,100%);display:grid;grid-template-columns:minmax(240px,1fr) minmax(280px,1fr);gap:40px;align-items:center;z-index:var(--z-10)}.card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-xl);padding:var(--spacing-lg);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.card-header h1{margin:0;font-size:var(--text-3xl)}.card-header p{margin:var(--spacing-sm) 0 var(--spacing-lg);color:var(--text-secondary);font-size:var(--text-md)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.minimal-topbar{justify-content:flex-end;padding:20px 40px;position:absolute;top:0;right:0;width:100%;z-index:var(--z-40);background:transparent;pointer-events:none}.minimal-topbar>*{pointer-events:auto}.profile-link{color:var(--text-light);text-decoration:none;font-weight:500;transition:opacity .3s}.profile-link:hover{opacity:.8}.panel{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--spacing-lg);backdrop-filter:blur(18px);box-shadow:var(--shadow-card)}.panel-header{display:flex;flex-direction:column;gap:6px;margin-bottom:var(--spacing-md)}.panel-subtitle{color:var(--text-secondary);font-size:var(--text-md)}.panel-content{display:flex;flex-direction:column;gap:var(--spacing-md)}.panel-tools{display:grid;grid-template-columns:minmax(180px,220px) minmax(200px,1fr);gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.panel-status{margin-bottom:var(--spacing-sm);padding:10px 12px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-size:var(--text-sm)}.panel-status.error{border-color:var(--color-error-border);color:var(--text-error);background:var(--color-error-bg)}.tool{display:flex;flex-direction:column;gap:6px;font-size:var(--text-sm);color:var(--text-secondary)}.tool select,.tool input{height:42px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-overlay);color:var(--text-primary);padding:0 12px;font-size:var(--text-md);outline:none}.top-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.user-pill{padding:8px 14px;border-radius:var(--radius-full);border:1px solid var(--border-color);background:var(--bg-overlay);font-size:var(--text-md);color:var(--text-secondary)}.login-btn{flex-shrink:0}.info-content{display:flex;align-items:center;gap:10px;font-size:var(--text-sm);color:var(--text-primary)}.info-icon{font-size:var(--text-sm)}.info-text{color:var(--text-secondary)}@media (max-width: 860px){.grid{grid-template-columns:1fr;gap:28px}.brand{text-align:center;align-items:center}.topbar{flex-direction:column;align-items:flex-start}.panel-tools{grid-template-columns:1fr}.top-actions{width:100%;justify-content:space-between}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.ghost{height:36px;padding:0 14px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:opacity var(--transition-normal)}.ghost:disabled{opacity:.5;cursor:default}button.small{height:32px;padding:0 12px;font-size:var(--text-sm)}.action-btn{padding:12px 20px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.action-btn:hover{border-color:var(--border-hover);background:var(--bg-card)}.action-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));border:none;color:#fff;font-weight:600}.action-btn.primary:hover{box-shadow:0 8px 20px var(--border-focus)}.lang-badge{padding:3px 8px;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:600;line-height:1;background:var(--color-primary-glow);border:1px solid var(--border-focus);color:var(--color-primary-2)}.badge{padding:4px 8px;border-radius:var(--radius-full);font-size:var(--text-sm);color:#fff;background:var(--border-light);border:1px solid var(--border-hover)}.badge.muted{color:var(--text-secondary);background:var(--bg-hover);border:1px solid var(--border-color)}.badge.locked{background:var(--color-warning-bg);border-color:var(--color-warning-border);color:var(--color-warning)}.back-btn{align-self:flex-start;padding:8px 16px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--transition-normal)}.back-btn:hover{border-color:var(--border-hover);color:var(--text-primary)}.tech-glass{background:var(--bg-card);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border-light);box-shadow:0 8px 32px 0 var(--shadow-md)}.tech-card{background:var(--bg-dark);border:1px solid var(--bg-hover);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-card:hover{background:var(--bg-hover);border-color:var(--color-brand-accent);box-shadow:0 0 15px var(--border-light);transform:translateY(-2px)}.tech-card.selected{border-color:var(--color-primary);box-shadow:0 0 20px var(--border-focus);background:var(--color-primary-glow)}.spinner{width:40px;height:40px;border:3px solid var(--bg-hover);border-top-color:var(--color-brand-accent);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:15px}@keyframes spin{to{transform:rotate(360deg)}}.type-tag{padding:2px 6px;border-radius:4px;font-size:.7rem;font-weight:700;letter-spacing:.5px;margin-left:8px}.type-tag.test{background:var(--bg-hover);color:var(--color-brand-accent);border:1px solid var(--border-light)}.type-tag.submit{background:var(--color-primary-glow);color:var(--color-primary);border:1px solid var(--border-light)}.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px;color:var(--color-error);text-align:center}.error-icon{font-size:2rem;margin-bottom:12px}.editor-header{height:50px;background:var(--bg-tertiary);border-bottom:1px solid var(--border-color);display:flex;align-items:center;justify-content:space-between;padding:0 16px;color:var(--text-primary)}.history-btn{background:var(--color-primary-glow);border:1px solid var(--color-primary-2);color:var(--color-primary-2);padding:4px 12px;border-radius:4px;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:6px}.history-btn:hover{background:var(--color-primary-2);color:var(--bg-secondary);box-shadow:0 0 12px var(--border-hover)}.code-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-card);border-bottom:1px solid var(--border-color)}.file-name{font-size:var(--text-sm);color:var(--text-secondary)}.copy-btn{padding:4px 10px;border-radius:var(--radius-sm);font-size:var(--text-xs);background:var(--border-light);border:1px solid var(--border-focus);color:var(--color-primary);cursor:pointer;transition:all var(--transition-normal)}.copy-btn:hover{background:var(--border-focus)}.code-content{margin:0;padding:20px;font-family:var(--font-mono);font-size:var(--text-base);line-height:1.6;color:var(--text-primary);white-space:pre-wrap}:root{--neon-cyan: var(--color-brand-accent);--neon-magenta: var(--color-primary);--neon-yellow: var(--color-warning);--cyber-bg: var(--bg-primary)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,var(--shadow-sm) 50%),linear-gradient(90deg,var(--color-error-bg),var(--color-success-bg),var(--color-primary-glow));z-index:var(--z-max);pointer-events:none;background-size:100% 4px,3px 100%;opacity:.15}@keyframes cyber-glow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.code-editor-page{display:flex;flex-direction:column;height:100vh;width:100vw;background:var(--color-bg-primary);overflow:hidden;font-family:SF Pro Display,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background:var(--border-color);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-color);flex-shrink:0;height:60px}.header-left{display:flex;align-items:center;gap:16px}.header-left .back-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;border-radius:8px;border:1px solid var(--border-light);background:var(--bg-dark-light);color:var(--text-light);font-size:13px;font-weight:500;cursor:pointer;transition:all .2s ease}.header-left .back-btn:hover{background:var(--border-color);color:var(--text-light)}.bookmark-btn,.history-btn-top{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;border:1px solid var(--border-light);background:var(--border-color);color:var(--text-light);cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1)}.bookmark-btn:hover,.history-btn-top:hover{background:var(--border-light);transform:scale(1.02)}.bookmark-btn[title=取消收藏]{color:var(--color-warning);border-color:var(--color-warning-border);background:var(--color-warning-bg)}.bookmark-btn[title=取消收藏]:hover{background:var(--color-warning-border)}.header-center{flex:1;display:flex;justify-content:center;align-items:center}.file-tab{display:flex;align-items:center;gap:8px;padding:6px 16px;background:var(--border-color);border:1px solid var(--border-light);border-radius:8px;color:var(--text-light);font-family:SF Pro Display,Inter,sans-serif;font-size:13px;font-weight:500;box-shadow:0 4px 10px var(--shadow-sm)}.file-tab .lang-badge{padding:2px 6px;border-radius:4px;font-size:10px;font-weight:700;background:var(--color-primary-glow);border:1px solid var(--border-focus);color:var(--color-primary-2);margin-left:4px}.header-actions{display:flex;gap:12px}.header-actions .action-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;border-radius:100px;border:1px solid var(--border-light);background:var(--border-color);color:var(--text-light);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.25,1,.5,1)}.header-actions .action-btn:hover:not(:disabled){background:var(--border-light);transform:scale(1.02)}.header-actions .header-actions .header-actions .header-actions .header-actions .header-actions .editor-main{height:calc(100vh - 60px);width:100vw;overflow:hidden;display:flex;flex-direction:column;padding:8px}.editor-panels-group{flex:1;height:100%;width:100%}.panel-wrapper{height:100%;display:flex;flex-direction:column;background:var(--surface);border-radius:8px;border:1px solid var(--border);overflow:hidden;box-shadow:0 4px 12px var(--shadow-sm)}.resize-handle{width:4px!important;background:var(--color-bg-primary);position:relative;transition:background .2s ease;z-index:var(--z-10)}.resize-handle[data-resize-handle-state=hover]{background:var(--border-color)}.resize-handle[data-resize-handle-state=drag]{background:var(--color-primary-glow)}.resize-handle-bar{display:none}body[data-panel-resize-handle-enabled=true]{cursor:col-resize}.resize-handle:after{content:attr(data-tooltip);position:absolute;bottom:-20px;left:50%;transform:translate(-50%);font-size:10px;color:var(--editor-text-muted);opacity:0;transition:opacity var(--transition-fast);white-space:nowrap}.resize-handle:hover:after{opacity:1}.problem-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-tertiary);border-right:1px solid var(--border-color)}.problem-panel-content{padding-top:var(--spacing-lg)}.problem-file{position:relative;margin-bottom:var(--spacing-xl);padding:var(--spacing-lg);background:var(--border-color);border:1px solid var(--border-color);border-radius:var(--radius-lg)}.problem-description{position:relative}.canvas-warning{padding:16px;background:var(--color-warning-bg);color:var(--color-warning);border-radius:8px;border:1px solid var(--color-warning-border);margin-top:16px;text-align:center}.refresh-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:6px;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.refresh-btn:hover{background:var(--border-light);color:var(--text-light)}.refresh-btn.spinning .btn-icon{animation:spin 1s linear infinite;color:var(--color-text-highlight)}.problem-content{flex:1;overflow:auto;padding:20px}.problem-file{margin-bottom:24px}.problem-file .file-title{font-size:16px;font-weight:600;color:var(--text-light);margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border-light)}.problem-description h4{margin:16px 0 8px;font-size:var(--text-base);font-weight:600;color:var(--editor-highlight)}.problem-description h4:first-child{margin-top:0}.problem-description p{margin:0;font-size:var(--text-base);line-height:1.6;color:var(--editor-text)}.markdown-content{line-height:1.6;color:var(--editor-text)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{margin:16px 0 8px;font-weight:600;color:var(--text-light);line-height:1.3}.markdown-content h1{font-size:1.5em}.markdown-content h2{font-size:1.3em}.markdown-content h3{font-size:1.15em}.markdown-content h4{font-size:1em}.markdown-content p{margin:8px 0}.markdown-content strong,.markdown-content b{font-weight:600;color:var(--editor-highlight)}.markdown-content em,.markdown-content i{font-style:italic}.markdown-content a{color:var(--editor-blue-light);text-decoration:none;transition:color var(--transition-normal)}.markdown-content a:hover{color:var(--editor-blue-hover);text-decoration:underline}.markdown-content ul,.markdown-content ol{margin:8px 0;padding-left:24px}.markdown-content li{margin:4px 0}.markdown-content li::marker{color:var(--editor-text-muted)}.markdown-content code{font-family:var(--font-mono);font-size:.9em;background:var(--editor-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm);color:var(--color-warning)}.markdown-content pre{margin:12px 0;padding:12px 16px;background:var(--editor-bg);border-radius:var(--radius-sm);overflow-x:auto}.markdown-content pre code{padding:0;background:transparent;color:var(--editor-text);font-size:var(--text-sm)}.markdown-content blockquote{margin:12px 0;padding:8px 16px;border-left:3px solid var(--editor-blue-light);background:var(--editor-bg-tertiary);color:var(--editor-text-muted)}.markdown-content blockquote p{margin:0}.markdown-content hr{margin:16px 0;border:none;border-top:1px solid var(--editor-border)}.markdown-content table{width:100%;margin:12px 0;border-collapse:collapse}.markdown-content th,.markdown-content td{padding:8px 12px;border:1px solid var(--editor-border);text-align:left}.markdown-content th{background:var(--editor-bg-tertiary);font-weight:600;color:var(--text-light)}.markdown-content tr:nth-child(2n){background:var(--editor-bg-secondary)}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-sm)}.markdown-content del,.markdown-content s{text-decoration:line-through;color:var(--editor-text-muted)}.problem-loading{display:flex;align-items:center;justify-content:center;padding:20px;color:var(--editor-text-muted);font-size:var(--text-base)}.problem-error{padding:16px;text-align:center}.problem-error .error-detail{font-size:var(--text-sm);color:var(--editor-text-muted);margin:8px 0}.problem-error .retry-btn{padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--editor-border-light);background:var(--editor-bg-tertiary);color:var(--editor-text-light);font-size:var(--text-base);cursor:pointer;transition:all var(--transition-normal)}.problem-error .retry-btn:hover{background:var(--editor-border-light)}.example{margin-top:12px;border-radius:var(--radius-sm);background:var(--editor-bg);overflow:hidden}.example-title{padding:8px 12px;font-size:var(--text-sm);font-weight:500;color:var(--editor-text-muted);background:var(--editor-bg-tertiary)}.editor-section{flex:1;display:flex;flex-direction:column;background:var(--bg-tertiary);overflow:hidden}.file-icon{font-size:var(--text-sm)}.editor-wrapper{flex:1;overflow:hidden;position:relative}.editor-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:20px;color:var(--color-error);text-align:center}.editor-error .error-detail{font-size:var(--text-sm);color:var(--editor-text-muted);margin:8px 0 16px}.editor-error .retry-btn{padding:8px 16px;background:var(--editor-blue-light);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer}.editor-error .retry-btn:hover{background:var(--editor-blue-hover)}.output-panel{height:100%;background:var(--bg-tertiary);border-left:1px solid var(--border-color);display:flex;flex-direction:column;overflow:hidden}.output-panel .panel-content{flex:1;overflow-y:auto;padding:16px;scroll-behavior:smooth}.output-content{font-family:SF Mono,Menlo,Monaco,Courier New,monospace;font-size:13px;line-height:1.6;color:var(--editor-text);white-space:pre-wrap;word-wrap:break-word}.output-status{display:flex;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500}.output-status.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.output-status.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.output-status.warning{background:var(--color-warning-bg);border:1px solid var(--color-warning-border);color:var(--color-warning)}.output-status.info{background:var(--color-primary-glow);border:1px solid var(--border-focus);color:var(--color-primary-2)}.output-status .status-icon{font-size:16px}.output-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--border-focus);gap:12px}.output-empty .empty-icon{font-size:32px;margin-bottom:8px;opacity:.5;filter:grayscale(100%)}.output-empty .empty-text{font-size:14px;font-weight:500;margin:0}.output-empty .empty-hint{font-size:12px;color:var(--border-focus);margin:0}.test-case{padding:12px 16px;border-radius:var(--radius-sm);background:var(--editor-bg);border:1px solid var(--editor-border)}.test-case.passed{border-left:3px solid var(--color-success)}.test-case.failed{border-left:3px solid var(--color-error)}.test-case-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.test-case-name{font-weight:500;color:var(--text-light);font-size:var(--text-sm)}.test-case-status{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);font-weight:500;padding:2px 8px;border-radius:var(--radius-sm)}.test-case.passed .test-case-status{background:var(--color-success-bg);color:var(--color-success)}.test-case.failed .test-case-status{background:var(--color-error-bg);color:var(--color-error)}.output-panel .panel-content::-webkit-scrollbar{width:8px}.output-panel .panel-content::-webkit-scrollbar-track{background:transparent}.output-panel .panel-content::-webkit-scrollbar-thumb{background:var(--editor-border);border-radius:4px}.output-panel .panel-content::-webkit-scrollbar-thumb:hover{background:var(--editor-border-light)}.output-content{font-family:SF Mono,Menlo,Monaco,Courier New,monospace!important;font-size:13px!important;line-height:1.6!important;color:var(--editor-text);white-space:pre-wrap!important;word-break:break-all!important}.output-content .output-content .output-error{color:var(--color-error)!important;font-weight:600;background:var(--color-error-bg);border-left:3px solid var(--color-error);margin:0 -16px;padding:2px 16px;display:block}.output-warning{color:var(--color-warning)!important;font-weight:600;background:var(--color-warning-bg);border-left:3px solid var(--color-warning);margin:0 -16px;padding:2px 16px;display:block}.output-success{color:var(--color-success)!important;font-weight:600;background:var(--color-success-bg);border-left:3px solid var(--color-success);margin:0 -16px;padding:2px 16px;display:block}.editor-toolbar{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--editor-bg-secondary);border-bottom:1px solid var(--editor-border)}.toolbar-group{display:flex;gap:4px}.toolbar-group button{padding:6px 10px;border-radius:var(--radius-sm);border:none;background:transparent;color:var(--editor-text-light);cursor:pointer;transition:all var(--transition-normal)}.toolbar-group button:hover{background:var(--editor-border-light)}.btn-flash{transform:scale(.9)!important;box-shadow:0 0 15px var(--border-focus)!important;transition:all .1s cubic-bezier(.25,1,.5,1)!important}.output-flash{position:relative}.output-flash:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 30px var(--color-primary-glow);animation:panelFlash .5s ease-out forwards}@keyframes panelFlash{0%{box-shadow:inset 0 0 0 transparent}20%{box-shadow:inset 0 0 40px var(--border-focus)}to{box-shadow:inset 0 0 0 transparent}}.editor-toast{position:fixed;bottom:32px;right:32px;background:var(--bg-hover);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--color-primary-glow);color:var(--color-text-highlight);padding:12px 24px;border-radius:100px;font-family:SF Pro Display,Inter,sans-serif;font-size:14px;font-weight:600;letter-spacing:.5px;box-shadow:0 10px 30px var(--bg-dark-light),0 0 20px var(--border-light);z-index:var(--z-max);animation:toastSlideUp .3s cubic-bezier(.25,1,.5,1) forwards,toastFadeOut .3s 1.7s forwards;pointer-events:none}@keyframes toastSlideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes toastFadeOut{0%{opacity:1}to{opacity:0}}@media (max-width: 900px){.code-editor-page .editor-main{flex-direction:column}.editor-panels-group{flex-direction:column!important}.resize-handle{width:100%!important;height:8px!important;cursor:row-resize}.resize-handle-bar{width:40px!important;height:3px!important}.problem-panel{max-height:30vh;border-right:none;border-bottom:1px solid var(--editor-border)}.output-panel{max-height:30vh;border-left:none;border-top:1px solid var(--editor-border)}.editor-section{flex:1}}.monaco-editor{font-family:var(--font-mono)!important}.monaco-editor .margin{background-color:var(--editor-bg)!important}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 24px;background:var(--bg-primary)}.error-boundary-content{text-align:center;max-width:480px}.error-icon{font-size:64px;margin-bottom:24px}.error-icon-svg{color:var(--text-warning, var(--color-warning))}.error-boundary h2{margin:0 0 16px;font-size:28px;font-weight:600;color:var(--text-primary)}.error-message{margin-bottom:32px}.error-message p{margin:0 0 12px;color:var(--text-secondary);font-size:var(--text-lg)}.error-details-wrapper{position:relative;margin:16px 0;text-align:left}.error-detail{display:block;padding:16px;border-radius:var(--radius-md);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--text-error);font-size:var(--text-base);font-family:var(--font-mono);text-align:left;overflow-x:auto;white-space:pre-wrap;word-break:break-word;margin:0}.copy-error-btn{position:absolute;top:10px;right:10px;background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-secondary);padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .2s,background-color .2s}.error-details-wrapper:hover .copy-error-btn{opacity:1}.copy-error-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.error-actions{display:flex;gap:var(--spacing-sm);justify-content:center}.error-btn{padding:12px 24px;border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-hover);color:var(--text-primary);font-size:var(--text-md);font-weight:500;cursor:pointer;transition:all var(--transition-normal)}.error-btn:hover{border-color:var(--border-hover);background:var(--bg-card)}.error-btn.primary{background:linear-gradient(135deg,var(--color-primary),var(--color-primary-2));border:none;color:#fff;font-weight:600}.error-btn.primary:hover{box-shadow:0 8px 20px var(--border-focus)}.error-stack{margin-top:24px;text-align:left}.error-stack summary{cursor:pointer;color:var(--text-secondary);font-size:var(--text-sm);padding:8px 0}.error-stack pre{margin:12px 0 0;padding:16px;border-radius:var(--radius-md);background:var(--bg-card);border:1px solid var(--border-color);color:var(--text-secondary);font-size:var(--text-sm);font-family:var(--font-mono);overflow-x:auto;white-space:pre-wrap;word-break:break-all}.global-error{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);padding:24px}.global-error .global-error-content{text-align:center;max-width:480px}.global-error .error-icon{font-size:64px;margin-bottom:24px}.global-error h1{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 16px}.global-error p{color:var(--text-secondary);font-size:var(--text-lg);margin:0 0 24px}.global-error .error-detail{margin:0 0 24px}.not-found{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px}.not-found .not-found-icon{font-size:80px;margin-bottom:24px}.not-found h1{font-size:120px;font-weight:800;background:linear-gradient(135deg,var(--color-primary),var(--color-error));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0;line-height:1}.not-found h2{font-size:28px;font-weight:600;color:var(--text-primary);margin:16px 0}.not-found>p{color:var(--text-secondary);font-size:var(--text-lg);margin:0 0 32px}.not-found .not-found-actions{display:flex;gap:16px;justify-content:center}.not-found .action-btn{min-width:140px}