:root{--primary-color: #1A6DFF;--primary-light: #4F8CFF;--primary-bright: #00BFFF;--primary-dark: #0050B3;--primary-darker: #062B66;--primary-bg: rgba(26, 109, 255, .08);--primary-bg-soft: rgba(0, 191, 255, .06);--text-main: #1A2236;--text-secondary: #5A6B8A;--text-tertiary: #8A99B5;--text-placeholder: #B0BCCC;--text-on-dark: #FFFFFF;--text-on-dark-2: #B0BCCC;--text-on-dark-3: #6E7E9C;--bg-page: #e0e5ec;--bg-page-2: #081226;--bg-page-3: #0F1E40;--bg-white: #FFFFFF;--bg-light: #F5F7FA;--bg-glass: rgba(15, 30, 64, .55);--bg-glass-2: rgba(8, 18, 38, .65);--border-color: rgba(255, 255, 255, .08);--border-color-strong: rgba(0, 191, 255, .25);--border-light: #E5EAF2;--divider-on-dark: rgba(255, 255, 255, .06);--shadow-light: 0 2px 8px rgba(8, 18, 38, .08);--shadow-medium: 0 6px 20px rgba(8, 18, 38, .18);--shadow-large: 0 18px 50px rgba(8, 18, 38, .32);--shadow-glow: 0 0 24px rgba(0, 191, 255, .35);--shadow-glow-strong: 0 0 40px rgba(0, 191, 255, .55);--shadow-on-dark: 0 8px 28px rgba(0, 0, 0, .35);--shadow-inset-light: inset 0 1px 0 rgba(255, 255, 255, .08);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--space-10: 80px;--space-11: 120px;--fs-xs: 12px;--fs-sm: 13px;--fs-base: 14px;--fs-md: 15px;--fs-lg: 16px;--fs-xl: 18px;--fs-2xl: 22px;--fs-3xl: 28px;--fs-4xl: 36px;--fs-5xl: 48px;--fs-6xl: 60px;--fw-regular: 400;--fw-medium: 500;--fw-semibold: 600;--fw-bold: 700;--fw-black: 800;--lh-tight: 1.2;--lh-base: 1.55;--lh-loose: 1.8;--font-sans: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", -apple-system, BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", sans-serif;--t-fast: .15s;--t-base: .25s;--t-slow: .4s;--ease: cubic-bezier(.4, 0, .2, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-back: cubic-bezier(.34, 1.4, .64, 1);--z-base: 1;--z-elevated: 10;--z-sticky: 100;--z-overlay: 1000;--z-modal: 2000;--z-toast: 3000;--z-floating: 2147483000;--container-narrow: 960px;--container: 1200px;--container-wide: 1440px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}body{font-family:var(--font-sans);font-size:var(--fs-base);font-weight:var(--fw-regular);line-height:var(--lh-base);color:var(--text-main);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.theme-dark body,.theme-dark{color:var(--text-on-dark);background:var(--bg-page)}a{text-decoration:none;color:var(--primary-color);transition:color var(--t-fast) var(--ease)}a:hover{color:var(--primary-bright)}button{cursor:pointer;font-family:inherit;border:none;outline:none;background:none}input,textarea,select{font-family:inherit;outline:none;font-size:var(--fs-base)}ul,ol,li{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--fw-bold);line-height:var(--lh-tight);color:var(--text-main)}.theme-dark h1,.theme-dark h2,.theme-dark h3,.theme-dark h4,.theme-dark h5,.theme-dark h6{color:var(--text-on-dark)}img{max-width:100%;height:auto;vertical-align:middle}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:10px 22px;border-radius:var(--radius-md);font-size:var(--fs-base);font-weight:var(--fw-semibold);letter-spacing:.02em;border:1px solid transparent;transition:all var(--t-base) var(--ease);white-space:nowrap;-webkit-user-select:none;user-select:none}.btn-primary{background:linear-gradient(135deg,var(--primary-color) 0%,var(--primary-dark) 100%);color:var(--text-on-dark);box-shadow:var(--shadow-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-glow-strong);filter:brightness(1.08)}.btn-primary:active{transform:translateY(0);filter:brightness(.95)}.btn-default{background:var(--bg-white);color:var(--text-main);border-color:var(--border-light)}.btn-default:hover{color:var(--primary-color);border-color:var(--primary-color)}.btn-ghost{background:transparent;color:var(--text-on-dark);border-color:var(--border-color-strong)}.btn-ghost:hover{background:var(--primary-bg-soft);border-color:var(--primary-bright);color:var(--text-on-dark)}.btn-danger{background:#f56c6c;color:var(--text-on-dark)}.btn-text{background:transparent;color:var(--primary-color);padding:6px 10px}.btn-sm{padding:6px 14px;font-size:var(--fs-sm)}.btn-lg{padding:14px 36px;font-size:var(--fs-lg);border-radius:var(--radius-lg)}.btn-block{width:100%}.input,.textarea{width:100%;padding:10px 14px;border:1px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--fs-base);color:var(--text-main);background:var(--bg-white);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}.input:focus,.textarea:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px var(--primary-bg)}.theme-dark .input,.theme-dark .textarea{background:var(--bg-glass);color:var(--text-on-dark);border-color:var(--border-color)}.textarea{resize:vertical;min-height:100px}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-5)}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 var(--space-5)}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 var(--space-5)}.card{background:var(--bg-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-light);padding:var(--space-6);transition:all var(--t-base) var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-medium)}.card-glass{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-lg);padding:var(--space-6);color:var(--text-on-dark)}.section-title{text-align:center;margin-bottom:var(--space-7)}.section-title h2{font-size:var(--fs-4xl);font-weight:var(--fw-bold);margin-bottom:var(--space-3)}.section-title p{font-size:var(--fs-lg);color:var(--text-secondary)}.theme-dark .section-title p{color:var(--text-on-dark-2)}.tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:4px 12px;border-radius:var(--radius-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);background:var(--primary-bg);color:var(--primary-color)}.theme-dark .tag{background:var(--bg-glass-2);color:var(--primary-bright);border:1px solid var(--border-color-strong)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-col{display:flex;flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-10{margin-top:var(--space-10)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-10{margin-bottom:var(--space-10)}.hero-title,.hero-subtitle,.hero-title span,.banner_title--tk,.banner_title--tk span,.banner_text--tk,.stat-num{text-shadow:none!important}.pricing-card,.template-card,.category-card,.latest-box,.pain-card,.tab-switcher,.category-count,.stat-card,.stat-item{box-shadow:0 6px 20px #00bfff14!important}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.text-center{text-align:center}.text-on-dark{color:var(--text-on-dark)}.text-on-dark-2{color:var(--text-on-dark-2)}.text-secondary{color:var(--text-secondary)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:6px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#00bfff66;border:2px solid transparent;background-clip:content-box}.theme-light ::-webkit-scrollbar-thumb,:root:not(.theme-dark) ::-webkit-scrollbar-thumb{background:#c9cdd4;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-track{background:transparent}::selection{background:var(--primary-bg);color:var(--primary-dark)}:focus-visible{outline:2px solid var(--primary-bright);outline-offset:2px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--primary-bright);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.6s!important;transition-duration:.2s!important}}:root{--primary-color: #2563eb;--primary-dark: #1d4ed8;--primary-light: #60a5fa;--primary-bg: #e8f1fe;--primary-bg-light: #f0f6ff;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-primary-light: linear-gradient(135deg, #60a5fa 0%, #2563eb 100%);--gradient-blue: linear-gradient(135deg, #2563eb 0%, #1d4ed8 100%);--gradient-purple: linear-gradient(135deg, #722ed1 0%, #391085 100%);--gradient-orange: linear-gradient(135deg, #fa8c16 0%, #d4380d 100%);--gradient-pink: linear-gradient(135deg, #eb2f96 0%, #9e1068 100%);--gradient-teal: linear-gradient(135deg, #13c2c2 0%, #006d75 100%);--gradient-red: linear-gradient(135deg, #ff4d4f 0%, #cf1322 100%);--gradient-dark: linear-gradient(135deg, #1F2329 0%, #2c2c2c 100%);--text-primary: #1a1a1a;--text-secondary: #555555;--text-tertiary: #888888;--text-light: #aaaaaa;--text-white: #ffffff;--bg-white: #ffffff;--bg-light: #f8f9fb;--bg-card: #ffffff;--bg-dark: #1a1a2e;--border-light: #f0f0f0;--border-default: #e5e7eb;--border-dark: #d1d5db;--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04), 0 1px 3px rgba(16, 24, 40, .06);--shadow-md: 0 4px 12px rgba(16, 24, 40, .06), 0 2px 4px rgba(16, 24, 40, .04);--shadow-lg: 0 12px 32px rgba(16, 24, 40, .1);--shadow-xl: 0 24px 60px rgba(16, 24, 40, .16);--shadow-primary: 0 4px 20px rgba(37, 99, 235, .25);--shadow-primary-lg: 0 8px 30px rgba(37, 99, 235, .35);--shadow-card-hover: 0 12px 40px rgba(0, 0, 0, .12);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 80px;--transition-fast: .2s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-bounce: .4s cubic-bezier(.34, 1.56, .64, 1);--nav-height: 64px}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Microsoft YaHei,PingFang SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}.btn-primary{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 36px;background:var(--gradient-primary);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-primary);text-decoration:none;white-space:nowrap}.btn-primary:after{content:"";position:absolute;top:0;left:10%;right:10%;height:50%;border-radius:var(--radius-pill);background:linear-gradient(180deg,#ffffff47,#fff0);pointer-events:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-primary-lg)}.btn-primary:active{transform:translateY(0) scale(.98);box-shadow:0 2px 8px #2563eb4d}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 36px;background:#fff;color:var(--primary-color);font-size:16px;font-weight:600;border:1px solid rgba(37,99,235,.35);border-radius:var(--radius-pill);cursor:pointer;transition:transform var(--transition-base),box-shadow var(--transition-base),border-color var(--transition-base),background var(--transition-base);text-decoration:none;white-space:nowrap}.btn-secondary:hover{background:var(--primary-bg);border-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.btn-lg{padding:16px 48px;font-size:18px}.btn-sm{padding:8px 20px;font-size:14px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:all var(--transition-base);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:transparent}.card-bordered{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-base);overflow:hidden}.card-bordered:hover{border-color:var(--primary-color);box-shadow:var(--shadow-md);transform:translateY(-2px)}.section{padding:var(--space-3xl) 0}.section-light{background:var(--bg-light)}.section-white{background:var(--bg-white)}.section-primary{background:var(--primary-bg-light)}.section-container{max-width:1200px;margin:0 auto;padding:0 24px}.section-header{text-align:center;margin-bottom:var(--space-xl)}.section-tag{display:inline-block;padding:6px 20px;background:var(--primary-bg);color:var(--primary-color);font-size:14px;font-weight:500;border-radius:var(--radius-pill);margin-bottom:16px}.section-title{font-size:36px;font-weight:700;color:var(--text-primary);line-height:1.3;margin-bottom:12px;letter-spacing:-.5px}.section-subtitle{font-size:16px;color:var(--text-tertiary);max-width:600px;margin:0 auto;line-height:1.8}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animate-fade-in-up{animation:fadeInUp .6s ease forwards}.animate-fade-in{animation:fadeIn .6s ease forwards}.animate-float{animation:float 3s ease-in-out infinite}.decor-circle{position:absolute;border-radius:50%;pointer-events:none;opacity:.1}.decor-blob{position:absolute;border-radius:50%;filter:blur(60px);pointer-events:none;opacity:.15}@media (max-width: 1024px){.section{padding:var(--space-2xl) 0}.section-title{font-size:30px}.grid-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.section{padding:48px 0}.section-title{font-size:26px}.section-subtitle{font-size:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr);gap:16px}.btn-primary,.btn-secondary{padding:10px 28px;font-size:14px}}@media (max-width: 480px){.section{padding:32px 0}.section-title{font-size:22px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section-container{padding:0 16px}}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal[data-dir=left]{transform:translate(-30px)}.reveal[data-dir=right]{transform:translate(30px)}.reveal[data-dir=zoom]{transform:scale(.94)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){.reveal{opacity:1!important;transform:none!important;transition:none!important}}.cta-banner{position:relative;overflow:hidden;border-radius:var(--radius-xl);background:linear-gradient(120deg,#1e3a8a,#1e40af 48%,#2563eb);color:#fff;padding:56px 52px;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;box-shadow:var(--shadow-lg)}.cta-banner:before,.cta-banner:after{content:"";position:absolute;border-radius:50%;filter:blur(46px);opacity:.4;pointer-events:none}.cta-banner:before{width:220px;height:220px;top:-90px;right:-40px;background:#ffffff47}.cta-banner:after{width:170px;height:170px;bottom:-80px;left:-30px;background:#00e6764d}.cta-banner>*{position:relative;z-index:1}.cta-banner h2{font-size:30px;font-weight:700;line-height:1.35;margin:0 0 8px}.cta-banner p{font-size:16px;color:#ffffffe0;margin:0}.cta-banner .cta-actions{display:inline-flex;gap:14px;align-items:center;flex-wrap:wrap}.cta-banner .btn-white{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 40px;background:#fff;color:var(--primary-dark);font-size:16px;font-weight:700;border:none;border-radius:var(--radius-pill);cursor:pointer;text-decoration:none;white-space:nowrap;box-shadow:0 8px 24px #0000002e;transition:transform var(--transition-bounce)}.cta-banner .btn-white:hover{transform:translateY(-2px)}@media (max-width: 768px){.cta-banner{padding:36px 24px;justify-content:center;text-align:center}.cta-banner h2{font-size:24px}.cta-banner .cta-actions{justify-content:center}}.glass-card{background:#ffffffb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.65);border-radius:var(--radius-lg);box-shadow:var(--shadow-md)}.logo-wall{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 18px}.logo-wall .logo-item{font-size:15px;font-weight:600;color:var(--text-tertiary);padding:10px 22px;border-radius:var(--radius-pill);border:1px solid var(--border-light);background:#fff;transition:all var(--transition-base);white-space:nowrap}.logo-wall .logo-item:hover{color:var(--primary-color);border-color:var(--primary-light);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}.stat-item .stat-num{font-size:42px;font-weight:800;line-height:1;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;background-clip:text;color:transparent}.stat-item .stat-label{margin-top:10px;font-size:14px;color:var(--text-secondary)}@media (max-width: 768px){.stat-band{grid-template-columns:repeat(2,1fr);gap:20px}.stat-item .stat-num{font-size:30px}}@media (max-width: 400px){.stat-band{grid-template-columns:repeat(2,1fr)}}.hero-grid-bg:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:radial-gradient(ellipse at 50% 42%,#000 25%,transparent 75%);mask-image:radial-gradient(ellipse at 50% 42%,#000 25%,transparent 75%);pointer-events:none}.feature-glow{transition:transform var(--transition-base),box-shadow var(--transition-base)}.feature-glow:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.console-page{padding:24px;max-width:1280px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:12px}.header-left,.header-right{display:flex;align-items:center;gap:12px}.header-left{gap:16px}.page-title{font-size:22px;font-weight:600;color:var(--text-primary);margin:0}.page-subtitle{font-size:13px;color:var(--text-tertiary);margin-top:4px}.back-btn,.btn-refresh,.btn-reset,.btn-cancel{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;font-size:14px;color:var(--text-secondary);transition:all var(--transition-fast)}.back-btn:hover,.btn-refresh:hover,.btn-reset:hover,.btn-cancel:hover{border-color:var(--primary-color);color:var(--primary-color)}.btn-create{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:#52c41a;color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background var(--transition-fast)}.btn-create:hover{background:#389e0d}.btn-search,.btn-confirm{display:inline-flex;align-items:center;justify-content:center;padding:8px 20px;background:var(--primary-color);color:#fff;border:none;border-radius:var(--radius-sm);cursor:pointer;font-size:14px;transition:background var(--transition-fast)}.btn-search:hover,.btn-confirm:hover{background:var(--primary-dark)}.btn-confirm:disabled{background:#91caff;cursor:not-allowed}.filter-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 16px;margin-bottom:16px;background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.filter-input{flex:1;min-width:180px;max-width:280px;padding:8px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast)}.filter-select{padding:8px 14px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);background:#fff;cursor:pointer;outline:none}.filter-input:focus,.filter-select:focus{border-color:var(--primary-color)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 0;color:var(--text-tertiary)}.loading-spinner{width:40px;height:40px;border:3px solid var(--border-light);border-top-color:var(--primary-color);border-radius:50%;animation:hb-spin .8s linear infinite;margin-bottom:12px}@keyframes hb-spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:80px 0;color:var(--text-tertiary)}.empty-icon{color:#d0d0d0;margin-bottom:16px}.empty-title{font-size:18px;color:var(--text-secondary);margin-bottom:8px}.empty-desc{font-size:14px;color:var(--text-light)}.table-wrapper{background:var(--bg-white);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:var(--bg-light)}.data-table th{padding:14px 16px;text-align:left;font-size:13px;font-weight:600;color:var(--text-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap}.data-table td{padding:14px 16px;font-size:14px;color:var(--text-primary);border-bottom:1px solid var(--border-light);vertical-align:top}.table-row{transition:background var(--transition-fast)}.table-row:hover{background:var(--primary-bg-light, #f0f8ff)}.action-buttons{display:flex;gap:8px;flex-wrap:wrap}.action-btn{padding:5px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:13px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast);background:#fff;color:var(--text-secondary)}.action-btn:hover{border-color:var(--primary-color);color:var(--primary-color)}.action-btn.danger{color:#ff4d4f;border-color:#ffccc7}.action-btn.danger:hover{background:#fff2f0;border-color:#ff4d4f}.pagination{display:flex;justify-content:space-between;align-items:center;margin-top:16px;padding:0 4px;flex-wrap:wrap;gap:10px}.page-info{font-size:13px;color:var(--text-tertiary)}.page-controls{display:flex;gap:6px;flex-wrap:wrap}.page-btn{min-width:32px;padding:6px 10px;background:#fff;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.page-btn:hover:not(:disabled){border-color:var(--primary-color);color:var(--primary-color)}.page-btn.current{background:var(--primary-color);border-color:var(--primary-color);color:#fff}.page-btn:disabled{color:#ccc;cursor:not-allowed}.dialog-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;display:flex;align-items:center;justify-content:center;padding:20px}.dialog{width:520px;max-width:100%;max-height:90vh;overflow-y:auto;background:#fff;border-radius:var(--radius-lg);box-shadow:0 20px 60px #0003}.dialog-title{margin:0;padding:20px 24px 0;font-size:17px;font-weight:600;color:var(--text-primary)}.dialog-body{padding:16px 24px 8px}.dialog-footer{display:flex;justify-content:flex-end;gap:10px;padding:12px 24px 20px}.form-row{margin-bottom:14px}.form-label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-secondary);font-weight:500}.required{color:#ff4d4f}.form-input,.form-textarea{width:100%;box-sizing:border-box;padding:9px 12px;border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:14px;color:var(--text-primary);outline:none;transition:border-color var(--transition-fast);font-family:inherit;background:#fff}.form-input:focus,.form-textarea:focus{border-color:var(--primary-color)}.form-textarea{resize:vertical}.two-col{display:flex;gap:12px}.form-col{flex:1}.form-error{margin:4px 0 8px;font-size:13px;color:#ff4d4f}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.stat-card{background:var(--bg-white);border-radius:var(--radius-md);padding:24px;box-shadow:var(--shadow-sm);position:relative;overflow:hidden}@media (max-width: 768px){.console-page{padding:16px}.page-title{font-size:18px}.filter-bar{padding:12px}.filter-input{max-width:none}.two-col{flex-direction:column;gap:0}.dialog{width:100%}}.blog-shell{background:transparent!important}.sky-bg,.sky-bg:after{display:none!important}.main-area,.content-area{background:transparent!important}.blog-shell .top-nav{background:#0d1628d1!important;color:#dfeaff!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;border-bottom:1px solid rgba(150,205,255,.16)!important;box-shadow:0 6px 24px #00000059!important}.blog-shell .top-nav .nav-link,.blog-shell .top-nav .icon-btn,.blog-shell,.blog-shell .console-page,.blog-shell .main-area,.blog-shell .content-area{color:#dfeaff!important}.blog-shell .page-title,.blog-shell .page-header h1,.blog-shell .page-header h2,.blog-shell h3,.blog-shell h4{color:#fff!important}.blog-shell p,.blog-shell .page-desc,.blog-shell .page-subtitle{color:#b7c6dc!important}:root{--tm-primary: #165DFF;--tm-primary-strong: #0d40bd;--tm-accent: #f5f7fa;--tm-accent-strong: #e3e8ef;--tm-primary-soft: #e8f1ff;--tm-text: #1a1a1a;--tm-text-weak: #666666;--tm-border: #e5e6eb;--tm-bg: #ffffff;--tm-hover: #0d40bd}[data-tm-theme=tech]{--tm-primary: #165DFF;--tm-primary-strong: #0d40bd;--tm-accent: #f5f7fa;--tm-accent-strong: #e3e8ef;--tm-primary-soft: #e8f1ff;--tm-hover: #4080ff}[data-tm-theme=industrial]{--tm-primary: #2a2a2a;--tm-primary-strong: #141414;--tm-accent: #ff7d00;--tm-accent-strong: #e06600;--tm-primary-soft: #f3f3f5;--tm-hover: #ff8c26}[data-tm-theme=medical]{--tm-primary: #3385ff;--tm-primary-strong: #1a66d6;--tm-accent: #e8f4ff;--tm-accent-strong: #d0e9ff;--tm-primary-soft: #f0f8ff;--tm-hover: #4fa3ff}[data-tm-theme=education]{--tm-primary: #2563eb;--tm-primary-strong: #1e4fc4;--tm-accent: #ff9500;--tm-accent-strong: #e07f00;--tm-primary-soft: #eaf0ff;--tm-hover: #3f77f0}[data-tm-theme=b2b]{--tm-primary: #333333;--tm-primary-strong: #1f1f1f;--tm-accent: #0f3460;--tm-accent-strong: #0a2543;--tm-primary-soft: #f0f2f5;--tm-hover: #163e6e}[data-tm-theme=retail]{--tm-primary: #ff6b35;--tm-primary-strong: #e2490f;--tm-accent: #fff7e8;--tm-accent-strong: #ffdda8;--tm-primary-soft: #fff2ea;--tm-hover: #ff824f}[data-tm-theme=travel]{--tm-primary: #0e6fb8;--tm-primary-strong: #0a568f;--tm-accent: #43c1cf;--tm-accent-strong: #2aa2b3;--tm-primary-soft: #e7f6fb;--tm-hover: #2b86c9}[data-tm-theme=blank]{--tm-primary: #1a1a1a;--tm-primary-strong: #000000;--tm-accent: #ffffff;--tm-accent-strong: #f2f2f2;--tm-primary-soft: #f7f7f7;--tm-hover: #333333}.tm-text-primary{color:var(--tm-primary)}.tm-bg-primary{background-color:var(--tm-primary);color:#fff}.tm-bg-accent{background-color:var(--tm-accent)}.tm-bg-primary-soft{background-color:var(--tm-primary-soft)}.tm-border-primary{border-color:var(--tm-primary)}.tm-btn-primary{background:var(--tm-primary);border-color:var(--tm-primary);color:#fff}.tm-btn-primary:hover{background:var(--tm-hover);border-color:var(--tm-hover)}
