:root{--qf-primary:#4F46E5;--qf-primary-50:#EEF2FF;--qf-primary-100:#E0E7FF;--qf-primary-200:#C7D2FE;--qf-primary-300:#A5B4FC;--qf-primary-400:#818CF8;--qf-primary-500:#6366F1;--qf-primary-600:#4F46E5;--qf-primary-700:#4338CA;--qf-primary-800:#3730A3;--qf-primary-900:#312E81;--qf-accent:#F59E0B;--qf-accent-50:#FFFBEB;--qf-accent-100:#FEF3C7;--qf-accent-400:#FBBF24;--qf-accent-500:#F59E0B;--qf-accent-600:#D97706;--qf-success:#10B981;--qf-success-50:#ECFDF5;--qf-success-100:#D1FAE5;--qf-success-600:#059669;--qf-error:#EF4444;--qf-error-50:#FEF2F2;--qf-error-100:#FEE2E2;--qf-error-600:#DC2626;--qf-warning:#F59E0B;--qf-info:#06B6D4;--qf-gray-50:#F8FAFC;--qf-gray-100:#F1F5F9;--qf-gray-200:#E2E8F0;--qf-gray-300:#CBD5E1;--qf-gray-400:#94A3B8;--qf-gray-500:#64748B;--qf-gray-600:#475569;--qf-gray-700:#334155;--qf-gray-800:#1E293B;--qf-gray-900:#0F172A;--qf-gray-950:#020617;--qf-bg:#FFFFFF;--qf-bg-muted:#F8FAFC;--qf-bg-alt:#F1F5F9;--qf-surface:#FFFFFF;--qf-surface-raised:#FFFFFF;--qf-border:var(--qf-gray-200);--qf-border-hover:var(--qf-gray-300);--qf-font-sans:-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei','Noto Sans SC','Hiragino Sans GB','Segoe UI',sans-serif;--qf-font-mono:'SF Mono','Cascadia Code','Consolas','Source Code Pro',monospace;--qf-text-2xs:0.625rem;--qf-text-xs:0.75rem;--qf-text-sm:0.875rem;--qf-text-base:0.938rem;--qf-text-md:1rem;--qf-text-lg:1.125rem;--qf-text-xl:1.25rem;--qf-text-2xl:1.5rem;--qf-text-3xl:1.875rem;--qf-text-4xl:2.25rem;--qf-space-1:0.25rem;--qf-space-2:0.5rem;--qf-space-3:0.75rem;--qf-space-4:1rem;--qf-space-5:1.25rem;--qf-space-6:1.5rem;--qf-space-8:2rem;--qf-space-10:2.5rem;--qf-space-12:3rem;--qf-space-14:3.5rem;--qf-space-16:4rem;--qf-space-20:5rem;--qf-space-24:6rem;--qf-radius-sm:8px;--qf-radius-md:10px;--qf-radius-lg:14px;--qf-radius-xl:20px;--qf-radius-2xl:28px;--qf-radius-full:9999px;--qf-shadow-xs:0 1px 2px rgba(15,23,42,0.04);--qf-shadow-sm:0 1px 3px rgba(15,23,42,0.06),0 1px 2px rgba(15,23,42,0.04);--qf-shadow-md:0 4px 6px -1px rgba(15,23,42,0.06),0 2px 4px -2px rgba(15,23,42,0.04);--qf-shadow-lg:0 10px 15px -3px rgba(15,23,42,0.08),0 4px 6px -4px rgba(15,23,42,0.04);--qf-shadow-xl:0 20px 25px -5px rgba(15,23,42,0.1),0 8px 10px -6px rgba(15,23,42,0.04);--qf-shadow-card:0 1px 3px rgba(15,23,42,0.04),0 4px 12px rgba(15,23,42,0.03);--qf-shadow-card-hover:0 4px 16px rgba(15,23,42,0.08),0 8px 24px rgba(15,23,42,0.04);--qf-gradient-primary:linear-gradient(135deg,#6366F1 0%,#4F46E5 50%,#7C3AED 100%);--qf-gradient-hero:linear-gradient(160deg,#FAFBFF 0%,#EEF2FF 40%,#F5F3FF 100%);--qf-gradient-hero-dark:linear-gradient(160deg,#0F172A 0%,#1E1B4B 40%,#2D1B69 100%);--qf-gradient-accent:linear-gradient(135deg,#FBBF24 0%,#F59E0B 50%,#D97706 100%);--qf-transition-fast:150ms cubic-bezier(0.4,0,0.2,1);--qf-transition-base:250ms cubic-bezier(0.4,0,0.2,1);--qf-transition-slow:350ms cubic-bezier(0.4,0,0.2,1);--qf-transition-spring:400ms cubic-bezier(0.34,1.56,0.64,1);--qf-z-dropdown:100;--qf-z-sticky:200;--qf-z-fixed:300;--qf-z-modal:400;--qf-z-toast:500;--qf-z-tooltip:600;--qf-max-width:1200px;--qf-max-width-tool:800px;--qf-nav-height:56px}:root{--primary:var(--qf-primary);--primary-hover:var(--qf-primary-700);--primary-light:var(--qf-primary-50);--bg:var(--qf-bg);--card:var(--qf-surface);--text:var(--qf-gray-900);--text-secondary:var(--qf-gray-500);--border:var(--qf-border);--success:var(--qf-success);--error:var(--qf-error);--warning:var(--qf-warning);--shadow:var(--qf-shadow-sm);--shadow-hover:var(--qf-shadow-md);--radius:var(--qf-radius-lg)}body.dark-mode{--qf-primary:#818CF8;--qf-primary-50:rgba(129,140,248,0.08);--qf-primary-100:rgba(129,140,248,0.15);--qf-primary-400:#A5B4FC;--qf-primary-500:#818CF8;--qf-primary-600:#6366F1;--qf-primary-700:#4F46E5;--qf-bg:#0F172A;--qf-bg-muted:#1E293B;--qf-surface:#1E293B;--qf-surface-raised:#334155;--qf-border:#334155;--qf-border-hover:#475569;--qf-gray-50:#1E293B;--qf-gray-100:#334155;--qf-gray-200:#475569;--qf-gray-300:#64748B;--qf-gray-400:#94A3B8;--qf-gray-500:#CBD5E1;--qf-gray-600:#E2E8F0;--qf-gray-700:#F1F5F9;--qf-gray-800:#F8FAFC;--qf-gray-900:#FFFFFF;--qf-gray-950:#FAFAFA;--qf-shadow-xs:0 1px 2px rgba(0,0,0,0.3);--qf-shadow-sm:0 1px 3px rgba(0,0,0,0.4);--qf-shadow-md:0 4px 6px rgba(0,0,0,0.5);--qf-shadow-lg:0 10px 15px rgba(0,0,0,0.6);--qf-shadow-xl:0 20px 25px rgba(0,0,0,0.7);--qf-gradient-primary:linear-gradient(135deg,#818CF8 0%,#6366F1 50%,#A78BFA 100%);--qf-gradient-hero:linear-gradient(160deg,#0F172A 0%,#1E1B4B 40%,#2D1B69 100%)}*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--qf-font-sans);font-size:var(--qf-text-md);line-height:1.6;color:var(--qf-gray-900);background:var(--qf-bg);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--qf-font-sans);font-weight:600;line-height:1.3;color:var(--qf-gray-900)}p{color:var(--qf-gray-600);line-height:1.7}a{color:var(--qf-primary);text-decoration:none;transition:color var(--qf-transition-fast)}a:hover{color:var(--qf-primary-700)}strong{font-weight:600}::selection{background:var(--qf-primary-100);color:var(--qf-primary-900)}:focus-visible{outline:2px solid var(--qf-primary-400);outline-offset:2px;border-radius:var(--qf-radius-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--qf-gray-300);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--qf-gray-400)}body.dark-mode::-webkit-scrollbar-thumb{background:var(--qf-gray-600)}body.dark-mode::-webkit-scrollbar-thumb:hover{background:var(--qf-gray-400)}img{max-width:100%;height:auto}input,button,textarea,select{font-family:inherit;font-size:inherit}.qf-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--qf-space-2);border:none;border-radius:var(--qf-radius-md);font-family:var(--qf-font-sans);font-weight:600;cursor:pointer;transition:all var(--qf-transition-base);text-decoration:none;position:relative;overflow:hidden;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.qf-btn--xs{padding:4px 10px;font-size:var(--qf-text-xs);border-radius:var(--qf-radius-sm)}.qf-btn--sm{padding:6px 14px;font-size:var(--qf-text-xs);border-radius:var(--qf-radius-sm)}.qf-btn--md{padding:10px 20px;font-size:var(--qf-text-sm)}.qf-btn--lg{padding:12px 28px;font-size:var(--qf-text-base);border-radius:var(--qf-radius-lg)}.qf-btn--xl{padding:14px 36px;font-size:var(--qf-text-lg);border-radius:var(--qf-radius-lg)}.qf-btn--block{display:flex;width:100%}.qf-btn--primary{background:var(--qf-gradient-primary);color:#fff;box-shadow:0 4px 14px rgba(79,70,229,0.35)}.qf-btn--primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(79,70,229,0.45)}.qf-btn--primary:active{transform:translateY(0);box-shadow:0 2px 8px rgba(79,70,229,0.3)}.qf-btn--outline{background:transparent;color:var(--qf-primary);border:1.5px solid var(--qf-primary)}.qf-btn--outline:hover{background:var(--qf-primary-50);transform:translateY(-2px);box-shadow:0 4px 12px rgba(79,70,229,0.1)}.qf-btn--ghost{background:transparent;color:var(--qf-gray-500)}.qf-btn--ghost:hover{background:var(--qf-gray-100);color:var(--qf-gray-700)}.qf-btn--success{background:var(--qf-success);color:#fff;box-shadow:0 4px 14px rgba(16,185,129,0.3)}.qf-btn--success:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(16,185,129,0.4);background:var(--qf-success-600)}.qf-btn--danger{background:var(--qf-error);color:#fff}.qf-btn--danger:hover{background:var(--qf-error-600)}.qf-btn--accent{background:linear-gradient(135deg,#3730A3,#5B21B6);color:#fff;font-weight:700;box-shadow:0 4px 14px rgba(79,70,229,0.4)}.qf-btn--accent:hover{transform:translateY(-2px);box-shadow:0 8px 28px rgba(79,70,229,0.55);background:linear-gradient(135deg,#4338CA,#6D28D9)}.qf-btn.is-loading{pointer-events:none;color:transparent !important}.qf-btn.is-loading::after{content:'';position:absolute;width:18px;height:18px;border:2px solid rgba(255,255,255,0.3);border-top-color:#fff;border-radius:50%;animation:qf-spin 0.6s linear infinite}.qf-btn--outline.is-loading::after{border-color:rgba(79,70,229,0.2);border-top-color:var(--qf-primary)}.qf-btn:disabled,.qf-btn.is-disabled{opacity:0.45;cursor:not-allowed;pointer-events:none;transform:none !important;box-shadow:none !important}@keyframes qf-spin{to{transform:rotate(360deg)}}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--qf-space-2);background:var(--qf-gradient-primary);color:#fff;border:none;border-radius:var(--qf-radius-md);padding:10px 25px;font-size:var(--qf-text-sm);font-weight:600;cursor:pointer;transition:all var(--qf-transition-base);box-shadow:0 2px 8px rgba(79,70,229,0.3)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(79,70,229,0.4)}.btn-action{display:flex;width:100%;align-items:center;justify-content:center;padding:12px 0;font-size:var(--qf-text-lg);font-weight:600;border:none;border-radius:var(--qf-radius-md);cursor:pointer;transition:all var(--qf-transition-base)}.btn-action:enabled{background:var(--qf-gradient-primary);color:#fff;box-shadow:0 2px 8px rgba(79,70,229,0.3)}.btn-action:enabled:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(79,70,229,0.4)}.btn-action:disabled{background:var(--qf-gray-200);color:var(--qf-gray-400);cursor:not-allowed;opacity:0.6}.btn-success{display:flex;width:100%;align-items:center;justify-content:center;margin-top:10px;padding:12px 0;font-size:var(--qf-text-lg);font-weight:600;border:none;border-radius:var(--qf-radius-md);cursor:pointer;transition:all var(--qf-transition-base)}.btn-success:enabled{background:var(--qf-success);color:#fff;box-shadow:0 2px 8px rgba(16,185,129,0.3)}.btn-success:enabled:hover{transform:translateY(-1px);box-shadow:0 4px 14px rgba(16,185,129,0.4)}.btn-success:disabled{background:var(--qf-gray-200);color:var(--qf-gray-400);cursor:not-allowed;opacity:0.6}.upload-area{border:2px dashed var(--qf-border-hover);border-radius:var(--qf-radius-lg);padding:var(--qf-space-10) var(--qf-space-6);margin-bottom:var(--qf-space-5);text-align:center;cursor:pointer;transition:all var(--qf-transition-base);background:var(--qf-surface);position:relative;overflow:hidden}.upload-area:hover,.upload-area.drag-over{border-color:var(--qf-primary);border-style:solid;background:var(--qf-primary-50);transform:translateY(-2px);box-shadow:var(--qf-shadow-lg)}.upload-icon{font-size:3rem;color:var(--qf-primary-300);margin-bottom:var(--qf-space-4);transition:all var(--qf-transition-base)}.upload-area:hover .upload-icon,.upload-area.drag-over .upload-icon{color:var(--qf-primary);transform:scale(1.15)}@keyframes qf-upload-bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}.upload-area.drag-over .upload-icon{animation:qf-upload-bounce 0.6s ease infinite}.upload-tip{font-size:var(--qf-text-sm);color:var(--qf-gray-500);margin-bottom:var(--qf-space-3)}.file-name{font-size:var(--qf-text-sm);color:var(--qf-gray-700);word-break:break-all;margin-top:var(--qf-space-2)}input[type="file"]{display:none}.upload-file-card{display:flex;align-items:center;gap:var(--qf-space-4);background:var(--qf-bg);border:1px solid var(--qf-border);border-radius:var(--qf-radius-md);padding:var(--qf-space-3) var(--qf-space-4);margin-top:var(--qf-space-4);text-align:left;transition:all var(--qf-transition-base)}.upload-file-card:hover{border-color:var(--qf-primary-200);box-shadow:var(--qf-shadow-sm)}.upload-file-icon{font-size:2rem;color:var(--qf-primary);flex-shrink:0}.upload-file-info{flex:1;min-width:0}.upload-file-info .file-name{font-size:var(--qf-text-sm);font-weight:500;color:var(--qf-gray-800);margin:0}.upload-file-size{font-size:var(--qf-text-xs);color:var(--qf-gray-400);margin-top:2px}.upload-file-remove{width:44px;height:44px;border:none;background:var(--qf-gray-100);border-radius:50%;cursor:pointer;color:var(--qf-gray-400);font-size:1.1rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--qf-transition-fast)}.upload-file-remove:hover{background:var(--qf-error-50);color:var(--qf-error)}.upload-file-list{display:flex;flex-direction:column;gap:var(--qf-space-2);margin-top:var(--qf-space-3)}.upload-file-list-item{display:flex;align-items:center;gap:var(--qf-space-2);font-size:var(--qf-text-xs);color:var(--qf-gray-600);padding:var(--qf-space-1) var(--qf-space-2);background:var(--qf-bg);border-radius:var(--qf-radius-sm)}.qf-progress{margin:var(--qf-space-5) 0;padding:var(--qf-space-4);background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:var(--qf-radius-lg)}.qf-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--qf-space-3)}.qf-progress-filename{font-size:var(--qf-text-xs);color:var(--qf-gray-500);max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qf-progress-percent{font-size:var(--qf-text-sm);font-weight:700;color:var(--qf-primary)}.qf-progress-track{height:6px;background:var(--qf-gray-100);border-radius:3px;overflow:hidden;position:relative;margin-bottom:var(--qf-space-3)}.qf-progress-bar{height:100%;background:var(--qf-gradient-primary);border-radius:3px;transition:width 0.5s cubic-bezier(0.4,0,0.2,1);position:relative}.qf-progress-bar-glow{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100% );animation:qf-shimmer 1.5s ease-in-out infinite}@keyframes qf-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(200%)}}.qf-progress-steps{display:flex;justify-content:space-between}.qf-progress-step{font-size:var(--qf-text-xs);color:var(--qf-gray-400);display:flex;align-items:center;gap:4px;transition:color var(--qf-transition-fast)}.qf-progress-step.is-active{color:var(--qf-primary);font-weight:600}.qf-progress-step.is-done{color:var(--qf-success)}.qf-progress-status{font-size:var(--qf-text-xs);color:var(--qf-gray-400);margin-top:var(--qf-space-2);text-align:center}.qf-toast{position:fixed;top:calc(var(--qf-nav-height) + 12px);left:50%;transform:translateX(-50%) translateY(-12px);background:var(--qf-surface-raised);color:var(--qf-gray-800);padding:var(--qf-space-3) var(--qf-space-5);border-radius:var(--qf-radius-lg);box-shadow:var(--qf-shadow-lg);font-size:var(--qf-text-sm);font-weight:500;z-index:var(--qf-z-toast);opacity:0;transition:all var(--qf-transition-base);display:flex;align-items:center;gap:var(--qf-space-2);border:1px solid var(--qf-border);pointer-events:none;max-width:90vw}.qf-toast.is-visible{opacity:1;transform:translateX(-50%) translateY(0)}.qf-toast--success{border-color:var(--qf-success);color:var(--qf-success-600)}.qf-toast--error{border-color:var(--qf-error);color:var(--qf-error-600)}.qf-toast--info{border-color:var(--qf-primary);color:var(--qf-primary-700)}.qf-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(15,23,42,0.5);backdrop-filter:blur(2px);display:flex;justify-content:center;align-items:center;z-index:var(--qf-z-modal);animation:qf-fade-in 0.2s ease}@keyframes qf-fade-in{from{opacity:0}to{opacity:1}}.qf-modal-content{background:var(--qf-surface);border-radius:var(--qf-radius-xl);padding:var(--qf-space-10) var(--qf-space-8);width:90%;max-width:900px;max-height:85vh;overflow-y:auto;box-shadow:var(--qf-shadow-xl);position:relative;animation:qf-scale-in 0.25s var(--qf-transition-spring)}@keyframes qf-scale-in{from{opacity:0;transform:scale(0.95) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.qf-modal-close{position:absolute;top:var(--qf-space-3);right:var(--qf-space-4);width:44px;height:44px;border:none;background:var(--qf-gray-100);border-radius:50%;font-size:1.25rem;color:var(--qf-gray-400);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--qf-transition-base)}.qf-modal-close:hover{background:var(--qf-gray-200);color:var(--qf-gray-700);transform:rotate(90deg)}@media (max-width:767px){.qf-modal-overlay{align-items:flex-end}.qf-modal-content{width:100%;max-width:100%;border-radius:var(--qf-radius-xl) var(--qf-radius-xl) 0 0;padding:var(--qf-space-5) var(--qf-space-4) var(--qf-space-8);animation:qf-slide-up-sheet 0.3s ease}@keyframes qf-slide-up-sheet{from{transform:translateY(100%)}to{transform:translateY(0)}}}.qf-skeleton{background:var(--qf-gray-100);border-radius:var(--qf-radius-md);position:relative;overflow:hidden}body.dark-mode .qf-skeleton{background:var(--qf-gray-200)}.qf-skeleton::after{content:'';position:absolute;inset:0;background:linear-gradient( 90deg,transparent 0%,rgba(255,255,255,0.4) 50%,transparent 100% );animation:qf-shimmer 1.5s ease-in-out infinite}.qf-skeleton--text{height:14px;width:80%;margin-bottom:var(--qf-space-2)}.qf-skeleton--heading{height:18px;width:60%;margin-bottom:var(--qf-space-3)}.qf-skeleton--card{height:90px;width:100%;border-radius:var(--qf-radius-lg)}.qf-skeleton--avatar{width:40px;height:40px;border-radius:50%}#tip{margin-top:var(--qf-space-5);font-size:var(--qf-text-sm);min-height:20px;text-align:center}#tip.success{color:var(--qf-success)}#tip.error{color:var(--qf-error)}.qf-processing-overlay{position:fixed;inset:0;background:rgba(255,255,255,0.85);backdrop-filter:blur(4px);z-index:var(--qf-z-modal);display:flex;align-items:center;justify-content:center;flex-direction:column}body.dark-mode .qf-processing-overlay{background:rgba(15,23,42,0.85)}.qf-processing-icon{position:relative;width:80px;height:80px;margin:0 auto var(--qf-space-4)}.qf-processing-file-icon{font-size:3rem;color:var(--qf-primary);animation:qf-pulse 2s ease-in-out infinite}@keyframes qf-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.08);opacity:0.8}}.qf-processing-gear{position:absolute;font-size:1.2rem;color:var(--qf-gray-400)}.qf-processing-gear--left{top:-4px;left:-8px;animation:qf-spin 3s linear infinite}.qf-processing-gear--right{bottom:-4px;right:-8px;animation:qf-spin 3s linear infinite reverse}.qf-processing-text{font-size:var(--qf-text-sm);color:var(--qf-gray-500);font-weight:500}.qf-confetti{position:fixed;inset:0;pointer-events:none;z-index:var(--qf-z-toast);overflow:hidden}.qf-confetti-particle{position:absolute;top:-10px;left:var(--x);width:10px;height:10px;background:var(--color);border-radius:2px;animation:qf-confetti-fall 2.5s ease-in forwards;animation-delay:var(--delay);transform:rotate(var(--rotation));opacity:0.9}@keyframes qf-confetti-fall{0%{transform:translateY(0) rotate(0deg);opacity:1}100%{transform:translateY(100vh) rotate(720deg);opacity:0}}.qf-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--qf-border);border-radius:var(--qf-radius-lg);overflow:hidden}.qf-table th{background:var(--qf-gray-50);padding:var(--qf-space-3) var(--qf-space-4);font-size:var(--qf-text-sm);font-weight:600;color:var(--qf-gray-600);text-align:center;border-bottom:1px solid var(--qf-border)}.qf-table td{padding:var(--qf-space-3) var(--qf-space-4);font-size:var(--qf-text-sm);color:var(--qf-gray-700);text-align:center;border-bottom:1px solid var(--qf-border)}.qf-table tr:last-child td{border-bottom:none}.qf-table .qf-table--highlight{background:var(--qf-primary-50)}.qf-navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--qf-space-5);background:rgba(255,255,255,0.92);backdrop-filter:blur(20px) saturate(1.6);-webkit-backdrop-filter:blur(20px) saturate(1.6);box-shadow:0 1px 3px rgba(15,23,42,0.04);height:var(--qf-nav-height);position:sticky;top:0;z-index:var(--qf-z-fixed);font-family:var(--qf-font-sans);border-bottom:1px solid rgba(226,232,240,0.6)}body.dark-mode .qf-navbar{background:rgba(15,23,42,0.88);border-bottom-color:rgba(51,65,85,0.5)}.qf-nav-container{display:flex;align-items:center;width:100%;max-width:var(--qf-max-width);margin:0 auto}.qf-nav-right{display:flex;align-items:center;gap:var(--qf-space-1);margin-left:auto}.qf-logo{display:flex;align-items:center;padding:var(--qf-space-1) var(--qf-space-3);border-radius:var(--qf-radius-md);text-decoration:none;transition:all var(--qf-transition-base);gap:var(--qf-space-2)}.qf-logo:hover{background:var(--qf-primary-50)}.qf-logo-icon{width:38px;height:38px;flex-shrink:0;filter:drop-shadow(0 2px 4px rgba(79,70,229,0.2));transition:filter var(--qf-transition-fast),transform var(--qf-transition-fast)}.qf-logo:hover .qf-logo-icon{filter:drop-shadow(0 3px 6px rgba(79,70,229,0.35));transform:scale(1.05)}.qf-logo-text{display:flex;flex-direction:column;justify-content:center;line-height:1.15}.qf-logo-title{font-size:1.15rem;font-weight:700;background:var(--qf-gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei','Hiragino Sans GB',sans-serif}.qf-logo-domain{font-size:var(--qf-text-2xs);font-weight:400;color:var(--qf-primary-400);letter-spacing:0.5px;font-family:'Segoe UI','SF Pro Text',system-ui,sans-serif}.qf-nav-sep{display:block;width:1px;height:24px;background:var(--qf-border);margin:0 var(--qf-space-2)}body.dark-mode .qf-nav-sep{background:rgba(71,85,105,0.4)}.qf-nav-links{display:flex;align-items:center;gap:var(--qf-space-1)}.qf-nav-link{display:inline-flex;align-items:center;gap:6px;padding:var(--qf-space-2) var(--qf-space-4);border-radius:var(--qf-radius-full);text-decoration:none;font-size:var(--qf-text-sm);font-weight:500;color:var(--qf-gray-600);transition:all var(--qf-transition-fast);white-space:nowrap;position:relative}.qf-nav-link:hover{background:var(--qf-gray-100);color:var(--qf-gray-900)}.qf-nav-link--home{color:var(--qf-gray-700);font-weight:600}.qf-nav-link--home:hover{color:var(--qf-primary);background:var(--qf-primary-50)}.qf-nav-link.is-active{background:var(--qf-primary-50);color:var(--qf-primary);font-weight:600}.qf-nav-link--vip{background:linear-gradient(135deg,#4338CA,#6D28D9);color:#fff;font-weight:600;font-size:var(--qf-text-xs);padding:var(--qf-space-2) var(--qf-space-4);box-shadow:0 2px 8px rgba(79,70,229,0.25)}.qf-nav-link--vip:hover{transform:translateY(-1px);box-shadow:0 4px 16px rgba(79,70,229,0.4);color:#fff;background:linear-gradient(135deg,#4F46E5,#7C3AED)}.qf-nav-dropdown{position:relative}.qf-nav-link--dropdown{cursor:pointer;user-select:none}.qf-dropdown-arrow{font-size:0.6rem;margin-left:2px;transition:transform var(--qf-transition-fast)}.qf-nav-dropdown.is-open .qf-dropdown-arrow{transform:rotate(180deg)}.qf-dropdown-menu{position:absolute;top:calc(100% + 6px);left:50%;transform:translateX(-50%) translateY(-4px);min-width:200px;background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:var(--qf-radius-lg);box-shadow:var(--qf-shadow-lg);padding:var(--qf-space-2);display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:all 200ms cubic-bezier(0.4,0,0.2,1);z-index:var(--qf-z-dropdown)}.qf-nav-dropdown.is-open .qf-dropdown-menu,.qf-nav-dropdown:hover .qf-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}@media (hover:hover){.qf-nav-dropdown:hover .qf-dropdown-menu{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}}@media (hover:none){.qf-nav-dropdown:hover .qf-dropdown-menu{opacity:0;visibility:hidden}}.qf-dropdown-item{display:flex;align-items:center;padding:var(--qf-space-2) var(--qf-space-4);border-radius:var(--qf-radius-md);text-decoration:none;font-size:var(--qf-text-sm);font-weight:400;color:var(--qf-gray-600);transition:all var(--qf-transition-fast);white-space:nowrap}.qf-dropdown-item:hover{background:var(--qf-primary-50);color:var(--qf-primary)}.qf-dropdown-divider{height:1px;background:var(--qf-border);margin:var(--qf-space-1) 0}.qf-dropdown-item--more{font-weight:500;color:var(--qf-primary);font-size:var(--qf-text-xs)}.qf-user-info{display:flex;align-items:center;gap:var(--qf-space-2);padding:var(--qf-space-1) var(--qf-space-3);border-radius:var(--qf-radius-full);transition:all var(--qf-transition-fast);cursor:pointer}.qf-user-info:hover{background:var(--qf-primary-50)}.qf-user-avatar{width:32px;height:32px;border-radius:50%;border:2px solid var(--qf-primary-200)}.qf-user-details{display:flex;flex-direction:column;font-size:var(--qf-text-xs);line-height:1.3}.qf-user-nickname{color:var(--qf-primary);font-weight:600;font-size:var(--qf-text-xs)}.qf-user-validity{color:var(--qf-gray-400);font-size:var(--qf-text-2xs)}.qf-nav-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--qf-space-2) var(--qf-space-4);border:none;border-radius:var(--qf-radius-full);background:transparent;color:var(--qf-gray-500);cursor:pointer;transition:all var(--qf-transition-fast);font-size:var(--qf-text-sm);font-weight:500;text-decoration:none;font-family:var(--qf-font-sans)}.qf-nav-btn:hover{background:var(--qf-primary-50);color:var(--qf-primary)}.qf-nav-btn--login{color:var(--qf-primary);font-weight:600;background:var(--qf-primary-50)}.qf-nav-btn--login:hover{background:var(--qf-primary-100);color:var(--qf-primary-700)}.qf-nav-btn--logout{color:var(--qf-gray-400);font-size:var(--qf-text-xs)}.qf-nav-btn--logout:hover{background:var(--qf-error-50);color:var(--qf-error)}.qf-nav-btn--dark{width:44px;height:44px;padding:0;border-radius:var(--qf-radius-full);font-size:1.15rem}.qf-hamburger{display:none;width:44px;height:44px;border:none;background:transparent;cursor:pointer;padding:var(--qf-space-2);border-radius:var(--qf-radius-full);color:var(--qf-gray-600);transition:all var(--qf-transition-fast)}.qf-hamburger:hover{background:var(--qf-gray-100);color:var(--qf-primary)}.qf-hamburger i{font-size:1.25rem}.qf-mobile-nav{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--qf-surface);z-index:calc(var(--qf-z-modal) + 1);display:flex;flex-direction:column;box-shadow:-8px 0 30px rgba(15,23,42,0.12);transform:translateX(100%);transition:transform 300ms cubic-bezier(0.4,0,0.2,1)}.qf-mobile-nav.is-open{transform:translateX(0)}.qf-mobile-nav::before{content:'';position:fixed;inset:0;background:rgba(15,23,42,0.3);z-index:-1;opacity:0;transition:opacity 300ms;pointer-events:none}.qf-mobile-nav.is-open::before{opacity:1;pointer-events:auto}.qf-mobile-nav-header{display:flex;align-items:center;justify-content:space-between;padding:var(--qf-space-4) var(--qf-space-5);border-bottom:1px solid var(--qf-border)}.qf-mobile-nav-title{font-size:var(--qf-text-base);font-weight:600;color:var(--qf-gray-700)}.qf-mobile-nav-close{width:44px;height:44px;border:none;background:transparent;border-radius:var(--qf-radius-full);cursor:pointer;color:var(--qf-gray-400);font-size:1rem;display:flex;align-items:center;justify-content:center;transition:all var(--qf-transition-fast)}.qf-mobile-nav-close:hover{background:var(--qf-gray-100);color:var(--qf-gray-700)}.qf-mobile-nav-body{display:flex;flex-direction:column;padding:var(--qf-space-3);gap:var(--qf-space-1);overflow-y:auto;flex:1}.qf-mobile-nav-item{display:flex;align-items:center;gap:var(--qf-space-3);padding:var(--qf-space-3) var(--qf-space-4);border-radius:var(--qf-radius-lg);text-decoration:none;font-size:var(--qf-text-base);font-weight:500;color:var(--qf-gray-700);transition:all var(--qf-transition-fast)}.qf-mobile-nav-item i{width:24px;text-align:center;font-size:1rem;color:var(--qf-primary-400)}.qf-mobile-nav-item:hover{background:var(--qf-primary-50);color:var(--qf-primary)}.qf-mobile-nav-item--vip{background:linear-gradient(135deg,#4338CA,#6D28D9);color:#fff;font-weight:600;margin-top:var(--qf-space-2)}.qf-mobile-nav-item--vip i{color:rgba(255,255,255,0.8)}.qf-mobile-nav-item--vip:hover{background:linear-gradient(135deg,#4F46E5,#7C3AED);color:#fff}body.dark-mode .qf-mobile-nav{background:#1E293B}body.dark-mode .qf-mobile-nav-item{color:#CBD5E1}body.dark-mode .qf-mobile-nav-item:hover{background:rgba(79,70,229,0.15);color:#A5B4FC}body.dark-mode .qf-mobile-nav-item--vip{background:linear-gradient(135deg,#4338CA,#6D28D9);color:#fff}body.dark-mode .qf-mobile-nav-item--vip:hover{background:linear-gradient(135deg,#4F46E5,#7C3AED)}.qf-mobile-nav-group{margin:0}.qf-mobile-nav-toggle{width:100%;justify-content:flex-start;background:transparent;border:none;cursor:pointer;font-family:inherit}.qf-mobile-toggle-icon{margin-left:auto;font-size:0.7rem;color:var(--qf-gray-400);transition:transform var(--qf-transition-fast)}.qf-mobile-nav-group.is-open .qf-mobile-toggle-icon{transform:rotate(180deg)}.qf-mobile-subnav{display:none;flex-direction:column;padding:var(--qf-space-1) 0 var(--qf-space-1) var(--qf-space-8);gap:2px}.qf-mobile-nav-group.is-open .qf-mobile-subnav{display:flex}.qf-mobile-subnav-item{display:block;padding:var(--qf-space-2) var(--qf-space-4);border-radius:var(--qf-radius-md);text-decoration:none;font-size:var(--qf-text-sm);color:var(--qf-gray-500);transition:all var(--qf-transition-fast)}.qf-mobile-subnav-item:hover{background:var(--qf-primary-50);color:var(--qf-primary)}body.dark-mode .qf-mobile-subnav-item{color:#94A3B8}body.dark-mode .qf-mobile-subnav-item:hover{background:rgba(79,70,229,0.12);color:#A5B4FC}@media (max-width:767px){.qf-nav-link{display:none}.qf-nav-dropdown{display:none}.qf-nav-sep{display:none}.qf-hamburger{display:flex;align-items:center;justify-content:center}.qf-user-avatar{width:28px;height:28px}.qf-user-details{gap:2px}.qf-user-details{display:none}}.qf-footer{background:var(--qf-bg-muted);border-top:1px solid var(--qf-border);padding:0 var(--qf-space-5) var(--qf-space-10);margin-top:0}.qf-footer-slogan{background:linear-gradient(135deg,#4F46E5 0%,#7C3AED 50%,#6366F1 100%);margin:0 calc(var(--qf-space-5) * -1) var(--qf-space-10);padding:var(--qf-space-14) var(--qf-space-5);position:relative;overflow:hidden}.qf-footer-slogan::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 10% 20%,rgba(255,255,255,0.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,255,255,0.05) 0%,transparent 35%);pointer-events:none}.qf-footer-slogan::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:20px;background:linear-gradient(135deg,var(--qf-bg-muted),transparent);clip-path:polygon(0 100%,50% 0,100% 100%)}.qf-footer-slogan__content{max-width:var(--qf-max-width);margin:0 auto;text-align:center;position:relative;z-index:1}.qf-footer-slogan__title{font-size:2rem;font-weight:800;color:#fff;letter-spacing:-0.5px;line-height:1.3;margin-bottom:var(--qf-space-3);text-shadow:0 2px 8px rgba(79,70,229,0.25)}.qf-footer-slogan__desc{font-size:var(--qf-text-base);color:rgba(255,255,255,0.85);line-height:1.65;max-width:520px;margin:0 auto var(--qf-space-8)}.qf-footer-slogan__stats{display:flex;justify-content:center;gap:var(--qf-space-8);flex-wrap:wrap}.qf-footer-slogan__stat{display:inline-flex;align-items:center;gap:var(--qf-space-2);padding:var(--qf-space-2) var(--qf-space-5);background:rgba(255,255,255,0.15);border-radius:9999px;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,0.18);color:rgba(255,255,255,0.95);font-size:var(--qf-text-sm)}.qf-footer-slogan__stat i{font-size:var(--qf-text-base);opacity:0.9}.qf-footer-slogan__stat strong{font-weight:700;color:#fff}.qf-footer-grid{max-width:var(--qf-max-width);margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--qf-space-6)}.qf-footer-col h4{font-size:var(--qf-text-sm);font-weight:600;color:var(--qf-gray-700);margin-bottom:var(--qf-space-3)}.qf-footer-col p,.qf-footer-col a{font-size:var(--qf-text-xs);color:var(--qf-gray-500);line-height:1.8;text-decoration:none;display:block;transition:color var(--qf-transition-fast)}.qf-footer-col a:hover{color:var(--qf-primary)}.qf-footer-bottom{max-width:var(--qf-max-width);margin:var(--qf-space-5) auto 0;padding-top:var(--qf-space-4);border-top:1px solid var(--qf-border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--qf-space-3);font-size:var(--qf-text-xs);color:var(--qf-gray-400)}.qf-footer-bottom a{color:var(--qf-gray-400);text-decoration:none;display:inline-flex;align-items:center;gap:var(--qf-space-1);transition:color var(--qf-transition-fast)}.qf-footer-bottom a:hover{color:var(--qf-primary)}.qf-footer-beian{display:flex;align-items:center;gap:var(--qf-space-4);flex-wrap:wrap}.qf-footer-beian img{width:16px;height:16px}.qf-footer-badge{display:inline-flex;align-items:center;gap:var(--qf-space-1);padding:var(--qf-space-1) var(--qf-space-2);border:1px solid var(--qf-border);border-radius:var(--qf-radius-sm);font-size:var(--qf-text-2xs);color:var(--qf-gray-400);background:var(--qf-bg)}.qf-footer-badge i{color:var(--qf-success);font-size:var(--qf-text-xs)}@media (max-width:767px){.qf-footer-slogan{margin-left:calc(var(--qf-space-4) * -1);margin-right:calc(var(--qf-space-4) * -1);padding:var(--qf-space-10) var(--qf-space-4)}.qf-footer-slogan__title{font-size:1.5rem}.qf-footer-slogan__desc{font-size:var(--qf-text-sm)}.qf-footer-slogan__stats{gap:var(--qf-space-3)}.qf-footer-slogan__stat{padding:var(--qf-space-2) var(--qf-space-3);font-size:var(--qf-text-xs)}.qf-footer-grid{grid-template-columns:repeat(2,1fr);gap:var(--qf-space-4)}.qf-footer-bottom{flex-direction:column;text-align:center}.qf-footer-beian{justify-content:center}}.qf-tool-container{max-width:var(--qf-max-width-tool);margin:0 auto;padding:var(--qf-space-10) var(--qf-space-5)}.qf-tool-title{font-size:var(--qf-text-3xl);color:var(--qf-gray-900);margin-bottom:var(--qf-space-2);font-weight:700;text-align:center}.qf-tool-subtitle{font-size:var(--qf-text-base);color:var(--qf-gray-500);margin-bottom:var(--qf-space-8);text-align:center}@media (max-width:767px){.qf-tool-container{padding:var(--qf-space-5) var(--qf-space-4)}.qf-tool-title{font-size:var(--qf-text-2xl)}.qf-tool-subtitle{font-size:var(--qf-text-sm);margin-bottom:var(--qf-space-5)}}.qf-hero{background:var(--qf-gradient-hero);color:var(--qf-text-primary,#1e293b);text-align:center;padding:var(--qf-space-20) var(--qf-space-5) var(--qf-space-12);position:relative;overflow:hidden}.qf-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 15% 25%,rgba(99,102,241,0.12) 0%,transparent 45%),radial-gradient(circle at 85% 35%,rgba(124,58,237,0.10) 0%,transparent 40%),radial-gradient(circle at 50% 80%,rgba(129,140,248,0.08) 0%,transparent 50%);pointer-events:none;animation:qf-hero-glow 8s ease-in-out infinite alternate}@keyframes qf-hero-glow{0%{opacity:1}100%{opacity:0.6}}.qf-hero::after{content:'';position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to top,rgba(248,250,252,1),transparent);pointer-events:none;z-index:2}.qf-hero-content{position:relative;z-index:3;max-width:800px;margin:0 auto}.qf-hero-title{font-size:3.2rem;font-weight:800;margin-bottom:var(--qf-space-5);letter-spacing:-1px;line-height:1.15;background:linear-gradient(135deg,#6366F1 0%,#4F46E5 40%,#7C3AED 70%,#A78BFA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:qf-hero-title-in 0.8s var(--qf-transition-spring) both}@keyframes qf-hero-title-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.qf-hero-subtitle{font-size:var(--qf-text-xl);color:#64748B;margin-bottom:var(--qf-space-8);line-height:1.8;font-weight:400;max-width:600px;margin-left:auto;margin-right:auto;animation:qf-hero-title-in 0.8s var(--qf-transition-spring) 0.15s both}.qf-hero-actions{display:flex;justify-content:center;gap:var(--qf-space-4);flex-wrap:wrap;margin-bottom:var(--qf-space-10)}.qf-hero-stats{display:flex;justify-content:center;gap:var(--qf-space-6);flex-wrap:wrap}.qf-hero-stat{text-align:center;display:inline-flex;align-items:center;gap:var(--qf-space-2);padding:var(--qf-space-2) var(--qf-space-4);background:rgba(255,255,255,0.7);backdrop-filter:blur(10px);border:1px solid rgba(99,102,241,0.12);border-radius:9999px}.qf-hero-stat-value{font-size:var(--qf-text-xl);font-weight:800;color:#6366F1;line-height:1}.qf-hero-stat-label{font-size:var(--qf-text-xs);color:#64748B;margin-top:0;font-weight:500}@media (max-width:767px){.qf-hero{padding:var(--qf-space-14) var(--qf-space-5) var(--qf-space-10)}.qf-hero-title{font-size:var(--qf-text-3xl);letter-spacing:-0.5px}.qf-hero-subtitle{font-size:var(--qf-text-base)}.qf-hero-stats{gap:var(--qf-space-3)}.qf-hero-stat-value{font-size:var(--qf-text-lg)}}.qf-steps-section{padding:var(--qf-space-16) 0;background:transparent}.qf-steps-title{text-align:center;font-size:var(--qf-text-2xl);font-weight:700;color:var(--qf-text-primary,#1e293b);margin-bottom:var(--qf-space-2)}.qf-steps-subtitle{text-align:center;font-size:var(--qf-text-base);color:#94a3b8;margin-bottom:var(--qf-space-10)}.qf-steps-grid{display:flex;align-items:stretch;justify-content:center;gap:var(--qf-space-4);max-width:960px;margin:0 auto}.qf-step-card{flex:1;max-width:280px;text-align:center;padding:var(--qf-space-6) var(--qf-space-4);background:#fff;border:1px solid #e2e8f0;border-radius:var(--qf-radius-xl,16px);position:relative;transition:transform var(--qf-transition-base),box-shadow var(--qf-transition-base)}.qf-step-card:hover{transform:translateY(-4px);box-shadow:0 12px 24px rgba(99,102,241,0.08),0 4px 8px rgba(0,0,0,0.04)}.qf-step-number{position:absolute;top:-12px;left:50%;transform:translateX(-50%);width:28px;height:28px;line-height:28px;border-radius:50%;font-size:var(--qf-text-sm);font-weight:700;color:#fff;background:linear-gradient(135deg,#6366F1,#7C3AED);box-shadow:0 2px 8px rgba(99,102,241,0.35)}.qf-step-icon{width:64px;height:64px;margin:var(--qf-space-3) auto var(--qf-space-4);display:flex;align-items:center;justify-content:center;border-radius:16px;font-size:1.5rem}.qf-step-icon--blue{background:rgba(67,97,238,0.1);color:#4361ee}.qf-step-icon--green{background:rgba(6,214,160,0.1);color:#06d6a0}.qf-step-icon--purple{background:rgba(124,58,237,0.1);color:#7C3AED}.qf-step-title{font-size:var(--qf-text-lg);font-weight:600;color:var(--qf-text-primary,#1e293b);margin-bottom:var(--qf-space-2)}.qf-step-desc{font-size:var(--qf-text-sm);color:#64748B;line-height:1.6}.qf-step-connector{display:flex;align-items:center;padding-top:var(--qf-space-14);flex-shrink:0}.qf-step-arrow{color:#cbd5e1;font-size:1.25rem;transition:color var(--qf-transition-fast)}.qf-step-card:hover + .qf-step-connector .qf-step-arrow,.qf-step-connector:hover .qf-step-arrow{color:#94a3b8}body.dark-mode .qf-step-card{background:var(--qf-surface,#1e293b);border-color:rgba(255,255,255,0.08)}body.dark-mode .qf-step-title{color:#f1f5f9}body.dark-mode .qf-step-desc{color:#94a3b8}body.dark-mode .qf-step-arrow{color:#334155}@media (max-width:768px){.qf-steps-section{padding:var(--qf-space-10) 0}.qf-steps-grid{flex-direction:column;align-items:center;max-width:320px;gap:var(--qf-space-6)}.qf-step-card{max-width:100%}.qf-step-connector{padding-top:0;padding-left:var(--qf-space-2);transform:rotate(90deg)}}body.dark-mode .qf-hero{color:#e2e8f0}body.dark-mode .qf-hero::after{background:linear-gradient(to top,var(--qf-bg,#0f172a),transparent)}body.dark-mode .qf-hero-subtitle{color:#94a3b8}body.dark-mode .qf-hero-stat{background:rgba(30,41,59,0.7);border-color:rgba(99,102,241,0.2)}body.dark-mode .qf-hero-stat:hover{background:rgba(30,41,59,0.9);border-color:rgba(99,102,241,0.4);box-shadow:0 4px 12px rgba(99,102,241,0.15)}body.dark-mode .qf-hero-stat-label{color:#94a3b8}.qf-container{max-width:var(--qf-max-width);margin:0 auto;padding:0 var(--qf-space-5);width:100%}.qf-container--narrow{max-width:var(--qf-max-width-tool)}.qf-section{padding:var(--qf-space-16) 0}.qf-section--alt{background:var(--qf-bg-muted)}.qf-section-title{text-align:center;font-size:var(--qf-text-3xl);font-weight:800;color:var(--qf-gray-900);margin-bottom:var(--qf-space-2);letter-spacing:-0.5px;position:relative}.qf-section-title::after{content:'';display:block;width:48px;height:4px;background:var(--qf-gradient-primary);border-radius:2px;margin:var(--qf-space-3) auto 0}.qf-section-subtitle{text-align:center;font-size:var(--qf-text-md);color:var(--qf-gray-500);margin-bottom:var(--qf-space-10);max-width:500px;margin-left:auto;margin-right:auto;margin-top:var(--qf-space-1)}@media (max-width:767px){.qf-section{padding:var(--qf-space-12) 0}.qf-section-title{font-size:var(--qf-text-2xl)}.qf-section-subtitle{font-size:var(--qf-text-sm);margin-bottom:var(--qf-space-8)}}.navbar{composes:visually from global}.tool-container{composes:visually from global}.tool-title{composes:visually from global}.tool-subtitle{composes:visually from global}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 var(--qf-space-5);background:rgba(255,255,255,0.88);backdrop-filter:blur(16px) saturate(1.4);-webkit-backdrop-filter:blur(16px) saturate(1.4);box-shadow:0 1px 3px rgba(15,23,42,0.04);height:var(--qf-nav-height);font-family:var(--qf-font-sans);border-bottom:1px solid var(--qf-border);position:sticky;top:0;z-index:var(--qf-z-fixed)}body.dark-mode .navbar{background:rgba(15,23,42,0.88);border-bottom-color:rgba(51,65,85,0.5)}.nav-container{display:flex;align-items:center;width:100%;max-width:var(--qf-max-width);margin:0 auto}.nav-right{display:flex;align-items:center;gap:var(--qf-space-1);margin-left:auto}.tool-container{max-width:var(--qf-max-width-tool);margin:0 auto;padding:var(--qf-space-10) var(--qf-space-5);text-align:center}.tool-title{font-size:var(--qf-text-3xl);color:var(--qf-gray-900);margin-bottom:var(--qf-space-2);font-weight:700}.tool-subtitle{font-size:var(--qf-text-base);color:var(--qf-gray-500);margin-bottom:var(--qf-space-8)}.site-footer{background:var(--qf-surface);border-top:1px solid var(--qf-border);position:static;width:100%;z-index:99;padding:var(--qf-space-3) var(--qf-space-4);margin-top:var(--qf-space-10)}.footer-container{max-width:var(--qf-max-width);margin:0 auto;width:100%;display:flex;justify-content:space-between;align-items:center;gap:var(--qf-space-4);flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:var(--qf-space-8);flex-wrap:wrap}.footer-links{display:flex;gap:var(--qf-space-5);flex-wrap:wrap}.footer-link{color:var(--qf-gray-500);text-decoration:none;font-size:var(--qf-text-xs);transition:color var(--qf-transition-fast)}.footer-link:hover{color:var(--qf-primary)}.footer-copyright{color:var(--qf-gray-400);font-size:var(--qf-text-xs)}.footer-beian{display:flex;align-items:center;gap:var(--qf-space-4)}.footer-beian a{color:var(--qf-gray-400);text-decoration:none;display:flex;align-items:center;gap:6px;font-size:var(--qf-text-xs);transition:color var(--qf-transition-fast)}.footer-beian a:hover{color:var(--qf-primary)}.footer-beian img{width:16px;height:16px}body.dark-mode .site-footer{background:#1E293B;border-top-color:var(--qf-border)}.footer-link[href="#"]:first-child:hover{position:relative}.footer-link[href="#"]:first-child:hover::after{content:'';position:absolute;left:100%;top:-240px;width:200px;height:200px;background-image:url('/QQKF.png');background-size:contain;background-repeat:no-repeat;background-position:center;z-index:100;padding:10px;background-color:white;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}@media (max-width:767px){.tool-container{padding:var(--qf-space-5) var(--qf-space-4)}.tool-title{font-size:var(--qf-text-2xl)}.tool-subtitle{font-size:var(--qf-text-sm);margin-bottom:var(--qf-space-5)}.footer-left{display:none}.footer-container{justify-content:center}.footer-beian{flex-direction:row;gap:var(--qf-space-3);flex-wrap:wrap;justify-content:center}}@media (max-width:480px){.tool-container{padding:0 var(--qf-space-3)}.tool-title{font-size:var(--qf-text-xl)}.tool-subtitle{font-size:var(--qf-text-xs)}.upload-area{padding:var(--qf-space-8) var(--qf-space-4)}.btn-primary{padding:var(--qf-space-2) var(--qf-space-5);font-size:var(--qf-text-sm)}.btn-action,.btn-success{font-size:var(--qf-text-base);padding:var(--qf-space-3) 0}}.qf-steps-section{padding:var(--qf-space-16) var(--qf-space-5);background:var(--qf-bg-muted);text-align:center;border-top:1px solid var(--qf-border)}.qf-steps-grid{display:flex;align-items:flex-start;justify-content:center;gap:var(--qf-space-5);max-width:var(--qf-max-width);margin:var(--qf-space-10) auto 0;flex-wrap:wrap}.qf-step-card{background:var(--qf-surface);border:1px solid var(--qf-border);border-radius:var(--qf-radius-xl);padding:var(--qf-space-10) var(--qf-space-6) var(--qf-space-8);text-align:center;width:260px;transition:all var(--qf-transition-base);box-shadow:var(--qf-shadow-card);position:relative}.qf-step-card:hover{transform:translateY(-4px);box-shadow:var(--qf-shadow-card-hover);border-color:var(--qf-primary-200)}.qf-step-number{position:absolute;top:-16px;left:50%;transform:translateX(-50%);width:34px;height:34px;border-radius:var(--qf-radius-full);background:var(--qf-gradient-primary);color:#fff;font-weight:800;font-size:var(--qf-text-sm);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px rgba(79,70,229,0.35);line-height:1;transition:all var(--qf-transition-base)}.qf-step-icon{width:60px;height:60px;border-radius:var(--qf-radius-full);background:var(--qf-primary-50);color:var(--qf-primary);display:flex;align-items:center;justify-content:center;margin:var(--qf-space-1) auto var(--qf-space-5);font-size:1.5rem;transition:all var(--qf-transition-base)}.qf-step-card:hover .qf-step-icon{background:var(--qf-primary-100);transform:scale(1.08);box-shadow:0 0 0 8px var(--qf-primary-50)}.qf-step-card h3{font-size:var(--qf-text-lg);font-weight:700;color:var(--qf-gray-800);margin-bottom:var(--qf-space-2)}.qf-step-card p{font-size:var(--qf-text-sm);color:var(--qf-gray-500);line-height:1.6;margin:0}.qf-step-arrow{display:flex;align-items:center;justify-content:center;color:var(--qf-gray-300);font-size:1.35rem;flex-shrink:0;padding-top:56px;transition:all var(--qf-transition-base)}.qf-step-card:hover ~ .qf-step-connector .qf-step-arrow,.qf-step-connector:hover .qf-step-arrow{color:var(--qf-primary-300);transform:translateX(3px)}body.dark-mode .qf-steps-section{background:var(--qf-bg)}body.dark-mode .qf-step-card{background:var(--qf-surface);border-color:var(--qf-border)}body.dark-mode .qf-step-card h3{color:var(--qf-gray-700)}body.dark-mode .qf-step-icon{background:rgba(129,140,248,0.12);color:var(--qf-primary-400)}body.dark-mode .qf-step-card:hover .qf-step-icon{box-shadow:0 0 0 8px rgba(129,140,248,0.08)}body.dark-mode .qf-step-arrow{color:var(--qf-gray-600)}@media (max-width:900px){.qf-step-arrow{display:none}}@media (max-width:767px){.qf-steps-section{padding:var(--qf-space-12) var(--qf-space-4)}.qf-steps-grid{flex-direction:column;align-items:center;gap:var(--qf-space-8);margin-top:var(--qf-space-8)}.qf-step-card{width:100%;max-width:320px}.qf-step-number{width:30px;height:30px;top:-14px;font-size:var(--qf-text-xs)}.qf-step-icon{width:50px;height:50px;font-size:1.25rem}}.qf-advantages-section{padding:var(--qf-space-20) var(--qf-space-5);background:var(--qf-bg-muted);text-align:center}.qf-advantages-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--qf-space-5);max-width:1100px;margin:var(--qf-space-10) auto 0}@media (max-width:900px){.qf-advantages-grid{grid-template-columns:repeat(2,1fr)}}.qf-advantage-card{background:var(--qf-surface);border:1px solid #e8ecf1;border-radius:var(--qf-radius-xl);padding:var(--qf-space-10) var(--qf-space-6) var(--qf-space-7);text-align:center;transition:all 0.35s cubic-bezier(0.4,0,0.2,1);box-shadow:var(--qf-shadow-card);position:relative;overflow:hidden}.qf-advantage-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;opacity:0;transition:opacity var(--qf-transition-base)}.qf-advantage-card:nth-child(1)::after{background:linear-gradient(90deg,#4361ee,#6366F1)}.qf-advantage-card:nth-child(2)::after{background:linear-gradient(90deg,#06d6a0,#10B981)}.qf-advantage-card:nth-child(3)::after{background:linear-gradient(90deg,#ef476f,#F43F5E)}.qf-advantage-card:nth-child(4)::after{background:linear-gradient(90deg,#ff9f1c,#F59E0B)}.qf-advantage-card:hover{transform:translateY(-6px);box-shadow:0 12px 28px rgba(99,102,241,0.08),0 4px 10px rgba(15,23,42,0.05);border-color:transparent}.qf-advantage-card:hover::after{opacity:1}.qf-advantage-icon{width:72px;height:72px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto var(--qf-space-5);font-size:1.6rem;transition:transform var(--qf-transition-fast)}.qf-advantage-card:nth-child(1) .qf-advantage-icon{color:#4361ee;background:linear-gradient(135deg,rgba(67,97,238,0.10) 0%,rgba(99,102,241,0.06) 100%)}.qf-advantage-card:nth-child(2) .qf-advantage-icon{color:#06d6a0;background:linear-gradient(135deg,rgba(6,214,160,0.10) 0%,rgba(16,185,129,0.06) 100%)}.qf-advantage-card:nth-child(3) .qf-advantage-icon{color:#ef476f;background:linear-gradient(135deg,rgba(239,71,111,0.10) 0%,rgba(244,63,94,0.06) 100%)}.qf-advantage-card:nth-child(4) .qf-advantage-icon{color:#ff9f1c;background:linear-gradient(135deg,rgba(255,159,28,0.10) 0%,rgba(245,158,11,0.06) 100%)}.qf-advantage-card:hover .qf-advantage-icon{transform:scale(1.12)}.qf-advantage-card h3{font-size:var(--qf-text-lg);font-weight:700;color:var(--qf-gray-900);margin-bottom:var(--qf-space-3)}.qf-advantage-card p{font-size:var(--qf-text-sm);color:var(--qf-gray-500);line-height:1.65;margin:0}body.dark-mode .qf-advantages-section{background:var(--qf-bg)}body.dark-mode .qf-advantage-card{background:var(--qf-surface);border-color:var(--qf-border)}body.dark-mode .qf-advantage-card h3{color:var(--qf-gray-200)}body.dark-mode .qf-section-title::after{background:var(--qf-gradient-primary)}body.dark-mode .qf-advantage-card{background:var(--qf-surface);border-color:var(--qf-border)}body.dark-mode .qf-advantage-card h3{color:var(--qf-gray-200)}.qf-cta-section{padding:var(--qf-space-16) var(--qf-space-5);background:var(--qf-bg);border-top:1px solid var(--qf-border)}.qf-cta-banner{max-width:var(--qf-max-width);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:var(--qf-space-8);padding:var(--qf-space-10) var(--qf-space-12);background:var(--qf-gradient-hero);border-radius:var(--qf-radius-2xl);box-shadow:var(--qf-shadow-lg);position:relative;overflow:hidden}.qf-cta-banner::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(99,102,241,0.4) 0%,transparent 50%),radial-gradient(ellipse at 80% 50%,rgba(124,58,237,0.3) 0%,transparent 50%);pointer-events:none;animation:qf-cta-glow 6s ease-in-out infinite alternate}@keyframes qf-cta-glow{0%{opacity:1}100%{opacity:0.65}}.qf-cta-text{position:relative;z-index:1}.qf-cta-text h3{font-size:var(--qf-text-xl);font-weight:700;color:#fff;margin-bottom:var(--qf-space-2)}.qf-cta-text p{font-size:var(--qf-text-base);color:rgba(255,255,255,0.7);margin:0;line-height:1.6}.qf-cta-banner .qf-btn--accent{position:relative;z-index:1;flex-shrink:0}body.dark-mode .qf-cta-section{background:var(--qf-bg)}@media (max-width:767px){.qf-cta-section{padding:var(--qf-space-12) var(--qf-space-4)}.qf-cta-banner{flex-direction:column;text-align:center;gap:var(--qf-space-6);padding:var(--qf-space-8) var(--qf-space-6);border-radius:var(--qf-radius-xl)}.qf-cta-text h3{font-size:var(--qf-text-lg)}.qf-cta-text p{font-size:var(--qf-text-sm)}}.qf-m-0{margin:0}.qf-mt-0{margin-top:0}.qf-mb-0{margin-bottom:0}.qf-m-1{margin:var(--qf-space-1)}.qf-mt-1{margin-top:var(--qf-space-1)}.qf-mb-1{margin-bottom:var(--qf-space-1)}.qf-m-2{margin:var(--qf-space-2)}.qf-mt-2{margin-top:var(--qf-space-2)}.qf-mb-2{margin-bottom:var(--qf-space-2)}.qf-m-3{margin:var(--qf-space-3)}.qf-mt-3{margin-top:var(--qf-space-3)}.qf-mb-3{margin-bottom:var(--qf-space-3)}.qf-m-4{margin:var(--qf-space-4)}.qf-mt-4{margin-top:var(--qf-space-4)}.qf-mb-4{margin-bottom:var(--qf-space-4)}.qf-m-5{margin:var(--qf-space-5)}.qf-mt-5{margin-top:var(--qf-space-5)}.qf-mb-5{margin-bottom:var(--qf-space-5)}.qf-m-6{margin:var(--qf-space-6)}.qf-mt-6{margin-top:var(--qf-space-6)}.qf-mb-6{margin-bottom:var(--qf-space-6)}.qf-m-8{margin:var(--qf-space-8)}.qf-mt-8{margin-top:var(--qf-space-8)}.qf-mb-8{margin-bottom:var(--qf-space-8)}.qf-p-0{padding:0}.qf-pt-0{padding-top:0}.qf-pb-0{padding-bottom:0}.qf-p-1{padding:var(--qf-space-1)}.qf-p-2{padding:var(--qf-space-2)}.qf-p-3{padding:var(--qf-space-3)}.qf-p-4{padding:var(--qf-space-4)}.qf-p-5{padding:var(--qf-space-5)}.qf-p-6{padding:var(--qf-space-6)}.qf-p-8{padding:var(--qf-space-8)}.qf-flex{display:flex}.qf-flex-col{display:flex;flex-direction:column}.qf-flex-wrap{display:flex;flex-wrap:wrap}.qf-inline-flex{display:inline-flex}.qf-items-center{align-items:center}.qf-items-start{align-items:flex-start}.qf-items-end{align-items:flex-end}.qf-justify-center{justify-content:center}.qf-justify-between{justify-content:space-between}.qf-justify-end{justify-content:flex-end}.qf-gap-1{gap:var(--qf-space-1)}.qf-gap-2{gap:var(--qf-space-2)}.qf-gap-3{gap:var(--qf-space-3)}.qf-gap-4{gap:var(--qf-space-4)}.qf-gap-5{gap:var(--qf-space-5)}.qf-gap-6{gap:var(--qf-space-6)}.qf-flex-1{flex:1}.qf-text-center{text-align:center}.qf-text-left{text-align:left}.qf-text-right{text-align:right}.qf-text-2xs{font-size:var(--qf-text-2xs)}.qf-text-xs{font-size:var(--qf-text-xs)}.qf-text-sm{font-size:var(--qf-text-sm)}.qf-text-base{font-size:var(--qf-text-base)}.qf-text-md{font-size:var(--qf-text-md)}.qf-text-lg{font-size:var(--qf-text-lg)}.qf-text-xl{font-size:var(--qf-text-xl)}.qf-text-2xl{font-size:var(--qf-text-2xl)}.qf-text-3xl{font-size:var(--qf-text-3xl)}.qf-font-normal{font-weight:400}.qf-font-medium{font-weight:500}.qf-font-semibold{font-weight:600}.qf-font-bold{font-weight:700}.qf-text-primary{color:var(--qf-primary)}.qf-text-success{color:var(--qf-success)}.qf-text-error{color:var(--qf-error)}.qf-text-warning{color:var(--qf-warning)}.qf-text-muted{color:var(--qf-gray-500)}.qf-text-subtle{color:var(--qf-gray-400)}.qf-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.qf-mono{font-family:var(--qf-font-mono)}.qf-hidden{display:none !important}.qf-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media (max-width:767px){.qf-hidden-mobile{display:none !important}}@media (min-width:768px){.qf-hidden-desktop{display:none !important}}.qf-anim-fade-in{animation:qf-fade-in 0.3s ease}.qf-anim-slide-up{animation:qf-slide-up 0.4s var(--qf-transition-spring)}.qf-anim-scale-in{animation:qf-scale-in 0.3s var(--qf-transition-spring)}@keyframes qf-fade-in{from{opacity:0}to{opacity:1}}@keyframes qf-slide-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes qf-scale-in{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}.qf-rounded-sm{border-radius:var(--qf-radius-sm)}.qf-rounded-md{border-radius:var(--qf-radius-md)}.qf-rounded-lg{border-radius:var(--qf-radius-lg)}.qf-rounded-full{border-radius:var(--qf-radius-full)}.qf-shadow-none{box-shadow:none}.qf-shadow-sm{box-shadow:var(--qf-shadow-sm)}.qf-shadow-md{box-shadow:var(--qf-shadow-md)}.qf-shadow-lg{box-shadow:var(--qf-shadow-lg)}.qf-full-width{width:100%}.qf-max-w-md{max-width:28rem}.qf-max-w-lg{max-width:48rem}.qf-mx-auto{margin-left:auto;margin-right:auto}.qf-cursor-pointer{cursor:pointer}.qf-select-none{user-select:none;-webkit-user-select:none}