:root{--color-primary: #1e3a5f;--color-primary-light: #2d5a8e;--color-primary-dark: #152a45;--color-accent: #007acc;--color-accent-light: #3399dd;--color-accent-dark: #005a99;--color-bg: #f5f6f8;--color-surface: #ffffff;--color-border: #e2e6eb;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-light: #94a3b8;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 2px 8px rgba(0, 0, 0, .08);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .1);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 9999px;--font-sans: "PingFang SC", "Microsoft YaHei", -apple-system, sans-serif;--font-mono: "Cascadia Code", "Fira Code", "JetBrains Mono", monospace;--transition-fast: .15s ease;--transition-normal: .25s ease}.dark{--color-bg: #0f172a;--color-surface: #1e293b;--color-border: #334155;--color-text: #e2e8f0;--color-text-secondary: #94a3b8}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased}.btn-primary{background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);padding:10px 24px;font-weight:600;font-size:15px;cursor:pointer;transition:background var(--transition-fast)}.btn-primary:hover{background:var(--color-accent-dark)}.btn-outline{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent);border-radius:var(--radius-md);padding:10px 24px;font-weight:600;font-size:15px;cursor:pointer;transition:all var(--transition-fast)}.btn-outline:hover{background:var(--color-accent);color:#fff}html.dark body{background:#0d1117;color:#c9d1d9}html.dark{color-scheme:dark}html.dark .home-header,html.dark .deploy-header,html.dark .lab-topbar,html.dark .page-topbar,html.dark .page-header{background:#161b22!important;border-bottom-color:#30363d!important}html.dark .content-card,html.dark .sidebar-card,html.dark .feature-card,html.dark .inbox-card,html.dark .compose-card,html.dark .history-card,html.dark .quota-card{background:#161b22!important;border-color:#30363d!important}html.dark .hero{background:#161b22;border-bottom-color:#30363d}html.dark .el-table{--el-table-bg-color: #161b22;--el-table-tr-bg-color: #161b22;--el-table-header-bg-color: #1c2128;--el-table-row-hover-bg-color: #1c2128;--el-table-border-color: #30363d;--el-table-text-color: #c9d1d9;--el-table-header-text-color: #8b949e}html.dark .el-table th.el-table__cell{background:#1c2128}html.dark .el-table--striped .el-table__body tr.el-table__row--striped td.el-table__cell{background:#1a1e25}html.dark .el-dialog{--el-dialog-bg-color: #161b22;--el-dialog-title-font-size: 18px}html.dark .el-dialog__header{border-bottom:1px solid #30363d}html.dark .el-dialog__body{color:#c9d1d9}html.dark .el-input__wrapper{background:#1c2128!important;box-shadow:0 0 0 1px #30363d inset!important}html.dark .el-input__inner{color:#c9d1d9!important}html.dark .el-input__inner::placeholder{color:#484f58}html.dark .el-select .el-input__wrapper{background:#1c2128!important}html.dark .el-textarea__inner{background:#1c2128!important;color:#c9d1d9!important;border-color:#30363d!important}html.dark .el-button:not(.el-button--primary):not(.el-button--success):not(.el-button--warning):not(.el-button--danger){--el-button-bg-color: #21262d;--el-button-border-color: #30363d;--el-button-text-color: #c9d1d9;--el-button-hover-bg-color: #30363d;--el-button-hover-border-color: #484f58}html.dark .el-tag--info{--el-tag-bg-color: #21262d;--el-tag-border-color: #30363d;--el-tag-text-color: #8b949e}html.dark .el-tag.el-tag--success{--el-tag-bg-color: rgba(46,160,67,.2);--el-tag-text-color: #3fb950}html.dark .el-empty__description{color:#484f58}html.dark .el-pagination{--el-pagination-bg-color: #161b22;--el-pagination-text-color: #c9d1d9;--el-pagination-button-bg-color: #21262d;--el-pagination-button-disabled-bg-color: #161b22}html.dark .el-pager li{background:#21262d!important;color:#c9d1d9!important}html.dark .el-pager li.active{background:#1f6feb!important;color:#fff!important}html.dark .el-dropdown-menu{background:#161b22!important;border-color:#30363d!important}html.dark .el-dropdown-menu__item{color:#c9d1d9!important}html.dark .el-dropdown-menu__item:hover{background:#1c2128!important}html.dark .el-drawer{background:#161b22!important}html.dark .mobile-nav-drawer .drawer-content{background:#161b22!important;color:#c9d1d9!important}html.dark .el-tabs__header{border-bottom-color:#30363d}html.dark .el-tabs__item{color:#8b949e}html.dark .el-tabs__item.is-active{color:#58a6ff}html.dark .el-tabs__active-bar{background-color:#58a6ff}html.dark a{color:#58a6ff}html.dark code,html.dark .internal-dns{background:#1c2128;color:#c9d1d9}html.dark .status-ok{background:#2ea04326;border-color:#2ea0434d;color:#3fb950}html.dark .status-free{background:#d2992226;border-color:#d299224d;color:#d29922}html.dark .status-trial{background:#58a6ff1f;border-color:#58a6ff40;color:#79c0ff}html.dark .status-trial-expired{background:#f8514926;border-color:#f851494d;color:#f85149}html.dark .feature-intro{background:#58a6ff14;border-color:#58a6ff33;color:#8b949e}html.dark .user-sidebar{background:#161b22;border-color:#30363d}html.dark .sidebar-item{color:#8b949e}html.dark .sidebar-item:hover,html.dark .sidebar-item.active{background:#1c2128;color:#c9d1d9}html.dark .preset-item:hover{background:#1c2128}html.dark .preset-item.active{background:#58a6ff1f;border-color:#58a6ff}html.dark .home-header{background:#161b22;border-bottom-color:#30363d}html.dark .logo-text{color:#c9d1d9}html.dark .tab-link{color:#8b949e}html.dark .tab-link:hover{background:#1c2128;color:#c9d1d9}html.dark .tab-link.active,html.dark .username{color:#c9d1d9}html.dark .online-dot{background:#3fb950}html.dark .stat-num{color:#c9d1d9}html.dark .stat-label{color:#8b949e}html.dark .section-title,html.dark .feature-card h3{color:#c9d1d9}html.dark .feature-card p,html.dark .online-bar{color:#8b949e}html.dark .online-bar strong,html.dark .card-head h3,html.dark .preset-name{color:#c9d1d9}html.dark .tab-deploy{color:#58a6ff}html.dark .tab-ks{color:#3fb950}html.dark .tab-svip{color:#d29922}html.dark .lab-topbar{background:#161b22;border-bottom-color:#30363d}html.dark .lab-title,html.dark .lab-title-mobile{color:#c9d1d9}html.dark .topbar-sep{color:#30363d}html.dark .lab-nav-btn{background:#21262d;border-color:#30363d;color:#c9d1d9}html.dark .lab-nav-btn:hover{background:#30363d;color:#e6edf3}html.dark .lab-complete-btn{background:#238636;border-color:#238636;color:#fff}html.dark .lab-complete-btn:hover{background:#2ea043}html.dark .back-btn:hover,html.dark .lab-nickname{color:#c9d1d9}html.dark .lab-avatar{background:#30363d;color:#8b949e}html.dark .completed-badge{color:#3fb950}html.dark .lab-user-badge{color:#c9d1d9}html.dark .lab-user-badge:hover{background:#1c2128}html.dark .lab-theme-btn{color:#8b949e}html.dark .lab-theme-btn:hover{background:#1c2128;color:#e6edf3}html.dark .el-table{--el-table-text-color: #c9d1d9}html.dark .text-muted{color:#484f58}html.dark .el-table .cell{color:#c9d1d9}html.dark .site-footer{background:#161b22;border-top-color:#30363d;color:#8b949e}html.dark .footer-brand{color:#c9d1d9}html.dark .user-badge:hover{background:#1c2128}html.dark .avatar{background:#30363d;color:#8b949e}html.dark .btn-gh{border-color:#30363d;color:#c9d1d9}html.dark .btn-gh:hover{background:#1c2128}html.dark .btn-cta-sub{background:#21262d;border-color:#30363d;color:#c9d1d9}html.dark .btn-cta-sub:hover{background:#30363d}html.dark .back-btn{color:#8b949e}html.dark .back-btn:hover{color:#c9d1d9}html.dark .el-message-box{background:#161b22;border-color:#30363d}html.dark .el-message-box__message{color:#c9d1d9}html.dark .qr-hint{color:#8b949e}html.dark .about-body{color:#c9d1d9}html.dark .plan-card{background:#161b22;border-color:#30363d}html.dark .plan-card:hover{border-color:#484f58}html.dark .plan-card.active{border-color:#58a6ff;background:#58a6ff14}html.dark .plan-name{color:#c9d1d9}html.dark .reply-preview{background:#1c2128;color:#8b949e}html.dark .lab-main,html.dark .center-panel{background:#0d1117}html.dark .guide-panel{background:#161b22;border-color:#30363d}html.dark .resizer{background:#30363d}html.dark .resizer:hover{background:#58a6ff}html.dark .env-info-bottom{background:#161b22;border-color:#30363d}html.dark .env-info-body{background:#1c2128;border-color:#30363d}html.dark .env-label,html.dark .data-hint-text,html.dark .data-hint-rbac{color:#8b949e}html.dark .data-hint-text code,html.dark .data-hint-rbac code{background:#1c2128}html.dark .env-info-empty{color:#484f58}html.dark .preview-banner{background:#161b22f2}html.dark .preview-title{color:#c9d1d9}html.dark .mobile-drawer .el-drawer,html.dark .mobile-nav-drawer .el-drawer{background:#161b22!important}html.dark .mobile-drawer .drawer-content,html.dark .mobile-nav-drawer .drawer-content{background:#161b22;color:#c9d1d9}html.dark .drawer-section-label{color:#8b949e}html.dark .drawer-action-btn{background:#21262d!important;border-color:#30363d!important;color:#c9d1d9!important}html.dark .drawer-action-btn:hover{background:#30363d!important}html.dark .catalog-page{background:#0d1117}html.dark .course-card{background:#161b22;border-color:#30363d}html.dark .course-card:hover{border-color:#58a6ff}html.dark .filter-chip{background:#21262d;border-color:#30363d;color:#8b949e}html.dark .filter-chip.active{background:#58a6ff26;border-color:#58a6ff;color:#58a6ff}html.dark .el-loading-mask{background-color:#0d1117cc}html.dark .plan-card{background:#1c2128;border-color:#30363d}.contact-fab[data-v-5b4b7ab1]{position:fixed;z-index:999;display:flex;align-items:center;gap:8px;padding:12px 20px 12px 14px;border-radius:32px;background:var(--color-accent, #007acc);box-shadow:0 2px 12px #007acc40;cursor:grab;transition:box-shadow .3s;-webkit-user-select:none;user-select:none;touch-action:none;animation:fab-enter-5b4b7ab1 .5s ease-out}@keyframes fab-enter-5b4b7ab1{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.contact-fab[data-v-5b4b7ab1]:hover{box-shadow:0 10px 32px #007acc8c}.contact-fab.dragging[data-v-5b4b7ab1]{cursor:grabbing;opacity:.9;transition:none;box-shadow:0 12px 40px #007acc99}.contact-fab.pulsed[data-v-5b4b7ab1]{animation:fab-pulse-5b4b7ab1 2s infinite}@keyframes fab-pulse-5b4b7ab1{0%,to{box-shadow:0 6px 24px #007acc73}50%{box-shadow:0 6px 36px #ef4444b3}}.fab-icon-wrapper[data-v-5b4b7ab1]{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#fff3;flex-shrink:0}.fab-svg[data-v-5b4b7ab1]{width:28px;height:28px;color:#fff}.fab-label[data-v-5b4b7ab1]{font-size:15px;font-weight:700;color:#fff;letter-spacing:1px;white-space:nowrap}.fab-badge[data-v-5b4b7ab1]{position:absolute;top:-4px;right:-4px;min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px;border:2px solid #fff}.dialog-title-row[data-v-5b4b7ab1]{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#1e293b}.contact-tabs[data-v-5b4b7ab1]{margin-top:-8px}.contact-form[data-v-5b4b7ab1]{margin-top:4px}.send-btn[data-v-5b4b7ab1]{width:100%;margin-top:4px;font-weight:600}.form-hint[data-v-5b4b7ab1]{font-size:12px;color:#94a3b8;text-align:center;margin-top:10px}.login-hint[data-v-5b4b7ab1]{text-align:center;padding:32px 0;color:#64748b}.login-hint p[data-v-5b4b7ab1]{margin-bottom:16px;font-size:15px}.qr-section[data-v-5b4b7ab1]{text-align:center;padding:12px 0}.qr-image[data-v-5b4b7ab1]{width:280px;height:280px;border-radius:12px;border:1px solid #e8ecf1;object-fit:contain}.qr-hint[data-v-5b4b7ab1]{margin-top:14px;font-size:14px;color:#64748b}.qr-hint.error[data-v-5b4b7ab1]{color:#ef4444}@media(max-width:768px){.contact-fab[data-v-5b4b7ab1]{bottom:16px;right:12px;padding:10px 16px 10px 10px;gap:6px;border-radius:28px}.fab-icon-wrapper[data-v-5b4b7ab1]{width:34px;height:34px}.fab-svg[data-v-5b4b7ab1]{width:24px;height:24px}.fab-label[data-v-5b4b7ab1]{font-size:14px}.fab-badge[data-v-5b4b7ab1]{min-width:18px;height:18px;font-size:10px}}.announcement-stack[data-v-a136f571]{position:fixed;top:80px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:10px;max-width:380px;pointer-events:none}.announcement-popup[data-v-a136f571]{pointer-events:auto;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;border-left:4px solid #1e3a5f;overflow:hidden;transition:all .3s ease}.announcement-popup.sticky[data-v-a136f571]{border-left-color:#f59e0b;box-shadow:0 8px 32px #f59e0b33,0 2px 8px #0000001a}.ann-pop-header[data-v-a136f571]{display:flex;align-items:center;gap:8px;padding:12px 14px 8px}.ann-pop-icon[data-v-a136f571]{font-size:14px;flex-shrink:0}.ann-pop-title[data-v-a136f571]{flex:1;font-size:14px;font-weight:700;color:#1e293b}.ann-pop-close[data-v-a136f571]{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;line-height:1}.ann-pop-close[data-v-a136f571]:hover{background:#f1f5f9;color:#475569}.ann-pop-body[data-v-a136f571]{padding:0 14px 8px;font-size:13px;color:#475569;line-height:1.6}.ann-pop-body[data-v-a136f571] a{color:#1e3a5f}.ann-pop-body[data-v-a136f571] p{margin:4px 0}.ann-pop-footer[data-v-a136f571]{padding:4px 14px 10px}.ann-pop-time[data-v-a136f571]{font-size:11px;color:#94a3b8}.ann-pop-enter-active[data-v-a136f571]{transition:all .35s ease}.ann-pop-leave-active[data-v-a136f571]{transition:all .25s ease}.ann-pop-enter-from[data-v-a136f571],.ann-pop-leave-to[data-v-a136f571]{opacity:0;transform:translate(40px)}@media(max-width:480px){.announcement-stack[data-v-a136f571]{right:6px;left:6px;top:60px;max-width:none}}.message-popup-stack[data-v-1117456b]{position:fixed;bottom:24px;left:20px;z-index:9998;display:flex;flex-direction:column-reverse;gap:10px;max-width:380px;pointer-events:none}.message-popup-card[data-v-1117456b]{pointer-events:auto;background:#fff;border-radius:12px;box-shadow:0 8px 32px #00000026,0 2px 8px #00000014;border-left:4px solid #10b981;overflow:hidden;cursor:pointer;transition:all .3s ease}.message-popup-card[data-v-1117456b]:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0000002e,0 4px 12px #0000001a}.msg-pop-header[data-v-1117456b]{display:flex;align-items:center;gap:8px;padding:10px 14px 6px}.msg-pop-icon[data-v-1117456b]{font-size:14px;flex-shrink:0}.msg-pop-title[data-v-1117456b]{flex:1;font-size:14px;font-weight:700;color:#1e293b;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-pop-close[data-v-1117456b]{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:14px;padding:2px 6px;border-radius:4px;line-height:1;flex-shrink:0}.msg-pop-close[data-v-1117456b]:hover{background:#f1f5f9;color:#475569}.msg-pop-body[data-v-1117456b]{padding:0 14px 6px;font-size:13px;color:#475569;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.msg-pop-footer[data-v-1117456b]{padding:2px 14px 10px;display:flex;justify-content:space-between;align-items:center}.msg-pop-time[data-v-1117456b]{font-size:11px;color:#94a3b8}.msg-pop-sender[data-v-1117456b]{font-size:11px;color:#1e3a5f}.msg-pop-enter-active[data-v-1117456b]{transition:all .35s ease}.msg-pop-leave-active[data-v-1117456b]{transition:all .25s ease}.msg-pop-enter-from[data-v-1117456b],.msg-pop-leave-to[data-v-1117456b]{opacity:0;transform:translate(-40px)}@media(max-width:480px){.message-popup-stack[data-v-1117456b]{left:6px;right:6px;bottom:80px;max-width:none}}html{font-size:17px}body{font-size:15px}:root{--el-font-size-base: 15px}*{margin:0;padding:0;box-sizing:border-box}#app-container{min-height:100vh;font-family:PingFang SC,Microsoft YaHei,sans-serif;font-size:15px}@media(max-width:768px){html{font-size:15px}body{font-size:14px}:root{--el-font-size-base: 14px}}@media(max-width:480px){html{font-size:14px}body{font-size:13px}:root{--el-font-size-base: 13px}}