/* =============================================   查重独立端 — 稳重石板灰设计系统（避免典型 AI 配色）   跟随主站风格 · 克制配色 · 清晰层次 · 无高饱和渐变   ============================================= */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+SC:wght@300;400;500;700;900&family=JetBrains+Mono:wght@400;500;700&display=swap');:root {    --primary: #1e293b; --primary-light: #334155; --primary-hover: #0f172a;    --accent: #64748b; --accent-light: #94a3b8; --accent-hover: #475569;    --accent-bg: rgba(100,116,139,0.08); --accent-bg-hover: rgba(100,116,139,0.12);    --accent-ring: rgba(100,116,139,0.18);    --success: #059669; --success-bg: rgba(5, 150, 105, 0.06);    --warning: #d97706; --warning-bg: rgba(217, 119, 6, 0.06);    --error: #dc2626; --error-bg: rgba(220, 38, 38, 0.06);    --info: #64748b; --info-bg: rgba(100, 116, 139, 0.06);    --bg-page: #f8fafc; --bg-card: #ffffff; --bg-card-hover: #f1f5f9;    --bg-sidebar: #ffffff; --bg-muted: #f1f5f9;    --text-primary: #1e293b; --text-secondary: #475569;    --text-muted: #94a3b8; --text-inverse: #ffffff;    --border: #e2e8f0; --border-light: #f1f5f9; --border-card: #e2e8f0; --border-focus: #64748b;    --shadow-xs: 0 1px 2px rgba(15,23,42,0.04);    --shadow-sm: 0 1px 3px rgba(15,23,42,0.06), 0 1px 2px rgba(15,23,42,0.04);    --shadow-md: 0 4px 12px rgba(15,23,42,0.07), 0 1px 3px rgba(15,23,42,0.04);    --shadow-lg: 0 8px 24px rgba(15,23,42,0.08), 0 2px 6px rgba(15,23,42,0.04);    --shadow-xl: 0 16px 48px rgba(15,23,42,0.10);    --radius-xs: 6px; --radius-sm: 8px; --radius-md: 12px; --radius-lg: 16px;    --radius-xl: 20px; --radius-2xl: 24px; --radius-full: 9999px;    --topbar-height: 60px; --sidebar-width: 240px; --sidebar-collapsed-width: 68px;    --font-heading: 'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;    --font-body: 'Inter','Noto Sans SC',-apple-system,BlinkMacSystemFont,sans-serif;    --font-mono: 'JetBrains Mono','Fira Code',monospace;
    --font-serif: 'Noto Serif SC','Noto Serif',Georgia,serif;    --ease-out: cubic-bezier(0.16,1,0.3,1); --ease-in-out: cubic-bezier(0.4,0,0.2,1);    --transition-fast: all 0.15s var(--ease-in-out);    --transition-normal: all 0.25s var(--ease-in-out);    --transition-smooth: all 0.35s var(--ease-out);    --bg-primary: var(--bg-page); --bg-white: var(--bg-card);    --accent-blue: var(--accent); --accent-green: var(--success);    --accent-orange: var(--warning); --accent-red: var(--error);    --text-main: var(--text-primary); --bg-app: var(--bg-page);    --ios-orange: var(--warning); --text-sm: 0.875rem; --font-sans: var(--font-body);    --glass-blur: none; --glass-border: 1px solid var(--border);}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background:var(--bg-page);color:var(--text-primary);min-height:100vh;line-height:1.6;overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:var(--transition-fast)}a:hover{color:var(--accent-hover)}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--primary);font-weight:700;letter-spacing:-0.01em;line-height:1.3}/* Layout */.app-layout{display:flex;min-height:100vh;position:relative}.app-topbar{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:#eef1f5;z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 20px;border-bottom:1px solid var(--border);transition:var(--transition-normal)} .app-topbar.scrolled{box-shadow:0 2px 12px rgba(15,23,42,0.06)}.topbar-left{display:flex;align-items:center;gap:14px}.topbar-toggle-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-muted);border:none;color:var(--text-primary);cursor:pointer;font-size:16px;transition:var(--transition-fast)}.topbar-toggle-btn:hover{background:#e5e9ef}.topbar-brand{display:flex;align-items:center;gap:10px;text-decoration:none}.topbar-brand-icon{width:auto;height:32px;border-radius:0;background:transparent;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}.topbar-brand-icon img,.topbar-brand-icon picture img{height:32px;width:auto;object-fit:contain;display:block}.topbar-brand-icon i{font-size:18px;color:var(--text-primary)}.topbar-brand-name{color:var(--text-primary);font-size:15px;font-weight:700;white-space:nowrap}.topbar-right{display:flex;align-items:center;gap:14px}.topbar-search{position:relative;display:flex;align-items:center}.topbar-search input{width:180px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);color:var(--text-primary);font-size:13px;padding:0 12px 0 34px;outline:none;transition:var(--transition-fast);font-family:var(--font-body)}.topbar-search input::placeholder{color:var(--text-muted)}.topbar-search input:focus{border-color:#cbd5e1;background:#ffffff;width:220px}.topbar-search i{position:absolute;left:11px;color:var(--text-muted);font-size:13px;pointer-events:none} .topbar-notification{position:relative;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-muted);border:none;color:var(--text-secondary);cursor:pointer;font-size:15px;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast)} .topbar-notification:hover{background:#e5e9ef;color:var(--text-primary)} .topbar-user{display:flex;align-items:center;gap:8px;padding:3px 10px 3px 3px;border-radius:var(--radius-full);background:var(--bg-muted);cursor:pointer;transition:var(--transition-fast);position:relative} .topbar-user-trigger{display:flex;align-items:center;gap:6px} .topbar-user-avatar{width:28px;height:28px;border-radius:50%;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700} .topbar-user-name-surname{display:none} .topbar-user-name-full{display:none;align-items:center;gap:6px;padding-left:2px;color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:var(--transition-smooth)} .topbar-user-name-full i{font-size:11px;color:var(--text-muted)} .topbar-user:hover .topbar-user-name-surname{background:rgba(15,23,42,0.08)} .topbar-user:hover .topbar-user-name-full{display:inline-flex;max-width:320px;opacity:1}  .topbar-user:hover{background:#e5e9ef} .topbar-user-avatar{width:28px;height:28px;border-radius:50%;background:transparent;color:var(--text-primary);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700} .topbar-user-name-surname{display:none}.topbar-user-name-full{display:none;align-items:center;gap:6px;padding-left:2px;color:var(--text-primary);font-size:13px;font-weight:500;white-space:nowrap;max-width:0;overflow:hidden;opacity:0;transition:var(--transition-smooth)}.topbar-login-btn:hover{background:var(--bg-muted);color:var(--text-primary);border-color:#cbd5e1}.topbar-dropdown{display:none;position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);padding:6px;z-index:1100}.topbar-user{position:relative}.topbar-user:hover .topbar-dropdown,.topbar-dropdown:hover{display:block}.topbar-dropdown-header{padding:12px 14px;border-bottom:1px solid var(--border-light);margin-bottom:4px}.topbar-dropdown-header small{display:block;font-size:11px;color:var(--text-muted);margin-bottom:2px}.topbar-dropdown-header strong{font-size:14px;color:var(--text-primary)}.topbar-dropdown-item{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;font-weight:500;transition:var(--transition-fast)}.topbar-dropdown-item:hover{background:var(--bg-muted);color:var(--text-primary)}.topbar-dropdown-item i{width:16px;text-align:center;color:var(--text-muted);font-size:14px}.topbar-dropdown-item.danger{color:var(--error)}.topbar-dropdown-item.danger i{color:var(--error)}.topbar-dropdown-item.danger:hover{background:var(--error-bg)}.topbar-dropdown-divider{height:1px;background:var(--border-light);margin:4px 0}/* Sidebar */.app-sidebar{position:fixed;top:var(--topbar-height);left:0;bottom:0;width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border);z-index:900;display:flex;flex-direction:column;transition:width 0.3s var(--ease-out);overflow:hidden}.sidebar-nav{flex:1;overflow-y:auto;overflow-x:hidden;padding:12px 8px}.sidebar-section-label{padding:12px 14px 6px;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.06em;white-space:nowrap}.sidebar-nav-item{display:flex;align-items:center;gap:12px;padding:10px 14px;margin-bottom:2px;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;text-decoration:none;transition:var(--transition-fast);position:relative;white-space:nowrap}.sidebar-nav-item:hover{background:var(--bg-muted);color:var(--text-primary)}.sidebar-nav-item.active{background:var(--accent-bg);color:var(--accent);font-weight:600}.sidebar-nav-item.active::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:20px;border-radius:0 3px 3px 0;background:var(--accent)}.sidebar-nav-item i{width:20px;text-align:center;font-size:15px;flex-shrink:0}.sidebar-label{overflow:hidden;transition:opacity 0.2s} .hot-badge{margin-left:auto;padding:2px 7px;border-radius:var(--radius-full);background:#b45309;color:#fff;font-size:9px;font-weight:800;letter-spacing:0.04em;line-height:1.2}/* Sidebar Footer */.sidebar-footer{padding:8px 12px 12px;border-top:1px solid var(--border)}.sidebar-copyright{padding:6px 0 4px;text-align:center}.sidebar-copyright span,.sidebar-copyright a{display:block;font-size:10px;color:var(--text-muted);line-height:1.6;text-decoration:none;transition:var(--transition-fast)}.sidebar-copyright a:hover{color:var(--accent)}.sidebar-toggle-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:8px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-card);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:var(--transition-fast)}.sidebar-toggle-btn:hover{background:var(--bg-muted);color:var(--text-primary);border-color:#cbd5e1}.sidebar-toggle-btn i{transition:transform 0.3s}.sidebar-toggle-btn span{white-space:nowrap}/* Content */.app-content{flex:1;margin-left:var(--sidebar-width);margin-top:var(--topbar-height);min-height:calc(100vh - var(--topbar-height));background:var(--bg-page);transition:margin-left 0.3s var(--ease-out)}.app-sidebar.collapsed ~ .app-content{margin-left:var(--sidebar-collapsed-width)}.app-main{max-width:1200px;margin:0 auto;padding:28px 24px}/* Page Content */.page-content{padding-top:4px}.page-content.page-narrow{max-width:800px;margin:0 auto}.page-content.page-medium{max-width:900px;margin:0 auto}.page-content.page-wide{max-width:1000px;margin:0 auto}/* Page Header */.page-header{margin-bottom:24px}.page-header h1{font-size:24px;margin-bottom:4px}.page-header p{font-size:14px;color:var(--text-secondary)}.page-header.text-center{text-align:center}.page-header.text-center p{max-width:520px;margin:0 auto}.page-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .page-section-title h2{font-size:17px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.page-section-title p{font-size:13px;color:var(--text-secondary)}/* Cards */.card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);transition:var(--transition-normal)}.card:hover{box-shadow:var(--shadow-sm)}.card-solid{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs)}.card-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-light)}.card-header h2,.card-header h3{font-size:15px;font-weight:700}.card-header .card-actions{display:flex;align-items:center;gap:8px}.card-body{padding:22px}.card-body-flush{padding:0}/* Buttons */.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 20px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap;line-height:1}.btn:disabled{opacity:0.5;cursor:not-allowed;pointer-events:none} .btn-primary{background:var(--primary);color:#fff;box-shadow:0 1px 3px rgba(15,23,42,0.08)} .btn-primary:hover{background:var(--primary-hover);box-shadow:0 2px 8px rgba(15,23,42,0.10);transform:translateY(-1px);color:#fff}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-muted);border-color:#cbd5e1}.btn-ghost{background:transparent;color:var(--accent)}.btn-ghost:hover{background:var(--accent-bg)}.btn-danger{background:var(--error);color:#fff}.btn-danger:hover{background:#b91c1c;color:#fff}.btn-sm{height:34px;padding:0 14px;font-size:13px;border-radius:var(--radius-sm)}.btn-lg{height:48px;padding:0 24px;font-size:15px;border-radius:var(--radius-md)}.btn-block{display:flex;width:100%}.btn-icon{width:42px;padding:0}.btn-icon.btn-sm{width:34px}/* Tables */.data-table{width:100%;border-collapse:collapse;font-size:14px}.data-table thead th{padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.04em;border-bottom:1px solid var(--border);white-space:nowrap}.data-table tbody td{padding:14px 16px;border-bottom:1px solid var(--border-light);color:var(--text-primary);vertical-align:middle}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:var(--bg-muted)}.data-table tbody tr:last-child td{border-bottom:none}/* Forms */.form-group{margin-bottom:18px}.form-label{display:block;font-size:13px;font-weight:600;color:var(--text-primary);margin-bottom:6px}.form-input,.form-select,.form-textarea{width:100%;height:42px;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-card);color:var(--text-primary);font-family:var(--font-body);font-size:14px;padding:0 14px;outline:none;transition:var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-ring)}.form-input::placeholder{color:var(--text-muted)}.form-textarea{height:auto;min-height:100px;padding:12px 14px;resize:vertical}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='%2394a3b8' viewBox='0 0 16 16'%3E%3Cpath d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px}/* Badges */.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--radius-full);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}.badge-blue{background:var(--accent-bg);color:var(--accent)}.badge-green{background:var(--success-bg);color:var(--success)}.badge-orange{background:var(--warning-bg);color:var(--warning)}.badge-red{background:var(--error-bg);color:var(--error)}.badge-gray{background:var(--bg-muted);color:var(--text-muted)}.badge-solid-blue{background:var(--accent);color:#fff}.badge-solid-green{background:var(--success);color:#fff}.badge-solid-red{background:var(--error);color:#fff}.badge-pill{border-radius:var(--radius-full)}/* Steps */.step-indicator{display:flex;align-items:center;justify-content:center;gap:0;padding:16px 20px;background:var(--bg-muted);border-radius:var(--radius-md)}.step-item{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--text-muted);white-space:nowrap}.step-item.active{color:var(--accent)}.step-item .step-dot{width:24px;height:24px;border-radius:50%;background:var(--border);color:var(--text-muted);display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;transition:var(--transition-fast)}.step-item.active .step-dot{background:var(--accent);color:#fff}.step-item.done .step-dot{background:var(--success);color:#fff}.step-line{width:40px;height:2px;background:var(--border);margin:0 8px;flex-shrink:0}.step-line.done{background:var(--success)}/* Tabs */.tabs{display:flex;gap:0;border-bottom:2px solid var(--border)}.tab{padding:10px 18px;font-size:14px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:var(--transition-fast);text-decoration:none}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}/* Alerts */.alert{padding:14px 18px;border-radius:var(--radius-md);font-size:14px;display:flex;align-items:center;gap:10px;margin-bottom:18px}.alert-info{background:var(--accent-bg);color:var(--accent-hover)}.alert-success{background:var(--success-bg);color:var(--success)}.alert-warning{background:var(--warning-bg);color:var(--warning)}.alert-error{background:var(--error-bg);color:var(--error)}/* Utilities */.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.text-primary{color:var(--primary)}.font-mono{font-family:var(--font-mono)}.font-heading{font-family:var(--font-heading)}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fw-800{font-weight:800}.mt-0{margin-top:0}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-0{margin-bottom:0}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.mb-10{margin-bottom:40px}.mb-12{margin-bottom:48px}.p-0{padding:0}.p-4{padding:16px}.p-6{padding:24px}.p-8{padding:32px}.d-flex{display:flex}.d-grid{display:grid}.d-block{display:block}.d-none{display:none}.d-inline-flex{display:inline-flex}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.w-full{width:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}/* Progress */.progress-bar{width:100%;height:6px;background:var(--border-light);border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:3px;transition:width 0.5s var(--ease-out)}/* Loading */.loading-spinner{width:32px;height:32px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin 0.7s linear infinite;margin:0 auto}@keyframes spin{to{transform:rotate(360deg)}}/* Back to Top */.back-to-top{position:fixed;bottom:24px;right:24px;width:40px;height:40px;background:var(--bg-card);border:1px solid var(--border);border-radius:50%;color:var(--text-muted);font-size:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;visibility:hidden;transition:var(--transition-normal);z-index:90;box-shadow:var(--shadow-sm)}.back-to-top.visible{opacity:1;visibility:visible}.back-to-top:hover{background:var(--accent);color:#fff;border-color:var(--accent);box-shadow:var(--shadow-md)}/* Home Banner */ .home-banner{background:#f3f6f9;border-radius:var(--radius-xl);padding:40px 36px;margin-bottom:28px;position:relative;overflow:hidden;border:1px solid var(--border)}.home-banner h1{font-size:28px;margin-bottom:10px;color:var(--primary)}.home-banner p{font-size:15px;color:var(--text-secondary);max-width:520px;margin-bottom:22px}.home-banner-actions{display:flex;gap:10px;position:relative} .home-banner .btn-primary{box-shadow:0 2px 8px rgba(15,23,42,0.08)}.home-banner .btn-outline{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border);box-shadow:var(--shadow-xs)} .home-banner .btn-outline:hover{border-color:var(--primary);color:var(--primary)}/* Services Grid */.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:var(--bg-card);border:1px solid var(--border-card);border-radius:var(--radius-lg);padding:28px;display:flex;flex-direction:column;transition:var(--transition-smooth);box-shadow:var(--shadow-xs)} .service-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#cfd5dd}.service-card-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:16px}.service-card h3{font-size:17px;margin-bottom:6px}.service-card p{font-size:13px;color:var(--text-secondary);line-height:1.7;flex:1;margin-bottom:20px}.service-disabled{opacity:0.5;filter:grayscale(0.6);pointer-events:none}/* Engine Options */.engine-option{display:flex;align-items:center;padding:16px;border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-card);cursor:pointer;transition:var(--transition-fast);position:relative}.engine-option:hover{border-color:#cbd5e1;background:var(--bg-muted)}.engine-option.selected{border-color:var(--accent);background:var(--accent-bg)}.engine-option.selected::after{content:'\f058';font-family:'Font Awesome 6 Free';font-weight:900;position:absolute;top:12px;right:12px;color:var(--accent);font-size:18px}.engine-option input[type="radio"]{display:none}.engine-option-icon{width:44px;height:44px;border-radius:var(--radius-md);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;font-size:20px;margin-right:14px;flex-shrink:0}.engine-option-info{flex:1;min-width:0}.engine-option-name{font-size:15px;font-weight:700;color:var(--primary);display:flex;align-items:center;gap:8px}.engine-option-desc{font-size:12px;color:var(--text-muted);margin-top:2px}.engine-option-price{text-align:right;flex-shrink:0;margin-left:14px}.engine-option-price .price{font-size:17px;font-weight:800;color:var(--primary);font-family:var(--font-mono)}.engine-option-price .unit{font-size:12px;color:var(--text-muted)}.free-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--success);color:#fff;font-size:10px;font-weight:800;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.03em}.limited-free-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--warning);color:#fff;font-size:10px;font-weight:800;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:0.03em}.free-price{font-size:17px;font-weight:800;color:var(--success)}.original-price-strike{font-size:10px;color:var(--text-muted);text-decoration:line-through}/* Mobile */.mobile-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,0.35);z-index:899}.mobile-overlay.show{display:block}.mobile-drawer{display:none;position:fixed;top:var(--topbar-height);left:0;bottom:0;width:280px;background:var(--bg-sidebar);z-index:950;padding:16px;overflow-y:auto;transform:translateX(-100%);transition:transform 0.3s var(--ease-out);box-shadow:4px 0 24px rgba(15,23,42,0.08)}.mobile-drawer.show{display:block;transform:translateX(0)}/* Wallet Grid */.wallet-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.wallet-main-grid{display:grid;grid-template-columns:1fr 380px;gap:28px;align-items:start}.wallet-stat-card{padding:24px}.wallet-stat-label{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;margin-bottom:14px}.wallet-stat-value{display:flex;align-items:baseline;gap:4px}.wallet-stat-value .amount{font-size:36px;font-weight:900;color:var(--primary);font-family:var(--font-mono);letter-spacing:-1.5px;line-height:1}.wallet-stat-value .unit{font-size:13px;font-weight:700}/* Order Filter Tabs */.order-filter-bar{display:flex;justify-content:center;margin-bottom:22px}.order-filter-group{display:inline-flex;padding:4px;gap:3px;background:var(--bg-muted);border-radius:var(--radius-md);border:1px solid var(--border-light)}.order-filter-btn{padding:9px 18px;font-size:13px;border-radius:var(--radius-sm);text-decoration:none;font-weight:600;color:var(--text-secondary);transition:var(--transition-fast)}.order-filter-btn:hover{color:var(--text-primary)}.order-filter-btn.active{background:var(--bg-card);color:var(--accent);box-shadow:var(--shadow-xs);font-weight:700}/* Order Item Card */.order-item{display:flex;align-items:center;gap:18px;padding:18px;transition:var(--transition-fast);border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);margin-bottom:10px;box-shadow:var(--shadow-xs)}.order-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:#cbd5e1}.order-item-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.order-item-info{flex:1;min-width:0}.order-item-meta{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--text-muted);margin-top:3px}.order-item-right{text-align:right;min-width:110px;flex-shrink:0}.order-item-amount{font-family:var(--font-mono);font-size:17px;font-weight:800;color:var(--primary);letter-spacing:-0.5px}/* Invite Hero */.invite-hero{padding:28px;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f3f6f9 0%,#f8fafc 100%);border:1px solid var(--border);margin-bottom:18px}.invite-hero-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:18px}.invite-hero-stat-label{font-size:12px;color:var(--text-muted);font-weight:500}.invite-hero-stat-value{margin-top:6px;font-size:26px;font-weight:800;color:var(--primary)}/* Recharge Amount Grid */.recharge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.amount-card{padding:14px;border:2px solid var(--border);border-radius:var(--radius-md);text-align:center;cursor:pointer;transition:var(--transition-fast);background:var(--bg-card)}.amount-card:hover{border-color:#cbd5e1;background:var(--bg-muted)}.amount-card.active{border-color:var(--accent);background:var(--accent-bg)}.amount-card .amount{font-size:20px;font-weight:800;color:var(--primary);font-family:var(--font-mono)}.amount-card .label{font-size:11px;color:var(--text-muted);margin-top:3px}/* Confirm Panel */.confirm-panel{background:var(--bg-muted);border:1px solid var(--border);border-radius:var(--radius-lg);padding:18px}.confirm-row{display:flex;justify-content:space-between;align-items:center;padding:7px 0;font-size:14px}.confirm-row .label{color:var(--text-secondary)}.confirm-row .value{font-weight:600;color:var(--primary)}/* Modals */.modal-overlay{position:fixed;inset:0;background:rgba(15,23,42,0.45);z-index:2000;display:none;align-items:center;justify-content:center;padding:24px}.modal-overlay.show{display:flex}.modal-card{width:100%;max-width:480px;background:var(--bg-card);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden}.modal-header{padding:22px 22px 16px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:17px}.modal-body{padding:22px}.modal-footer{padding:14px 22px;border-top:1px solid var(--border);display:flex;justify-content:flex-end;gap:10px}/* Scrollbar */::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:rgba(15,23,42,0.10);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:rgba(15,23,42,0.16)}::selection{background:rgba(100,116,139,0.18);color:var(--text-primary)}/* Animations */@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn 0.35s var(--ease-out)}.animate-fade-in-up{animation:fadeInUp 0.35s var(--ease-out)}/* Detection Engine Cards */.detect-engine-card{display:flex;align-items:center;gap:14px;padding:16px;border-radius:var(--radius-lg);background:var(--bg-card);border:2px solid var(--border);cursor:pointer;transition:var(--transition-fast)}.detect-engine-card:hover{border-color:rgba(100,116,139,0.22);background:var(--bg-card-hover)}.detect-engine-card.selected{border-color:var(--accent);background:var(--accent-bg)}.detect-engine-icon{width:42px;height:42px;border-radius:10px;background:var(--bg-muted);display:flex;align-items:center;justify-content:center;font-size:18px;color:var(--accent);flex-shrink:0}.detect-engine-card.selected .detect-engine-icon{background:rgba(100,116,139,0.12);color:var(--accent)}.detect-engine-info{flex:1;min-width:0}.detect-engine-name{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:var(--primary)}.detect-engine-desc{margin-top:4px;font-size:12px;color:var(--text-secondary);line-height:1.5}.detect-engine-price{text-align:right;flex-shrink:0}.detect-engine-price .price{font-size:16px;font-weight:800;color:var(--primary);font-family:var(--font-mono)}.detect-engine-price .unit{font-size:11px;color:var(--text-muted);margin-top:2px}.detect-engine-price .free-price{font-size:16px;font-weight:800;color:var(--success)}/* Detect Result Panel */.detect-report-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;background:var(--bg-card);padding:16px 24px;border-radius:var(--radius-lg);border:1px solid var(--border)}.detect-report-header h2{font-size:18px;margin:0;display:flex;align-items:center;gap:10px}.detect-report-header h2 i{color:var(--accent)}.detect-report-actions{display:flex;gap:10px}.detect-score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:24px}.detect-score-card{padding:20px;border-radius:var(--radius-lg);background:var(--bg-card);border:1px solid var(--border);text-align:center}.detect-score-card .score-value{font-size:28px;font-weight:900;font-family:var(--font-mono);color:var(--primary);line-height:1}.detect-score-card .score-label{font-size:12px;color:var(--text-muted);margin-top:6px;font-weight:600}.detect-para-row{display:flex;align-items:center;gap:14px;padding:10px 14px;background:var(--bg-muted);border-radius:var(--radius-sm);margin-bottom:8px}.detect-para-row .para-index{min-width:40px;font-weight:700;font-family:var(--font-mono);font-size:13px;color:var(--text-primary)}.detect-para-row .para-bar-wrap{flex:1;background:var(--bg-card);border:1px solid var(--border-light);border-radius:4px;height:16px;overflow:hidden}.detect-para-row .para-bar{height:100%;border-radius:3px;transition:width 0.5s var(--ease-out)}.detect-para-row .para-score{min-width:48px;text-align:right;font-weight:700;font-family:var(--font-mono);font-size:13px}.detect-para-row .para-badge{min-width:64px;text-align:center;font-size:11px;padding:3px 0;border-radius:4px;font-weight:600;border:1px solid}.detect-highlight-block{padding:12px 16px;margin-bottom:10px;border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:4px solid}.detect-highlight-block.risk-high{background:var(--error-bg);border-left-color:var(--error)}.detect-highlight-block.risk-mid{background:var(--warning-bg);border-left-color:var(--warning)}.detect-highlight-block.risk-low{background:transparent;border-left-color:var(--border)}.detect-highlight-tag{display:inline-block;font-size:10px;font-family:var(--font-mono);padding:2px 8px;border-radius:4px;margin-right:10px;font-weight:700;vertical-align:middle}.detect-highlight-tag.tag-err{background:var(--error);color:#fff}.detect-highlight-tag.tag-warn{background:var(--warning);color:#fff}.detect-highlight-tag.tag-pass{color:var(--text-muted)}/* Detect upload area */.detect-upload-area{position:relative;border:2px dashed var(--border);border-radius:var(--radius-lg);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--transition-fast);background:var(--bg-card)}.detect-upload-area:hover{border-color:var(--accent);background:var(--accent-bg)}.detect-upload-area.has-file{border-color:var(--success);background:var(--success-bg)}.detect-upload-icon{font-size:36px;color:var(--text-muted);margin-bottom:12px}.detect-upload-area:hover .detect-upload-icon{color:var(--accent)}.detect-upload-text{font-size:14px;color:var(--text-secondary);font-weight:500}.detect-upload-hint{font-size:12px;color:var(--text-muted);margin-top:6px}/* Input mode tabs */.detect-input-tabs{display:flex;gap:0;margin-bottom:16px;border-bottom:2px solid var(--border)}.detect-input-tab{padding:10px 20px;font-size:14px;font-weight:500;color:var(--text-muted);border-bottom:2px solid transparent;margin-bottom:-2px;cursor:pointer;transition:var(--transition-fast);background:none;border-top:none;border-left:none;border-right:none;font-family:var(--font-body)}.detect-input-tab:hover{color:var(--text-primary)}.detect-input-tab.active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.detect-input-panel{display:none}.detect-input-panel.active{display:block}/* AIGC Split Layout — Plan A */.detect-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.detect-page-header h1{font-size:22px;font-weight:700;margin-bottom:2px}.detect-page-header p{font-size:13px;color:var(--text-secondary)}.detect-split-layout{display:grid;grid-template-columns:320px 1fr;gap:20px;align-items:start}.detect-side-panel{position:sticky;top:calc(var(--topbar-height) + 20px);display:flex;flex-direction:column;gap:16px}.detect-side-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:16px}.detect-side-title{font-size:12px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:12px}.detect-main-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}/* Version rows (compact list) */.detect-version-row{display:flex;align-items:center;gap:12px;padding:12px;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast);border:1px solid transparent;position:relative}.detect-version-row:hover{background:var(--bg-muted)}.detect-version-row.selected{background:var(--accent-bg);border-color:var(--accent)}.detect-version-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-muted);display:flex;align-items:center;justify-content:center;color:var(--accent);flex-shrink:0;transition:var(--transition-fast)}.detect-version-row.selected .detect-version-icon{background:var(--accent);color:#fff}.detect-version-info{flex:1;min-width:0}.detect-version-name{display:block;font-size:14px;font-weight:600;color:var(--text-primary)}.detect-version-desc{display:block;font-size:11px;color:var(--text-muted);margin-top:2px;line-height:1.4}.detect-version-price{display:block;font-size:12px;color:var(--text-secondary);font-family:var(--font-mono);margin-top:4px}.detect-version-row.selected .detect-version-price{color:var(--accent-hover);font-weight:600}.detect-version-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;color:transparent;font-size:10px;flex-shrink:0;transition:var(--transition-fast)}.detect-version-row.selected .detect-version-check{background:var(--accent);border-color:var(--accent);color:#fff}.detect-free-tag{display:inline-flex;align-items:center;gap:3px;padding:2px 6px;background:var(--success);color:#fff;font-size:9px;font-weight:700;border-radius:var(--radius-full);margin-left:6px}/* Account info */.detect-account-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;font-size:13px;border-bottom:1px solid var(--border-light)}.detect-account-row:last-of-type{border-bottom:none}.detect-account-row span{color:var(--text-secondary)}.detect-account-row strong{color:var(--text-primary);font-family:var(--font-mono);font-weight:700}.detect-submit-bar{display:flex;align-items:center;gap:12px;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.detect-submit-bar .form-input{flex:1}/* Result panel */.detect-report-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.detect-result-summary{display:flex;align-items:center;gap:32px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;margin-bottom:20px}.detect-result-donut{position:relative;width:140px;height:140px;flex-shrink:0}.detect-result-donut canvas{display:block}.detect-result-score-label{position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);font-size:11px;color:var(--text-muted);white-space:nowrap}.detect-result-stats{flex:1;display:flex;flex-direction:column;gap:12px}.detect-stat-item{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:10px 14px;background:var(--bg-muted);border-radius:var(--radius-sm)}.detect-stat-item span{font-weight:700;font-family:var(--font-mono)}.detect-result-section{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px;margin-bottom:16px}.detect-result-section h3{font-size:15px;margin-bottom:16px;color:var(--text-primary);font-weight:600}.detect-result-conclusion{background:var(--accent-bg);border-left:4px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;font-size:14px;color:var(--text-secondary);line-height:1.7;margin-top:16px}/* Reduce compare layout */.reduce-compare-layout{display:grid;grid-template-columns:1fr 1fr;gap:16px}.reduce-compare-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:20px}.reduce-compare-panel h3{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.reduce-compare-panel h3 span{font-size:12px;font-weight:500;color:var(--text-muted);font-family:var(--font-mono)}.reduce-compare-text{font-size:14px;line-height:1.8;color:var(--text-primary);max-height:500px;overflow-y:auto;white-space:pre-wrap;padding:16px;background:var(--bg-muted);border-radius:var(--radius-sm)}.reduce-compare-result .reduce-compare-text{background:var(--accent-bg);border:1px solid var(--accent-ring)}/* Responsive */

/* =============================================
   查重首页 — 极简轻奢编辑风
   scoped under .page-home to avoid side effects
   ============================================= */
.check_home {
    --home-primary: #1a1f36;
    --home-gold: #9a7b4a;
    --home-gold-light: rgba(154,123,74,0.10);
    --home-gold-border: rgba(154,123,74,0.20);
    --home-ivory: #faf8f5;
    --home-green: #3d6b5e;
    --home-divider: rgba(154,123,74,0.18);
    background: var(--home-ivory);
}
.check_home .app-topbar { background: var(--home-ivory); border-bottom-color: var(--home-divider); }
.check_home .app-sidebar { background: var(--home-ivory); border-right-color: var(--home-divider); }
.check_home .app-content { background: var(--home-ivory); }
.check_home .page-home { background: transparent; }

/* --- Hero --- */
.lx-hero {
    text-align: center;
    padding: 80px 24px 64px;
    max-width: 680px;
    margin: 0 auto;
}
.lx-hero-eyebrow {
    display: inline-block;
    font-family: var(--font-body);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--home-gold);
    margin-bottom: 20px;
}
.lx-hero h1 {
    font-family: var(--font-serif);
    font-size: 36px;
    font-weight: 700;
    color: var(--home-primary);
    line-height: 1.35;
    margin: 0 auto 20px;
    letter-spacing: 0.02em;
}
.lx-hero-rule {
    display: block;
    width: 40px;
    height: 2px;
    background: var(--home-gold);
    border: none;
    margin: 0 auto 24px;
}
.lx-hero p {
    font-family: var(--font-body);
    font-size: 15px;
    color: var(--text-secondary);
    line-height: 1.8;
    margin: 0 auto 36px;
    max-width: 520px;
}
.lx-hero-actions {
    display: flex;
    justify-content: center;
    gap: 14px;
    flex-wrap: wrap;
}
.lx-btn-primary {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 32px;
    background: var(--home-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    text-decoration: none;
}
.lx-btn-primary:hover {
    background: #0f1222;
    color: #fff;
    transform: translateY(-1px);
    box-shadow: 0 4px 16px rgba(26,31,54,0.18);
}
.lx-btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 13px 32px;
    background: transparent;
    color: var(--home-gold);
    border: 1px solid var(--home-gold-border);
    border-radius: 6px;
    font-family: var(--font-body);
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.25s cubic-bezier(0.4,0,0.2,1);
    text-decoration: none;
}
.lx-btn-ghost:hover {
    background: var(--home-gold-light);
    color: var(--home-gold);
    border-color: var(--home-gold);
    transform: translateY(-1px);
}

/* --- Section shared --- */
.lx-section {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 24px;
}
.lx-section-head {
    text-align: center;
    margin-bottom: 40px;
}
.lx-section-head h2 {
    font-family: var(--font-serif);
    font-size: 24px;
    font-weight: 700;
    color: var(--home-primary);
    margin: 0 0 10px;
    letter-spacing: 0.015em;
}
.lx-section-head p {
    font-size: 14px;
    color: var(--text-muted);
    margin: 0;
}
.lx-section-rule {
    display: block;
    width: 28px;
    height: 1.5px;
    background: var(--home-gold);
    border: none;
    margin: 14px auto 0;
}

/* --- Announcement (keep existing but adapt) --- */
.page-home .lx-announce {
    max-width: 960px;
    margin: 0 auto 48px;
    padding: 0 24px;
}
.page-home .lx-announce-card {
    display: flex;
    align-items: center;
    gap: 16px;
    padding: 16px 24px;
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 8px;
    border-left: 3px solid var(--home-gold);
    transition: box-shadow 0.25s;
}
.page-home .lx-announce-card:hover {
    box-shadow: var(--shadow-sm);
}
.page-home .lx-announce-badge {
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: var(--home-gold);
    background: var(--home-gold-light);
    padding: 3px 10px;
    border-radius: 3px;
    white-space: nowrap;
    flex-shrink: 0;
}
.page-home .lx-announce-title {
    font-size: 14px;
    font-weight: 600;
    color: var(--home-primary);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.page-home .lx-announce-content {
    font-size: 13px;
    color: var(--text-secondary);
    line-height: 1.6;
}

/* --- Services Grid --- */
.lx-services {
    margin-bottom: 64px;
}
.lx-services-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.lx-service-card {
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 10px;
    padding: 36px 28px 32px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.16,1,0.3,1);
}
.lx-service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
}
.lx-service-card[data-type="plagiarism"]::before { background: var(--home-primary); }
.lx-service-card[data-type="ai_detect"]::before { background: var(--home-gold); }
.lx-service-card[data-type="ai_reduce"]::before { background: var(--home-green); }
.lx-service-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 28px rgba(26,31,54,0.10);
    border-color: transparent;
}
.lx-service-card.service-disabled {
    opacity: 0.5;
    pointer-events: none;
}
.lx-service-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    margin-bottom: 22px;
}
.lx-service-card[data-type="plagiarism"] .lx-service-icon {
    background: rgba(26,31,54,0.06);
    color: var(--home-primary);
}
.lx-service-card[data-type="ai_detect"] .lx-service-icon {
    background: var(--home-gold-light);
    color: var(--home-gold);
}
.lx-service-card[data-type="ai_reduce"] .lx-service-icon {
    background: rgba(61,107,94,0.08);
    color: var(--home-green);
}
.lx-service-card h3 {
    font-family: var(--font-serif);
    font-size: 18px;
    font-weight: 700;
    color: var(--home-primary);
    margin: 0 0 6px;
}
.lx-service-meta {
    font-size: 11px;
    font-weight: 700;
    color: var(--text-muted);
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-bottom: 14px;
}
.lx-service-meta i {
    font-size: 10px;
    margin-right: 4px;
}
.lx-service-card p {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.75;
    margin: 0 0 24px;
}
.lx-link-action {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--home-primary);
    text-decoration: none;
    position: relative;
    transition: color 0.2s;
}
.lx-link-action::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background: var(--home-gold);
    transition: width 0.3s cubic-bezier(0.16,1,0.3,1);
}
.lx-link-action:hover {
    color: var(--home-gold);
}
.lx-link-action:hover::after {
    width: 100%;
}
.lx-link-action i {
    font-size: 12px;
    transition: transform 0.2s;
}
.lx-link-action:hover i {
    transform: translateX(3px);
}
.lx-link-disabled {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text-muted);
    cursor: not-allowed;
}

/* --- Stats Strip --- */
.lx-stats {
    margin-bottom: 64px;
}
.lx-stats-strip {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    background: #fff;
    border: 1px solid var(--border);
    border-radius: 10px;
    overflow: hidden;
}
.lx-stat-item {
    text-align: center;
    padding: 32px 16px;
    position: relative;
}
.lx-stat-item:not(:last-child)::after {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 50%;
    width: 1px;
    background: var(--home-divider);
}
.lx-stat-num {
    font-family: var(--font-serif);
    font-size: 32px;
    font-weight: 700;
    color: var(--home-gold);
    line-height: 1.2;
    margin-bottom: 8px;
}
.lx-stat-num span {
    font-family: var(--font-body);
    font-size: 16px;
    font-weight: 400;
    color: var(--text-muted);
    margin-left: 2px;
}
.lx-stat-label {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 500;
}

/* --- Process Steps --- */
.lx-steps {
    margin-bottom: 64px;
}
.lx-steps-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0;
    position: relative;
}
.lx-step {
    text-align: center;
    position: relative;
    padding: 0 12px;
}
.lx-step-num {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1.5px solid var(--home-gold-border);
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 16px;
    font-family: var(--font-serif);
    font-size: 16px;
    font-weight: 700;
    color: var(--home-gold);
    background: #fff;
    position: relative;
    z-index: 2;
}
.lx-step-connector {
    position: absolute;
    top: 20px;
    left: calc(50% + 24px);
    right: calc(-50% + 24px);
    height: 1px;
    border-top: 1px dashed var(--home-divider);
    z-index: 1;
}
.lx-step:last-child .lx-step-connector {
    display: none;
}
.lx-step-icon {
    font-size: 16px;
    color: var(--text-muted);
    margin-bottom: 10px;
}
.lx-step h4 {
    font-family: var(--font-serif);
    font-size: 15px;
    font-weight: 600;
    color: var(--home-primary);
    margin: 0 0 6px;
}
.lx-step p {
    font-size: 12px;
    color: var(--text-muted);
    line-height: 1.6;
    margin: 0;
}

/* --- Testimonials --- */
.lx-testimonials {
    margin-bottom: 64px;
}
.lx-testi-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}
.lx-testi-card {
    background: #fff;
    border: 1px solid var(--border);
    border-left: 3px solid var(--home-gold);
    border-radius: 0 8px 8px 0;
    padding: 28px 24px;
}
.lx-testi-quote {
    font-family: var(--font-serif);
    font-size: 28px;
    color: var(--home-gold);
    line-height: 1;
    margin-bottom: 12px;
}
.lx-testi-text {
    font-family: var(--font-serif);
    font-size: 14px;
    font-style: italic;
    color: var(--text-secondary);
    line-height: 1.85;
    margin-bottom: 18px;
}
.lx-testi-author {
    font-size: 12px;
    color: var(--text-muted);
    font-weight: 600;
}
.lx-testi-author span {
    font-weight: 400;
    color: var(--text-muted);
    margin-left: 4px;
}

/* --- FAQ --- */
.lx-faq {
    margin-bottom: 64px;
}
.lx-faq-list {
    max-width: 720px;
    margin: 0 auto;
}
.lx-faq-item {
    border-bottom: 1px solid var(--border);
}
.lx-faq-q {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 20px 0;
    background: none;
    border: none;
    cursor: pointer;
    font-family: var(--font-body);
    font-size: 15px;
    font-weight: 600;
    color: var(--home-primary);
    text-align: left;
    gap: 16px;
    transition: color 0.2s;
}
.lx-faq-q:hover {
    color: var(--home-gold);
}
.lx-faq-q i {
    font-size: 12px;
    color: var(--text-muted);
    transition: transform 0.25s;
    flex-shrink: 0;
}
.lx-faq-item.open .lx-faq-q i {
    transform: rotate(45deg);
}
.lx-faq-a {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.35s cubic-bezier(0.16,1,0.3,1), padding 0.25s;
}
.lx-faq-item.open .lx-faq-a {
    max-height: 300px;
}
.lx-faq-a-inner {
    font-size: 14px;
    color: var(--text-secondary);
    line-height: 1.8;
    padding-bottom: 20px;
}

/* --- Bottom CTA --- */
.lx-cta {
    text-align: center;
    padding: 48px 24px 72px;
    max-width: 600px;
    margin: 0 auto;
}
.lx-cta h2 {
    font-family: var(--font-serif);
    font-size: 22px;
    font-weight: 700;
    color: var(--home-primary);
    margin: 0 0 10px;
}
.lx-cta p {
    font-size: 14px;
    color: var(--text-muted);
    margin: 0 0 28px;
}

/* --- Fade-in animation --- */
@keyframes lxFadeIn {
    from { opacity: 0; transform: translateY(16px); }
    to   { opacity: 1; transform: translateY(0); }
}
.lx-fade {
    opacity: 0;
    animation: lxFadeIn 0.6s cubic-bezier(0.16,1,0.3,1) forwards;
}
.lx-fade-d1 { animation-delay: 0.05s; }
.lx-fade-d2 { animation-delay: 0.10s; }
.lx-fade-d3 { animation-delay: 0.15s; }
.lx-fade-d4 { animation-delay: 0.20s; }
.lx-fade-d5 { animation-delay: 0.25s; }
.lx-fade-d6 { animation-delay: 0.30s; }

/* --- Homepage responsive --- */
@media(max-width:900px) {
    .lx-services-grid { grid-template-columns: 1fr; }
    .lx-testi-grid { grid-template-columns: 1fr; }
    .lx-stats-strip { grid-template-columns: repeat(2, 1fr); }
    .lx-stat-item:nth-child(2)::after { display: none; }
    .lx-steps-row { grid-template-columns: repeat(2, 1fr); gap: 24px; }
    .lx-step-connector { display: none; }
}
@media(max-width:767px) {
    .lx-hero { padding: 48px 16px 40px; }
    .lx-hero h1 { font-size: 26px; }
    .lx-hero p { font-size: 14px; }
    .lx-hero-actions { flex-direction: column; align-items: stretch; }
    .lx-hero-actions .lx-btn-primary,
    .lx-hero-actions .lx-btn-ghost { text-align: center; justify-content: center; }
    .lx-section { padding: 0 16px; }
    .lx-section-head h2 { font-size: 20px; }
    .lx-service-card { padding: 28px 20px 24px; }
    .lx-stat-num { font-size: 26px; }
    .lx-steps-row { grid-template-columns: 1fr 1fr; gap: 20px; }
    .lx-step-connector { display: none; }
    .lx-cta { padding: 32px 16px 48px; }
    .lx-cta h2 { font-size: 19px; }
}


@media(max-width:1199px){    .app-sidebar:not(.force-open){width:var(--sidebar-collapsed-width)}    .app-sidebar:not(.force-open) ~ .app-content{margin-left:var(--sidebar-collapsed-width)}    .app-sidebar:not(.force-open) .sidebar-label{opacity:0;width:0}    .app-sidebar:not(.force-open) .sidebar-nav-item{justify-content:center;padding:10px}    .app-sidebar:not(.force-open) .sidebar-section-label{font-size:0;text-align:center;padding:12px 4px 6px}    .app-sidebar:not(.force-open) .sidebar-section-label::before{content:'\00B7\00B7\00B7';font-size:10px}    .app-sidebar:not(.force-open) .sidebar-toggle-btn span{display:none}    .app-sidebar:not(.force-open) .sidebar-toggle-btn i{transform:rotate(180deg)}    .app-sidebar:not(.force-open) .sidebar-copyright span,.app-sidebar:not(.force-open) .sidebar-copyright a{opacity:0;height:0;overflow:hidden}    .topbar-search input{width:180px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-muted);color:var(--text-primary);font-size:13px;padding:0 12px 0 34px;outline:none;transition:var(--transition-fast);font-family:var(--font-body)}    .topbar-user-name-full{display:none}    .topbar-search input:focus{width:200px}    .topbar-brand-name{display:none}    .wallet-main-grid{grid-template-columns:1fr}}@media(max-width:900px){    .detect-split-layout{grid-template-columns:1fr}    .detect-side-panel{position:static;order:-1}    .detect-main-panel{order:1}    .reduce-compare-layout{grid-template-columns:1fr}}@media(max-width:767px){    .app-sidebar{display:none}    .app-content{margin-left:0}    .app-main{padding:18px 14px}    .topbar-search{display:none}    .topbar-brand-name{display:none}    .topbar-toggle-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-muted);border:none;color:var(--text-primary);cursor:pointer;font-size:16px;transition:var(--transition-fast)}    .topbar-user-name-full{display:none}    .page-content{padding:0}    .page-content .page-header h1{font-size:21px}    .services-grid{grid-template-columns:1fr}    .step-indicator{flex-wrap:wrap;gap:8px}    .step-line{display:none}    .home-banner{padding:28px 20px}    .home-banner h1{font-size:22px}    .wallet-main-grid{grid-template-columns:1fr}    .wallet-stats-grid{grid-template-columns:1fr}    .invite-hero-grid{grid-template-columns:repeat(2,1fr)}    .invite-hero{padding:20px}    .order-filter-bar{overflow-x:auto;justify-content:flex-start;padding:0 14px}    .order-filter-group{flex-wrap:nowrap}    .order-item{flex-direction:column;align-items:flex-start}    .order-item-right{text-align:left;min-width:auto}    .recharge-grid{grid-template-columns:repeat(2,1fr)}    .detect-score-grid{grid-template-columns:1fr}    .detect-para-row{flex-wrap:wrap;gap:8px}    .detect-para-row .para-index{min-width:auto}    .detect-para-row .para-badge{min-width:auto}    .detect-upload-area{position:relative;padding:30px 16px}    .detect-report-header{flex-direction:column;gap:12px;text-align:center}    .detect-report-actions{justify-content:center}    #reportHeader{padding:24px!important}    .detect-input-tabs{flex-wrap:nowrap}    .detect-input-tab{padding:8px 14px;font-size:13px;white-space:nowrap}    .data-table{font-size:13px}    .data-table thead th,.data-table tbody td{padding:10px 12px}}@media(min-width:1200px){    .app-sidebar{width:var(--sidebar-width)}    .app-sidebar.collapsed{width:var(--sidebar-collapsed-width)}    .app-sidebar.collapsed ~ .app-content{margin-left:var(--sidebar-collapsed-width)}    .topbar-toggle-btn{display:none;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-muted);border:none;color:var(--text-primary);cursor:pointer;font-size:16px;transition:var(--transition-fast)}}