*,*::before,*::after{box-sizing:border-box}
:root {}


#qf-home{--q-blue:#2463eb;--q-ink:#14233e;--q-muted:#68758a;--q-line:#e6ecf5;--q-tint:#f5f8fd;color-scheme:light;background:#fff;color:var(--q-ink);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px;line-height:1.7;width:100%;margin:auto;position:relative;isolation:isolate;overflow:clip}#qf-home *{box-sizing:border-box}#qf-home h1,#qf-home h2,#qf-home h3,#qf-home p{margin:0}#qf-home button,#qf-home input,#qf-home textarea,#qf-home select{font:inherit}#qf-home button,#qf-home a{-webkit-tap-highlight-color:transparent}#qf-home button{cursor:pointer}#qf-home a{text-decoration:none;color:inherit}#qf-home .q-wrap{width:88%;max-width:1160px;margin:auto}#qf-home .q-header{height:80px;display:flex;align-items:center;gap:28px;border-bottom:1px solid var(--q-line)}#qf-home .q-brand{display:flex;gap:10px;align-items:center;flex-shrink:0}#qf-home .q-mark{display:grid;place-items:center;background:var(--q-blue);width:35px;height:35px;border-radius:10px;color:#fff}#qf-home .q-brand strong{display:block;font-size:18px;letter-spacing:1px;line-height:1.2}#qf-home .q-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:5px;color:var(--q-muted)}#qf-home .q-nav{display:flex;gap:21px;margin-left:auto;font-size:12px;white-space:nowrap}#qf-home .q-nav a.active{color:var(--q-blue)}#qf-home .q-action{border:0;border-radius:6px;background:var(--q-blue);color:white;padding:11px 18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;transition:transform .2s,box-shadow .2s}#qf-home .q-action:hover{transform:translateY(-2px);box-shadow:0 6px 16px #2463eb22}#qf-home .q-action.secondary{background:#fff;color:var(--q-ink);border:1px solid #dce4f0}#qf-home .q-menu{display:none;border:0;background:none;color:var(--q-ink);padding:8px}#qf-home .q-hero{padding:76px 0 60px;background:radial-gradient(ellipse at 84% 40%,#eaf1ff 0%,#f7faff 39%,#fff 76%)}#qf-home .q-hero-grid{display:grid;grid-template-columns:1.03fr 1fr;gap:28px;align-items:center}#qf-home .q-eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--q-blue);display:flex;align-items:center;gap:9px;margin-bottom:18px}#qf-home .q-dot{width:6px;height:6px;border-radius:50%;background:var(--q-blue)}#qf-home h1{font-size:clamp(34px,4.3vw,52px);line-height:1.3;letter-spacing:-1.8px;font-weight:650}#qf-home h1 em{font-style:normal;color:var(--q-blue)}#qf-home .q-lead{color:var(--q-muted);font-size:13px;line-height:1.95;margin:22px 0 27px;max-width:360px}#qf-home .q-buttons{display:flex;gap:10px;flex-wrap:wrap}#qf-home .q-hero-meta{display:flex;gap:17px;font-size:10px;color:#6c7a90;margin-top:26px}#qf-home .q-hero-meta span{display:flex;align-items:center;gap:5px}#qf-home .q-hero-meta svg{width:12px;height:12px;color:var(--q-blue)}#qf-home .q-scene{position:relative;padding:18px 0 28px 8px}#qf-home .q-console{background:#fff;border:1px solid #dce7f9;border-radius:11px;box-shadow:0 24px 65px #3262ac14;transform:perspective(1000px) rotateY(-5deg);overflow:hidden}#qf-home .q-console-top{display:flex;align-items:center;padding:12px 14px;border-bottom:1px solid var(--q-line);gap:5px;font-size:9px;color:#8994a5}#qf-home .q-console-top b{margin-left:10px;font-weight:500;color:#4d5c76}#qf-home .q-console-top i{width:5px;height:5px;border-radius:50%;background:#dce3ee}#qf-home .q-console-body{display:grid;grid-template-columns:82px 1fr;min-height:263px}#qf-home .q-sidebar{background:#f8faff;border-right:1px solid var(--q-line);padding:14px 8px;font-size:9px;color:#8390a5}#qf-home .q-sidebar div{padding:8px 5px;margin-bottom:5px;border-radius:4px}#qf-home .q-sidebar .active{background:#eaf1ff;color:var(--q-blue)}#qf-home .q-workspace{padding:17px 14px}#qf-home .q-workspace-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;margin-bottom:13px}#qf-home .q-tag{font-size:9px;padding:2px 6px;border-radius:4px;color:var(--q-blue);background:#edf3ff;white-space:nowrap}#qf-home .q-query{background:#f4f7fc;border-radius:7px;padding:10px;font-size:10px;color:#465776;display:flex;gap:8px}#qf-home .q-query svg{flex-shrink:0;width:13px}#qf-home .q-answer{margin-top:13px;font-size:10px;color:#64728a}#qf-home .q-answer strong{color:var(--q-ink);display:block;margin-bottom:7px}#qf-home .q-result{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}#qf-home .q-result div{border:1px solid var(--q-line);border-radius:5px;padding:9px;font-size:9px}#qf-home .q-result b{display:block;color:#324d76;font-size:11px;font-weight:500}#qf-home .q-sources{border-top:1px solid var(--q-line);margin-top:13px;padding-top:9px;font-size:9px;color:#8b98ad}#qf-home .q-floating{position:absolute;right:-8px;bottom:8px;background:#fff;border:1px solid #e0e8f6;border-radius:9px;padding:12px 16px;box-shadow:0 10px 35px #3158a314;display:flex;align-items:center;gap:12px;font-size:11px}#qf-home .q-floating small{display:block;font-size:9px;color:var(--q-muted)}#qf-home .q-ai-icon{background:#eaf2ff;color:var(--q-blue);border-radius:9px;padding:8px;display:grid;place-items:center}#qf-home .q-caption{font-size:9px;letter-spacing:1px;color:#8696ad;text-align:right;margin-top:18px}#qf-home .q-scope{border-top:1px solid var(--q-line);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#78869b;font-size:11px}#qf-home .q-scope span:first-child{font-size:9px;letter-spacing:1px;color:#99a4b5}#qf-home .q-section{padding:64px 0}#qf-home .q-heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:28px}#qf-home .q-kicker{color:var(--q-blue);font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:8px}#qf-home h2{font-size:28px;line-height:1.4;letter-spacing:-.6px;font-weight:600}#qf-home .q-sub{font-size:12px;color:var(--q-muted);margin-top:10px}#qf-home .q-link{font-size:11px;color:var(--q-blue);white-space:nowrap;display:inline-flex;gap:7px;align-items:center;border:0;background:none;padding:0}#qf-home .q-link svg{width:13px}#qf-home .q-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}#qf-home .q-service{border:1px solid var(--q-line);border-radius:9px;padding:22px 19px;background:white;transition:transform .2s,border-color .2s}#qf-home .q-service:hover{transform:translateY(-4px);border-color:#aec8fb}#qf-home .q-service.featured{background:#f5f8ff;border-color:#dbe6fc}#qf-home .q-icon{display:inline-flex;padding:10px;border-radius:9px;background:#edf3ff;color:var(--q-blue);margin-bottom:22px}#qf-home .q-icon svg{width:20px;height:20px}#qf-home h3{font-size:16px;font-weight:600;line-height:1.5}#qf-home .q-service p{font-size:11px;line-height:1.9;color:var(--q-muted);margin:10px 0 20px;min-height:43px}#qf-home .q-service .q-mini{font-size:9px;letter-spacing:.4px;color:#8391a6;margin-bottom:18px}#qf-home .q-ai-section{background:#f5f8fd}#qf-home .q-ai-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:52px;align-items:center}#qf-home .q-values{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}#qf-home .q-values b{display:block;font-size:12px;font-weight:500}#qf-home .q-values span{font-size:10px;color:var(--q-muted)}#qf-home .q-ai-panel{background:#fff;border:1px solid #e1e8f5;border-radius:11px;padding:22px;box-shadow:0 12px 36px #28437306}#qf-home .q-ai-tabs{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:22px}#qf-home .q-ai-tabs button{padding:7px 9px;border:0;border-radius:5px;background:#f5f7fb;color:#7d889b;font-size:10px}#qf-home .q-ai-tabs button[aria-selected=true]{background:#edf3ff;color:var(--q-blue)}#qf-home .q-ai-panel h3{font-size:15px}#qf-home .q-ai-copy{font-size:11px;color:var(--q-muted);margin:8px 0 22px;min-height:40px}#qf-home .q-flow{display:grid;grid-template-columns:1fr 18px 1fr 18px 1fr;align-items:center;gap:4px}#qf-home .q-flow div{text-align:center;border:1px solid var(--q-line);border-radius:6px;padding:12px 3px;font-size:10px;background:#fbfcff}#qf-home .q-flow svg{display:block;margin:0 auto 8px;color:var(--q-blue);width:18px}#qf-home .q-flow>span{color:#acb9cb;text-align:center}#qf-home .q-panel-foot{border-top:1px solid var(--q-line);margin-top:22px;padding-top:14px;font-size:9px;color:#8b96a9;display:flex;justify-content:space-between}#qf-home .q-cases{display:grid;grid-template-columns:1fr 1fr;gap:22px}#qf-home .q-case{border:1px solid var(--q-line);border-radius:9px;overflow:hidden}#qf-home .q-case-art{height:215px;background:#edf2fa;padding:25px 32px 0;overflow:hidden}#qf-home .q-case-art.second{background:#eaf5f3}#qf-home .q-demo-window{background:#fff;border-radius:6px 6px 0 0;border:1px solid #dce5f1;box-shadow:0 8px 26px #30486b0d;min-height:215px}#qf-home .q-demo-bar{border-bottom:1px solid var(--q-line);font-size:9px;padding:9px 12px;display:flex;justify-content:space-between}#qf-home .q-demo-inner{display:grid;grid-template-columns:57px 1fr;min-height:160px}#qf-home .q-demo-nav{background:#f8fafc;font-size:8px;color:#8a97a8;padding:12px 6px;line-height:2.6}#qf-home .q-demo-main{padding:12px}#qf-home .q-demo-title{font-size:10px;margin-bottom:10px}#qf-home .q-mini-metrics{display:flex;gap:6px}#qf-home .q-mini-metrics span{flex:1;background:#f5f8fd;padding:7px;font-size:8px;color:#8290a4}#qf-home .q-mini-metrics b{display:block;font-size:12px;color:#526887;font-weight:500}#qf-home .q-chart{height:65px;display:flex;align-items:end;gap:9px;padding:10px 5px 0;border-bottom:1px solid var(--q-line)}#qf-home .q-chart i{flex:1;background:#acc7f7;border-radius:2px 2px 0 0}#qf-home .q-chart i:nth-child(even){background:#4d87ef}#qf-home .q-case-info{padding:20px 22px}#qf-home .q-case-label{font-size:9px;letter-spacing:1px;color:#8b98ad;margin-bottom:8px}#qf-home .q-case-info p{font-size:11px;color:var(--q-muted);margin:9px 0 15px}#qf-home .q-case-info .q-link{font-size:10px}#qf-home .q-process{display:grid;grid-template-columns:repeat(9,1fr);margin-top:35px;gap:9px}#qf-home .q-step{position:relative}#qf-home .q-step:not(:last-child):after{content:"";height:1px;background:#dce5f1;position:absolute;left:36px;right:0;top:15px}#qf-home .q-step b{display:grid;place-items:center;width:30px;height:30px;border:1px solid #dce5f1;border-radius:50%;color:var(--q-blue);font-size:10px;font-weight:500;margin-bottom:12px}#qf-home .q-step span{font-size:10px;color:#64738c}#qf-home .q-products{display:grid;grid-template-columns:1fr 1fr;gap:20px}#qf-home .q-product{border:1px solid var(--q-line);border-radius:9px;display:flex;align-items:center;gap:18px;padding:24px}#qf-home .q-product .q-icon{margin:0;flex-shrink:0;padding:18px}#qf-home .q-product p{font-size:11px;color:var(--q-muted);margin:6px 0 9px}#qf-home .q-product h3{font-size:14px}#qf-home .q-slim{padding-top:0}#qf-home .q-trust{display:grid;grid-template-columns:1fr 1.1fr;gap:50px;align-items:center}#qf-home .q-trust-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}#qf-home .q-trust-list h3{font-size:12px;margin-bottom:7px;display:flex;align-items:center;gap:7px}#qf-home .q-trust-list svg{width:15px;color:var(--q-blue)}#qf-home .q-trust-list p{font-size:10px;color:var(--q-muted)}#qf-home .q-articles{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}#qf-home .q-article{border-top:2px solid #dce7fa;padding:18px 0}#qf-home .q-article small{font-size:9px;color:var(--q-blue);letter-spacing:1px}#qf-home .q-article h3{font-size:14px;margin:12px 0 18px}#qf-home .q-article p{font-size:10px;color:#97a1b1}#qf-home .q-faq-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:50px}#qf-home details{border-bottom:1px solid #e0e7f2;padding:15px 0;font-size:12px}#qf-home summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:12px}#qf-home summary:after{content:"+";color:var(--q-blue)}#qf-home details[open] summary:after{content:"−"}#qf-home details p{font-size:11px;color:var(--q-muted);margin-top:10px}#qf-home .q-cta{background:#1552d4;color:#fff;padding:42px;border-radius:12px;display:flex;align-items:center;justify-content:space-between;gap:25px;position:relative;overflow:hidden}#qf-home .q-cta:after{content:"";position:absolute;width:280px;height:280px;border:1px solid #ffffff18;border-radius:50%;right:20px;top:-180px;pointer-events:none}#qf-home .q-cta h2{font-size:25px}#qf-home .q-cta p{color:#c1d4fc;font-size:11px;margin-top:8px}#qf-home .q-cta .q-action{background:white;color:#1552d4;white-space:nowrap}#qf-home .q-footer{padding:42px 0 20px;border-top:1px solid var(--q-line)}#qf-home .q-footer-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:24px}#qf-home .q-footer p{font-size:10px;color:#8390a5;margin-top:15px}#qf-home .q-footer h4{font-size:11px;margin:0 0 10px;font-weight:500}#qf-home .q-footer a,#qf-home .q-footer button{display:block;font-size:10px;color:#8390a5;margin:7px 0;background:none;border:0;padding:0;text-align:left}#qf-home .q-footer-bottom{border-top:1px solid var(--q-line);margin-top:30px;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:9px;color:#98a4b5}#qf-home .q-chat-launch{position:absolute;right:14px;top:530px;z-index:4;background:var(--q-blue);color:#fff;border:3px solid #fff;border-radius:12px;padding:10px;box-shadow:0 6px 20px #2463eb25;display:flex;flex-direction:column;align-items:center;gap:3px;font-size:9px}#qf-home .q-overlay{position:absolute;inset:0;z-index:20;background:#14233e66;display:flex;align-items:flex-start;justify-content:center;padding:100px 20px 20px}#qf-home .q-dialog{background:#fff;border-radius:14px;padding:26px;width:min(440px,100%);box-shadow:0 20px 70px #13223e30}#qf-home .q-dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#qf-home .q-close{border:0;background:#f1f4f9;border-radius:5px;padding:4px 10px;color:#65728b}#qf-home .q-dialog p{color:var(--q-muted);font-size:12px;margin:10px 0 20px}#qf-home .q-dialog label{display:block;font-size:11px;margin-top:13px}#qf-home .q-dialog select,#qf-home .q-dialog textarea{display:block;width:100%;border:1px solid #dfe6f2;border-radius:5px;padding:9px;margin-top:5px;background:#fff;color:var(--q-ink)}#qf-home .q-dialog textarea{min-height:85px;resize:vertical}#qf-home .q-dialog .q-action{margin-top:18px}#qf-home .q-chat-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}#qf-home .q-chat-options button{background:#f3f7fd;border:1px solid #e0e9f8;border-radius:6px;padding:11px;color:#42618d;font-size:11px}#qf-home [hidden]{display:none!important}
@container qf (max-width:760px){#qf-home .q-nav{gap:12px;font-size:10px}#qf-home .q-header{gap:14px}#qf-home .q-service-grid{grid-template-columns:1fr 1fr}}
#qf-home{container-type:inline-size;container-name:qf}
@media(max-width:760px){#qf-home .q-nav{gap:12px;font-size:10px}#qf-home .q-header{gap:12px}#qf-home .q-header>.q-action{padding:9px 12px}#qf-home .q-service-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){#qf-home .q-wrap{width:88%}#qf-home .q-header{height:68px;flex-wrap:wrap;position:relative}#qf-home .q-brand strong{font-size:16px}#qf-home .q-header>.q-action{margin-left:auto;font-size:11px}#qf-home .q-menu{display:block}#qf-home .q-nav{display:none;position:absolute;left:-7%;right:-7%;top:67px;background:#fff;z-index:10;padding:20px 6%;box-shadow:0 10px 20px #18395712;flex-wrap:wrap;gap:20px;font-size:13px}#qf-home .q-nav.open{display:flex}#qf-home .q-hero{padding:42px 0 28px}#qf-home .q-hero-grid,#qf-home .q-ai-layout,#qf-home .q-trust,#qf-home .q-faq-layout{grid-template-columns:1fr;gap:32px}#qf-home h1{font-size:37px}#qf-home .q-lead{font-size:12px}#qf-home .q-scene{padding-left:0;margin-top:6px}#qf-home .q-console{transform:none}#qf-home .q-scope{flex-wrap:wrap;justify-content:flex-start;gap:12px 22px}#qf-home .q-scope span:first-child{width:100%}#qf-home .q-section{padding:42px 0}#qf-home h2{font-size:24px}#qf-home .q-heading{align-items:start;gap:10px}#qf-home .q-heading>.q-link{margin-top:9px}#qf-home .q-service-grid{gap:10px}#qf-home .q-service{padding:17px 13px}#qf-home .q-service h3{font-size:15px}#qf-home .q-service p{font-size:10px;min-height:57px}#qf-home .q-service .q-mini{font-size:9px;min-height:30px}#qf-home .q-cases,#qf-home .q-products,#qf-home .q-articles{grid-template-columns:1fr}#qf-home .q-process{grid-template-columns:repeat(3,1fr);gap:22px}#qf-home .q-step:nth-child(3n):after{display:none}#qf-home .q-cta{padding:28px;display:block}#qf-home .q-cta .q-action{margin-top:22px}#qf-home .q-cta h2{font-size:23px}#qf-home .q-footer-grid{grid-template-columns:1fr 1fr;gap:25px}#qf-home .q-footer-bottom{flex-wrap:wrap;gap:8px}#qf-home .q-chat-launch{top:650px;right:6px}#qf-home .q-slim{padding-top:0}#qf-home .q-dialog{padding:20px}#qf-home .q-overlay{padding-top:50px}}
@media(prefers-reduced-motion:reduce){#qf-home *{transition:none!important;scroll-behavior:auto!important}}



/* Qingfeng home V2: full-width editorial SaaS design */
html,body{margin:0!important;padding:0!important;background:#fff!important}
#qf-home{--q-blue:#245bea;--q-ink:#132344;--q-muted:#687790;--q-line:#e1e8f4;font-size:16px;container-type:normal;overflow:clip;background:#fff}
#qf-home .q-wrap{width:calc(100% - clamp(40px,9vw,192px));max-width:1760px}
#qf-home .q-header{height:100px;gap:40px;border-bottom:0;position:relative;z-index:5}
#qf-home .q-brand{gap:13px}#qf-home .q-brand strong{font-size:23px;letter-spacing:2px}#qf-home .q-brand small{font-size:10px;letter-spacing:2.5px;margin-top:7px}
#qf-home .q-mark{width:45px;height:45px;border-radius:13px;background:linear-gradient(145deg,#316cff,#1746c8);box-shadow:0 7px 20px #245bea20}
#qf-home .q-nav{gap:clamp(18px,2vw,36px);font-size:14px;align-items:center}
#qf-home .q-nav a{padding:10px 0;position:relative}#qf-home .q-nav a.active:after{content:"";position:absolute;bottom:3px;height:2px;width:16px;left:50%;transform:translateX(-50%);background:var(--q-blue)}
#qf-home .q-action{padding:15px 25px;border-radius:8px;font-size:15px;font-weight:500;gap:22px;min-height:50px;box-shadow:none}
#qf-home .q-action:hover{box-shadow:0 10px 25px #245bea22}#qf-home .q-action.secondary{background:#ffffffb8;border-color:#d5e0f4}
#qf-home .q-hero{position:relative;padding:clamp(70px,6vw,120px) 0 clamp(72px,7vw,134px);background:radial-gradient(ellipse at 78% 35%,#dee9ff 0%,#eef4ff 33%,#fafcff 62%,#fff 83%)}
#qf-home .q-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#587bd608 1px,transparent 1px),linear-gradient(90deg,#587bd608 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,transparent 20%,#000);pointer-events:none}
#qf-home .q-hero-grid{grid-template-columns:1.02fr 1fr;gap:clamp(45px,6vw,115px);position:relative;z-index:1}
#qf-home .q-eyebrow{font-size:12px;letter-spacing:2.5px;margin-bottom:28px;color:#4b638d}
#qf-home .q-dot{width:7px;height:7px;box-shadow:0 0 0 5px #245bea0d}
#qf-home h1{font-size:clamp(46px,4.05vw,80px);line-height:1.28;font-weight:650;letter-spacing:-2px}
#qf-home h1 em{background:linear-gradient(110deg,#1d50d8,#4183ff);background-clip:text;color:transparent}
#qf-home .q-lead{font-size:clamp(15px,1vw,19px);line-height:2;max-width:600px;margin:30px 0 36px}
#qf-home .q-hero-meta{gap:25px;font-size:12px;margin-top:32px}#qf-home .q-hero-meta svg{width:15px;height:15px}
#qf-home .q-scene{padding:30px 0 50px;position:relative}
#qf-home .q-scene:before{content:"";width:112%;aspect-ratio:1;position:absolute;left:-4%;top:50%;transform:translateY(-50%) rotate(-22deg);border:1px solid #779ff52e;border-radius:50%;box-shadow:0 0 0 40px #6f9fff06,0 0 0 80px #6f9fff05;pointer-events:none}
#qf-home .q-console{border-radius:16px;border:1px solid #c7d8f2;box-shadow:0 40px 90px -20px #335bbd30,0 4px 12px #24488506;transform:perspective(1600px) rotateY(-8deg) rotateX(3deg) rotateZ(1deg);position:relative}
#qf-home .q-console-top{padding:17px 22px;font-size:12px;gap:6px;background:#fafcff}#qf-home .q-console-top i{width:7px;height:7px}#qf-home .q-console-top i:first-child{background:#82a7f7}
#qf-home .q-console-body{grid-template-columns:125px 1fr;min-height:360px}
#qf-home .q-sidebar{padding:22px 12px;font-size:12px;background:#f7f9ff}#qf-home .q-sidebar div{padding:10px 7px;margin-bottom:11px}
#qf-home .q-workspace{padding:26px 24px}#qf-home .q-workspace-head{font-size:15px;margin-bottom:24px;gap:8px}
#qf-home .q-tag{font-size:10px;padding:4px 8px}#qf-home .q-query{font-size:13px;padding:15px;line-height:1.8;gap:10px;border-radius:8px}#qf-home .q-query svg{width:17px}
#qf-home .q-answer{font-size:12px;margin-top:22px;line-height:1.85}#qf-home .q-answer strong{font-size:14px;margin-bottom:9px}
#qf-home .q-result{gap:12px;margin-top:16px}#qf-home .q-result div{padding:14px;font-size:11px;border-radius:8px}#qf-home .q-result b{font-size:13px;margin-bottom:3px}
#qf-home .q-sources{font-size:10px;margin-top:21px;padding-top:15px}
#qf-home .q-floating{right:-22px;bottom:14px;padding:18px 24px;gap:16px;font-size:14px;box-shadow:0 20px 50px #21448e1c;border-radius:12px;transform:rotate(-3deg)}#qf-home .q-floating small{font-size:11px;margin-top:4px}#qf-home .q-ai-icon{padding:12px}
#qf-home .q-caption{font-size:10px;letter-spacing:2px;position:relative;top:40px;text-align:left}
#qf-home .q-scope{font-size:14px;padding:28px 0 32px;border-top:1px solid #dce5f4;border-bottom:1px solid #dce5f4;gap:22px}#qf-home .q-scope span:first-child{font-size:11px;letter-spacing:1px;max-width:130px;color:#78869c}
#qf-home .q-section{padding:clamp(72px,6.8vw,128px) 0}
#qf-home .q-heading{margin-bottom:44px;gap:32px}#qf-home .q-kicker{font-size:11px;letter-spacing:3px;margin-bottom:14px;display:flex;gap:12px;align-items:center}#qf-home .q-kicker:before{content:"";width:21px;height:2px;background:currentColor}
#qf-home h2{font-size:clamp(30px,2.5vw,46px);letter-spacing:-1px;line-height:1.4;font-weight:600}
#qf-home .q-sub{font-size:15px;line-height:1.9;margin-top:16px}#qf-home .q-link{font-size:14px;gap:15px}#qf-home .q-link:hover{color:#1642b4}
#qf-home .q-service-grid{gap:22px;counter-reset:service}
#qf-home .q-service{position:relative;padding:36px 28px 30px;border-radius:15px;background:linear-gradient(160deg,#fff,#fafcff);min-width:0;counter-increment:service;overflow:hidden}
#qf-home .q-service:after{content:"0" counter(service);position:absolute;top:26px;right:23px;color:#c1cbdd;font-size:12px;letter-spacing:1px}
#qf-home .q-service .q-icon{padding:14px;border-radius:13px;margin-bottom:33px;background:#edf3ff}#qf-home .q-icon svg{width:25px;height:25px}
#qf-home .q-service h3{font-size:23px}#qf-home .q-service p{font-size:14px;margin:14px 0 24px;min-height:54px;line-height:1.9}#qf-home .q-service .q-mini{font-size:11px;min-height:20px;margin-bottom:27px;color:#7d8aa3}
#qf-home .q-service .q-link{padding-top:22px;border-top:1px solid #e3e9f4;width:100%;justify-content:space-between;font-size:13px}
#qf-home .q-service.featured{background:linear-gradient(145deg,#255fec,#1946c8);color:white;border-color:transparent;box-shadow:0 20px 40px #1e51d621}
#qf-home .q-service.featured .q-icon{background:#ffffff19;color:#fff}#qf-home .q-service.featured p,#qf-home .q-service.featured .q-mini{color:#d4e2ff}#qf-home .q-service.featured .q-link{color:#fff;border-color:#ffffff26}#qf-home .q-service.featured:after{color:#aac5ff}
#qf-home .q-ai-section{background:#f3f6fc}
#qf-home .q-ai-spotlight{background:#101f3e;color:#fff;position:relative;overflow:hidden}
#qf-home .q-ai-spotlight:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 85% 10%,#315ab547,transparent 60%);pointer-events:none}
#qf-home .q-ai-layout{grid-template-columns:.9fr 1fr;gap:clamp(50px,7vw,130px);position:relative}
#qf-home .q-ai-spotlight .q-kicker{color:#85acff}#qf-home .q-ai-spotlight .q-sub{color:#a7b6d1}#qf-home .q-ai-spotlight>.q-wrap>div>.q-link{color:#a7c6ff}
#qf-home .q-values{gap:28px 22px;margin:32px 0 38px}#qf-home .q-values b{font-size:16px;color:#f2f6ff;margin-bottom:7px}#qf-home .q-values span{font-size:12px;color:#97aaca}
#qf-home .q-ai-panel{padding:32px;border-radius:18px;background:#fff;color:var(--q-ink);border:1px solid #426198;box-shadow:0 25px 80px #050d2333}
#qf-home .q-ai-tabs{gap:7px;margin-bottom:35px}#qf-home .q-ai-tabs button{font-size:12px;padding:9px 12px;border-radius:6px;min-height:38px}#qf-home .q-ai-tabs button[aria-selected=true]{background:var(--q-blue);color:#fff}
#qf-home .q-ai-panel h3{font-size:22px}#qf-home .q-ai-copy{font-size:14px;line-height:1.9;min-height:54px;margin:15px 0 28px}#qf-home .q-flow{gap:10px;grid-template-columns:1fr 20px 1fr 20px 1fr}#qf-home .q-flow div{padding:22px 7px;font-size:13px;border-radius:10px}#qf-home .q-flow svg{width:24px;height:24px;margin-bottom:12px}#qf-home .q-panel-foot{font-size:11px;margin-top:28px;padding-top:20px;gap:12px}
#qf-home .q-cases{gap:30px;grid-template-columns:1.08fr 1fr}#qf-home .q-case{border-radius:16px;border:1px solid #e0e8f2;background:#fff}#qf-home .q-case-art{height:330px;padding:38px 42px 0;background:linear-gradient(135deg,#e6edfa,#d6e2f7)}#qf-home .q-case-art.second{background:linear-gradient(135deg,#e5efec,#d4e6e3)}#qf-home .q-demo-window{border-radius:11px 11px 0 0;min-height:300px;transform:translateY(7px);transition:transform .3s}#qf-home .q-case:hover .q-demo-window{transform:translateY(0)}
#qf-home .q-demo-bar{font-size:12px;padding:16px 20px}#qf-home .q-demo-inner{grid-template-columns:85px 1fr;min-height:240px}#qf-home .q-demo-nav{font-size:11px;padding:19px 12px;line-height:3}#qf-home .q-demo-main{padding:20px}#qf-home .q-demo-title{font-size:14px;margin-bottom:18px}#qf-home .q-mini-metrics{gap:10px}#qf-home .q-mini-metrics span{font-size:11px;padding:12px;border-radius:5px}#qf-home .q-mini-metrics b{font-size:15px;margin-top:4px}#qf-home .q-chart{height:115px;gap:14px;padding-top:16px}
#qf-home .q-case-info{padding:28px 30px 32px}#qf-home .q-case-label{font-size:11px;margin-bottom:12px}#qf-home .q-case-info h3{font-size:23px}#qf-home .q-case-info p{font-size:14px;margin:12px 0 24px}#qf-home .q-case-info .q-link{font-size:13px}
#qf-home .q-process{gap:20px;margin-top:50px}#qf-home .q-step b{width:42px;height:42px;font-size:13px;margin-bottom:18px;background:#fff;border-color:#cddcf2}#qf-home .q-step:not(:last-child):after{top:21px;left:55px;background:#cddcf2}#qf-home .q-step span{font-size:14px}
#qf-home .q-products{gap:30px}#qf-home .q-product{padding:34px;border-radius:14px;gap:24px;background:linear-gradient(120deg,#fafcff,#fff)}#qf-home .q-product h3{font-size:21px}#qf-home .q-product p{font-size:14px;margin:12px 0 20px}#qf-home .q-product .q-icon{padding:24px;border-radius:16px}#qf-home .q-product .q-tag{display:inline-block;vertical-align:middle;margin-left:6px}
#qf-home .q-slim{padding-top:0}#qf-home .q-trust{gap:80px;grid-template-columns:1fr 1fr;padding-top:64px;border-top:1px solid var(--q-line)}#qf-home .q-trust-list{gap:36px 30px}#qf-home .q-trust-list h3{font-size:16px;gap:12px;margin-bottom:13px}#qf-home .q-trust-list svg{width:21px;height:21px}#qf-home .q-trust-list p{font-size:13px;line-height:1.9}
#qf-home .q-articles{gap:32px}#qf-home .q-article{padding:28px 0;border-top-color:#bfcef0}#qf-home .q-article small{font-size:12px}#qf-home .q-article h3{font-size:21px;line-height:1.7;margin:18px 0 26px;max-width:370px}#qf-home .q-article .q-link{font-size:13px}
#qf-home .q-faq-layout{grid-template-columns:.85fr 1.15fr;gap:80px}#qf-home details{padding:24px 0;font-size:16px}#qf-home details p{font-size:14px;line-height:1.9;margin-top:16px}
#qf-home .q-cta{padding:64px 70px;border-radius:20px;background:linear-gradient(115deg,#164cd7,#2869f0);gap:30px}#qf-home .q-cta h2{font-size:36px}#qf-home .q-cta p{font-size:15px;margin-top:17px}#qf-home .q-cta:after{width:500px;height:500px;right:9%;top:-355px;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff04}
#qf-home .q-footer{background:#f8faff;padding:65px 0 28px}#qf-home .q-footer-grid{gap:45px}#qf-home .q-footer p{font-size:13px;line-height:2;margin-top:21px}#qf-home .q-footer h4{font-size:14px;margin-bottom:19px}#qf-home .q-footer a,#qf-home .q-footer button{font-size:13px;margin:12px 0}#qf-home .q-footer-bottom{margin-top:50px;padding-top:24px;font-size:11px}
#qf-home .q-chat-launch{top:660px;right:20px;padding:14px;border-radius:16px;font-size:11px;gap:8px;box-shadow:0 12px 30px #245bea26}
#qf-home .q-dialog{width:min(510px,100%);padding:32px;border-radius:18px}#qf-home .q-dialog h3{font-size:21px}#qf-home .q-dialog p{font-size:14px}#qf-home .q-dialog label{font-size:14px}#qf-home .q-dialog select,#qf-home .q-dialog textarea{font-size:16px;padding:12px}#qf-home .q-close{min-width:36px;min-height:36px}#qf-home .q-chat-options button{font-size:14px;padding:15px}
@media(min-width:2100px){#qf-home .q-hero{padding:140px 0 160px}#qf-home .q-console-body{min-height:420px}#qf-home .q-workspace{padding:35px 30px}#qf-home .q-section{padding:140px 0}#qf-home .q-slim{padding-top:0}#qf-home .q-case-art{height:380px}}
@media(max-width:1199px){#qf-home .q-header{gap:22px;height:86px}#qf-home .q-nav{gap:17px;font-size:12px}#qf-home .q-brand strong{font-size:20px}#qf-home .q-brand small{font-size:9px}#qf-home .q-header>.q-action{font-size:13px;padding:12px 17px}#qf-home .q-hero-grid{gap:32px}#qf-home h1{font-size:44px}#qf-home .q-console-body{grid-template-columns:90px 1fr;min-height:315px}#qf-home .q-sidebar{font-size:10px;padding:17px 7px}#qf-home .q-workspace{padding:20px 16px}#qf-home .q-workspace-head{font-size:12px}#qf-home .q-query{font-size:11px}#qf-home .q-result div{padding:10px;font-size:10px}#qf-home .q-result b{font-size:11px}#qf-home .q-service{padding:28px 21px}#qf-home .q-service h3{font-size:21px}#qf-home .q-service p{font-size:12px}#qf-home .q-service .q-mini{font-size:10px}#qf-home .q-ai-layout{gap:38px}#qf-home .q-ai-panel{padding:24px}#qf-home .q-case-art{padding:28px 24px 0;height:290px}#qf-home .q-demo-nav{font-size:9px;padding:16px 8px}#qf-home .q-demo-inner{grid-template-columns:65px 1fr}#qf-home .q-mini-metrics span{font-size:9px;padding:8px}#qf-home .q-mini-metrics b{font-size:12px}#qf-home .q-demo-main{padding:15px}#qf-home .q-product{padding:26px;gap:18px}#qf-home .q-product h3{font-size:18px}#qf-home .q-product .q-icon{padding:18px}#qf-home .q-trust{gap:40px}#qf-home .q-cta{padding:45px}#qf-home .q-cta h2{font-size:29px}}
@media(max-width:980px){#qf-home .q-nav{display:none;position:absolute;left:-5vw;right:-5vw;top:86px;background:#fff;z-index:10;padding:24px 6%;box-shadow:0 10px 20px #18395712;flex-wrap:wrap;gap:22px;font-size:14px}#qf-home .q-nav.open{display:flex}#qf-home .q-menu{display:block}#qf-home .q-header>.q-action{margin-left:auto}#qf-home .q-hero-grid{grid-template-columns:1fr 1fr;gap:28px}#qf-home h1{font-size:38px;letter-spacing:-1px}#qf-home .q-hero-meta{gap:12px;font-size:10px}#qf-home .q-hero .q-action{font-size:12px;padding:12px 16px;gap:12px}#qf-home .q-console-body{grid-template-columns:70px 1fr}#qf-home .q-sidebar{font-size:9px;padding:12px 4px}#qf-home .q-workspace{padding:17px 12px}#qf-home .q-workspace-head{flex-wrap:wrap;gap:7px}#qf-home .q-floating{font-size:12px;padding:14px 18px;right:-10px}#qf-home .q-floating small{font-size:10px}#qf-home .q-service-grid{grid-template-columns:repeat(2,1fr)}#qf-home .q-service p{font-size:14px;min-height:54px}#qf-home .q-service .q-mini{font-size:12px}#qf-home .q-ai-layout{grid-template-columns:1fr;gap:36px}#qf-home .q-ai-panel{max-width:680px;width:100%}#qf-home .q-values{max-width:530px}#qf-home .q-scope{flex-wrap:wrap;justify-content:flex-start;gap:20px 28px}#qf-home .q-scope span:first-child{max-width:none;width:100%}#qf-home .q-process{grid-template-columns:repeat(5,1fr);gap:26px}#qf-home .q-step:nth-child(5):after{display:none}#qf-home .q-product{align-items:flex-start}#qf-home .q-product .q-icon{padding:12px}#qf-home .q-product .q-tag{margin-left:0}#qf-home .q-trust,#qf-home .q-faq-layout{grid-template-columns:1fr;gap:35px}#qf-home .q-article h3{font-size:18px}#qf-home .q-cta h2{font-size:26px}#qf-home .q-cta .q-action{padding:14px 20px;gap:12px}}
@media(max-width:700px){#qf-home .q-wrap{width:calc(100% - 40px)}#qf-home .q-header{height:76px;gap:13px;flex-wrap:nowrap}#qf-home .q-brand strong{font-size:18px}#qf-home .q-brand small{font-size:8px;letter-spacing:1.5px}#qf-home .q-brand{gap:9px}#qf-home .q-mark{width:37px;height:37px;border-radius:10px}#qf-home .q-header>.q-action{padding:9px 13px;min-height:40px;font-size:12px;gap:10px}#qf-home .q-nav{top:76px;left:-20px;right:-20px}#qf-home .q-menu{padding:5px}#qf-home .q-hero{padding:48px 0 62px}#qf-home .q-hero-grid{grid-template-columns:1fr;gap:30px}#qf-home h1{font-size:clamp(35px,8vw,52px);letter-spacing:-1px}#qf-home .q-eyebrow{font-size:10px;margin-bottom:23px;letter-spacing:1.5px}#qf-home .q-lead{font-size:14px;margin:24px 0 27px}#qf-home .q-hero .q-action{font-size:13px;padding:13px 17px}#qf-home .q-hero-meta{font-size:11px;gap:17px;margin-top:24px}#qf-home .q-scene{padding:18px 0 38px;margin:0 auto;width:100%;max-width:520px}#qf-home .q-console{transform:rotate(-1deg);border-radius:12px}#qf-home .q-console-top{padding:13px 15px;font-size:10px}#qf-home .q-console-body{grid-template-columns:80px 1fr;min-height:310px}#qf-home .q-sidebar{font-size:10px}#qf-home .q-workspace{padding:17px 13px}#qf-home .q-query{font-size:11px;padding:11px}#qf-home .q-answer{font-size:11px;margin-top:16px}#qf-home .q-answer strong{font-size:12px}#qf-home .q-result{gap:7px}#qf-home .q-result div{padding:9px 7px}#qf-home .q-sources{font-size:9px;margin-top:15px}#qf-home .q-floating{right:3px;bottom:2px;padding:13px 17px;font-size:12px;gap:12px}#qf-home .q-caption{top:42px;font-size:8px}#qf-home .q-scope{font-size:12px;gap:13px 22px;padding:25px 0}#qf-home .q-section{padding:60px 0}#qf-home h2{font-size:28px}#qf-home .q-heading{margin-bottom:30px;gap:16px}#qf-home .q-heading>.q-link{font-size:12px;white-space:nowrap}#qf-home .q-sub{font-size:13px}#qf-home .q-kicker{font-size:9px;letter-spacing:2px}#qf-home .q-service-grid{gap:13px}#qf-home .q-service{padding:25px 18px 22px;border-radius:12px}#qf-home .q-service:after{right:17px;top:20px;font-size:10px}#qf-home .q-service h3{font-size:19px}#qf-home .q-service p{font-size:12px;min-height:69px;margin:12px 0 18px}#qf-home .q-service .q-mini{font-size:10px;min-height:34px;margin-bottom:15px}#qf-home .q-service .q-icon{padding:12px;margin-bottom:26px}#qf-home .q-service .q-link{font-size:11px;padding-top:17px;gap:8px}#qf-home .q-values{gap:22px 17px}#qf-home .q-values b{font-size:15px}#qf-home .q-values span{font-size:11px}#qf-home .q-ai-panel{padding:22px 18px;border-radius:13px}#qf-home .q-ai-tabs{gap:6px;margin-bottom:24px}#qf-home .q-ai-tabs button{font-size:11px;padding:8px 10px}#qf-home .q-ai-panel h3{font-size:20px}#qf-home .q-ai-copy{font-size:12px;min-height:68px}#qf-home .q-flow{gap:4px;grid-template-columns:1fr 15px 1fr 15px 1fr}#qf-home .q-flow div{padding:18px 4px;font-size:11px}#qf-home .q-panel-foot{font-size:9px;gap:8px}#qf-home .q-cases,#qf-home .q-products,#qf-home .q-articles{grid-template-columns:1fr;gap:22px}#qf-home .q-case-art{height:260px;padding:24px 20px 0}#qf-home .q-case-info{padding:24px}#qf-home .q-case-info h3{font-size:20px}#qf-home .q-case-info p{font-size:13px}#qf-home .q-demo-bar{font-size:10px;padding:13px}#qf-home .q-demo-inner{grid-template-columns:62px 1fr}#qf-home .q-demo-main{padding:13px}#qf-home .q-demo-title{font-size:12px}#qf-home .q-process{grid-template-columns:repeat(3,1fr);gap:27px 17px;margin-top:34px}#qf-home .q-step span{font-size:13px}#qf-home .q-step:nth-child(5):after{display:block}#qf-home .q-step:nth-child(3n):after{display:none}#qf-home .q-product{padding:25px;gap:20px}#qf-home .q-product p{font-size:12px}#qf-home .q-product h3{font-size:19px}#qf-home .q-product .q-icon{padding:17px}#qf-home .q-trust{padding-top:40px;gap:30px}#qf-home .q-trust-list{gap:26px 20px}#qf-home .q-trust-list h3{font-size:14px;gap:9px}#qf-home .q-trust-list p{font-size:12px}#qf-home .q-slim{padding-top:0}#qf-home .q-article{padding:23px 0 5px}#qf-home .q-article h3{font-size:20px;max-width:none}#qf-home details{font-size:14px;padding:21px 0}#qf-home details p{font-size:12px}#qf-home .q-cta{display:block;padding:32px 26px;border-radius:15px}#qf-home .q-cta h2{font-size:25px}#qf-home .q-cta p{font-size:12px}#qf-home .q-cta .q-action{margin-top:26px}#qf-home .q-footer{padding:44px 0 24px}#qf-home .q-footer-grid{grid-template-columns:1fr 1fr;gap:30px 22px}#qf-home .q-footer p,#qf-home .q-footer a,#qf-home .q-footer button{font-size:12px}#qf-home .q-footer-bottom{font-size:10px;gap:10px;flex-wrap:wrap}#qf-home .q-chat-launch{right:8px;top:715px;font-size:9px;padding:10px;border-radius:12px}#qf-home .q-dialog{padding:24px}#qf-home .q-dialog p{font-size:13px}}
@media(max-width:370px){#qf-home .q-header{gap:7px}#qf-home .q-header>.q-action{font-size:11px;padding:8px 9px;gap:5px}#qf-home .q-brand strong{font-size:16px}#qf-home .q-brand small{font-size:7px}#qf-home .q-mark{width:32px;height:32px}#qf-home .q-hero-meta{font-size:10px;gap:10px}#qf-home .q-service{padding:23px 13px}#qf-home .q-console-body{grid-template-columns:65px 1fr}#qf-home .q-sidebar{font-size:9px}#qf-home .q-workspace-head{font-size:11px}#qf-home .q-tag{font-size:8px}#qf-home .q-mini-metrics{gap:5px}#qf-home .q-mini-metrics span{font-size:8px;padding:6px}#qf-home .q-mini-metrics b{font-size:10px}#qf-home .q-product{padding:20px;gap:14px}}



html,body{scrollbar-width:none!important}html::-webkit-scrollbar,body::-webkit-scrollbar{display:none!important}

/* ── 首屏粒子画布（整行做舞台，全宽绝对层，动画偏右）──────────── */
.q-hero{position:relative}
.q-hero-grid{position:relative;z-index:1}
.q-scene{pointer-events:none}
.q-particles{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;
  pointer-events:none;z-index:0;background:transparent}
.q-particles-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.q-particles.is-static .q-particles-canvas{display:none}
/* 退化/静态帧：偏右居中（无 WebGL 时） */
.q-particles-fallback{position:absolute;top:0;bottom:0;right:0;width:46%;display:none;
  flex-direction:column;align-items:center;justify-content:center;gap:16px;text-align:center;
  padding:24px;color:#1b2b4a}
.q-particles.is-static .q-particles-fallback{display:flex}
.q-particles-fallback .q-pf-mark{display:inline-flex;width:58px;height:58px;color:var(--q-blue)}
.q-particles-fallback .q-pf-mark svg{width:100%;height:100%}
.q-particles-fallback strong{font-size:clamp(22px,3vw,32px);font-weight:800;letter-spacing:.02em}
.q-particles-fallback em{font-style:normal;font-size:14px;opacity:.7;max-width:90%}
@media (max-width:760px){.q-particles{display:none}}
/* 清晰文字覆盖层（粒子结晶后露出，带外发光）——偏右居中，与粒子文字同位 */
.q-particles-word{position:absolute;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;
  letter-spacing:.04em;line-height:1;opacity:0;transform:translate(-50%,-50%)}
.q-particles-word b,.q-particles-word i{display:block;white-space:nowrap;
  background:linear-gradient(172deg,color-mix(in srgb,var(--q-blue) 60%,#fff) 0%,var(--q-blue) 48%,color-mix(in srgb,var(--q-blue) 80%,#0b2a6b) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.q-particles-word b{font-size:1em;font-weight:800;line-height:1.02}
.q-particles-word i{font-size:.4em;font-weight:600;font-style:normal;line-height:1;margin-top:.42em;letter-spacing:.06em;opacity:.95}

/* Logo 尺寸约束：后台上传的大 SVG/图片统一填满固定的 .q-mark 容器、圆角裁切，不再溢出 */
.q-mark{overflow:hidden}
.q-mark > svg,.q-mark > img{width:100%;height:100%;display:block;object-fit:contain}

/* 自定义整体 Logo（图形+文字）：按原始比例、限定高度展示，不套蓝底方块 */
.q-logo-full{display:inline-flex;align-items:center;height:56px}
.q-logo-full svg,.q-logo-full img{height:100%;width:auto;max-width:431px;display:block;object-fit:contain}
.q-footer .q-logo-full{height:63px}

/* ── 内页：页面 hero + 面包屑 + 三列/CTA 变体 ─────────────── */
.q-page-hero{padding:46px 0 30px}
.q-page-hero h1{font-size:clamp(30px,4.4vw,50px);line-height:1.14;letter-spacing:-.01em;margin:12px 0 0}
.q-page-hero h1 em{color:var(--q-blue);font-style:normal}
.q-page-hero .q-lead{max-width:600px;font-size:14px}
.q-crumb{font-size:13px;color:var(--q-muted);display:flex;gap:8px;align-items:center;margin-bottom:6px}
.q-crumb a{color:var(--q-muted);text-decoration:none}
.q-crumb a:hover{color:var(--q-blue)}
.q-service-grid.three{grid-template-columns:repeat(3,1fr)}
.q-service .q-icon{font-weight:800;font-size:15px}
.q-cta .q-action.light{background:#fff;color:var(--q-blue);border-color:#fff}
@media(max-width:860px){.q-service-grid.three{grid-template-columns:1fr}}

/* ── 需求提交表单 ─────────────────────────────── */
.q-form{max-width:820px;margin:0 auto}
.q-form-card{background:#fff;border:1px solid var(--q-line);border-radius:16px;padding:26px 28px;margin-bottom:18px}
.q-form-card h3{margin:0 0 18px;font-size:16px}
.q-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 18px}
.q-field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:var(--q-ink)}
.q-field.q-full,.q-check.q-full{grid-column:1 / -1}
.q-field input,.q-field select,.q-field textarea{font:inherit;font-size:14px;padding:11px 12px;border:1px solid var(--q-line);border-radius:9px;background:#fbfcfe;color:var(--q-ink);outline:none}
.q-field input:focus,.q-field select:focus,.q-field textarea:focus{border-color:var(--q-blue);background:#fff}
.q-field textarea{resize:vertical}
.q-check{display:flex;align-items:flex-start;gap:9px;font-size:13px;color:var(--q-muted);line-height:1.6}
.q-check input{margin-top:2px}
.q-ok-card{max-width:720px;margin:0 auto;background:#fff;border:1px solid var(--q-line);border-radius:18px;padding:44px 44px 40px;position:relative;overflow:hidden;box-shadow:0 18px 48px rgba(20,35,62,.06)}
.q-ok-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--q-blue),#22c55e)}
.q-ok-badge{width:66px;height:66px;border-radius:50%;background:#e6f7ee;color:#1eb96a;display:grid;place-items:center;font-size:30px;margin:8px auto 24px}
.q-ok-card h2{font-size:30px;font-weight:700;margin:0 0 14px;letter-spacing:-.02em}
.q-ok-lead{color:var(--q-muted);font-size:14px;line-height:1.9;margin:0 0 26px;max-width:none}
.q-ok-no-box{background:var(--q-tint);border:1px solid var(--q-line);border-radius:14px;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.q-ok-no-label{font-size:12px;color:var(--q-muted);letter-spacing:.04em}
.q-ok-no{font-size:24px;font-weight:600;letter-spacing:.06em;color:var(--q-ink);font-family:ui-monospace,SFMono-Regular,Consolas,"Liberation Mono",monospace;margin-top:8px}
.q-ok-copy{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--q-line);border-radius:9px;padding:11px 18px;font:inherit;font-size:13px;color:var(--q-ink);cursor:pointer;white-space:nowrap;transition:.15s}
.q-ok-copy:hover{border-color:var(--q-blue);color:var(--q-blue)}
.q-ok-copy.ok{border-color:#1eb96a;color:#1eb96a}
.q-ok-copy svg{width:15px;height:15px}
.q-ok-divider{height:1px;background:var(--q-line);margin:30px 0 26px}
.q-ok-next-label{font-size:13px;font-weight:600;color:var(--q-muted);margin-bottom:22px}
.q-ok-steps{list-style:none;margin:0;padding:0}
.q-ok-steps li{position:relative;display:flex;gap:16px;padding-bottom:26px}
.q-ok-steps li:last-child{padding-bottom:0}
.q-ok-steps li:not(:last-child)::before{content:"";position:absolute;left:15px;top:34px;bottom:4px;width:2px;background:var(--q-line)}
.q-ok-step-n{position:relative;z-index:1;flex-shrink:0;width:30px;height:30px;border-radius:50%;border:1px solid var(--q-line);background:#fff;color:var(--q-muted);display:grid;place-items:center;font-size:12px;font-weight:600}
.q-ok-steps li.active .q-ok-step-n{background:var(--q-blue);border-color:var(--q-blue);color:#fff}
.q-ok-step-tx{padding-top:4px}
.q-ok-step-tx b{display:block;font-size:15px;margin-bottom:5px;color:var(--q-ink)}
.q-ok-steps li.active .q-ok-step-tx b{color:var(--q-blue)}
.q-ok-step-tx p{margin:0;color:var(--q-muted);font-size:13px;line-height:1.7}
@media(max-width:600px){.q-ok-card{padding:32px 22px 28px}.q-ok-no-box{flex-direction:column;align-items:flex-start}.q-ok-card h2{font-size:25px}}
@media(max-width:680px){.q-form-grid{grid-template-columns:1fr}}

/* ── 案例列表：筛选 + 案例卡 ─────────────────────── */
.q-filter-row{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.q-chip{font:inherit;font-size:13px;padding:8px 16px;border:1px solid var(--q-line);border-radius:999px;background:#fff;color:var(--q-muted);cursor:pointer;transition:.15s}
.q-chip:hover{border-color:var(--q-blue);color:var(--q-blue)}
.q-chip[aria-pressed="true"]{background:var(--q-blue);border-color:var(--q-blue);color:#fff}
.q-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.q-work{background:#fff;border:1px solid var(--q-line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column;transition:.18s}
.q-work:hover{box-shadow:0 16px 40px rgba(20,35,62,.1);transform:translateY(-2px)}
.q-work-cover{aspect-ratio:16/9;display:grid;place-items:center;color:#fff;font-weight:700;font-size:15px;letter-spacing:.02em;text-align:center;padding:12px}
.q-cover-a{background:linear-gradient(135deg,#2463eb,#1746c8)}
.q-cover-b{background:linear-gradient(135deg,#3b82f6,#6d5efc)}
.q-cover-c{background:linear-gradient(135deg,#0ea5e9,#2463eb)}
.q-cover-d{background:linear-gradient(135deg,#1e5fd6,#0f3aa0)}
.q-work-body{padding:20px 22px;display:flex;flex-direction:column;gap:9px;flex:1}
.q-work-body h3{margin:2px 0;font-size:17px}
.q-work-body p{color:var(--q-muted);font-size:13px;line-height:1.75;flex:1}
.q-work-body .q-link{margin-top:4px}
@media(max-width:760px){.q-work-grid{grid-template-columns:1fr}}

/* ── 服务详情：步骤流程 + 法律文本页 ──────────────── */
.q-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0;counter-reset:st}
.q-steps li{counter-increment:st;background:#fff;border:1px solid var(--q-line);border-radius:12px;padding:15px 18px;font-size:14px;color:var(--q-ink);font-weight:600}
.q-steps li:before{content:counter(st,decimal-leading-zero);display:block;font-size:11px;font-weight:700;color:var(--q-blue);margin-bottom:6px;letter-spacing:.04em}
.q-legal{max-width:820px;margin:0;color:var(--q-ink)}
.q-legal-head{padding-bottom:22px;margin-bottom:26px;border-bottom:1px solid var(--q-line)}
.q-legal-head .q-kicker{color:var(--q-blue);font-size:9px;letter-spacing:2px;font-weight:600;margin-bottom:9px}
.q-legal-head h2{font-size:22px;font-weight:600;letter-spacing:-.3px}
.q-legal-body h2{margin:30px 0 10px;font-size:18px;font-weight:600}
.q-legal-body h2:first-child{margin-top:0}
.q-legal h3{margin:26px 0 10px;font-size:16px}
.q-legal p{color:var(--q-muted);font-size:14px;line-height:1.95;margin:0 0 12px}
.q-legal .q-note{background:var(--q-tint);border-radius:10px;padding:14px 16px;font-size:13px;color:var(--q-muted);margin-bottom:8px}
@media(max-width:760px){.q-steps{grid-template-columns:1fr}}

/* 页脚底部法律链接：一行内联显示（覆盖栏目链接的 block） */
#qf-home .q-footer-bottom a{display:inline;color:inherit;text-decoration:none}
#qf-home .q-footer-bottom a:hover{color:var(--q-blue)}

/* 内页：紧跟页面 hero 的首个 section 收紧顶距（覆盖宽屏下的大留白） */
#qf-home .q-page-hero + .q-section{padding-top:16px}

/* ── 自研产品区（products 页 #hm-products，场景插画卡）──────────── */
#qf-home #hm-products{width:calc(100% - clamp(40px,8vw,200px));max-width:1720px;padding:65px 0 80px}
#hm-products .hm-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:36px}
#qf-home #hm-products h2{font-size:clamp(30px,3vw,46px);letter-spacing:-1px;margin:14px 0}
#hm-products .hm-heading p{color:#748198;font-size:14px;line-height:1.9}
#hm-products .hm-count{font-size:11px;letter-spacing:2px;color:#8795a9;white-space:nowrap;padding-bottom:6px}
#hm-products .hm-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
#hm-products .hm-card{--accent:#3266e5;--wash:#edf3ff;min-width:0;border:1px solid #e0e6ef;border-radius:18px;overflow:hidden;background:#fff;display:flex;flex-direction:column;transition:transform .25s,box-shadow .25s}
#hm-products .hm-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #1936590c}
#hm-products .hm-card.stone{--accent:#53756d;--wash:#eff4f0}
#hm-products .hm-card.shop{--accent:#b57941;--wash:#fcf4ea}
#hm-products .hm-card-head{display:flex;align-items:center;gap:15px;padding:27px 28px 24px}
#hm-products .hm-logo{width:52px;height:52px;border:1px solid #edf0f5;border-radius:13px;display:grid;place-items:center;flex-shrink:0;background:white}
#hm-products .hm-logo img{width:36px;height:36px;object-fit:contain}
#hm-products .hm-logo b{font-size:12px;color:var(--accent)}
#qf-home #hm-products h3{font-size:23px;line-height:1.35;margin-bottom:4px}
#hm-products .hm-category{font-size:11px;color:#7f8b9d;letter-spacing:1px}
#hm-products .hm-number{margin-left:auto;color:#b3bfce;font-size:12px;align-self:start;font-family:monospace}
#hm-products .hm-art{height:270px;position:relative;margin:0 12px;overflow:hidden;border-radius:10px;background:var(--wash);display:grid;place-items:center;isolation:isolate}
#hm-products .hm-art:before{content:'';position:absolute;width:250px;height:250px;border:1px solid #ffffffa0;border-radius:50%;right:-70px;top:-100px;box-shadow:0 0 0 35px #ffffff30,0 0 0 70px #ffffff30;z-index:-1}
#hm-products .hm-caption{position:absolute;bottom:13px;left:17px;font-size:9px;letter-spacing:1px;color:var(--accent);opacity:.7}
#hm-products .hm-desc{padding:25px 28px 0;flex:1}
#hm-products .hm-tags{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:15px}
#hm-products .hm-tags span{font-size:10px;padding:4px 9px;color:var(--accent);background:var(--wash);border-radius:4px}
#hm-products .hm-desc p{font-size:13px;color:#728097;line-height:1.95}
#hm-products .hm-bottom{margin:24px 28px 0;padding:19px 0 23px;border-top:1px solid #edf0f5;display:flex;align-items:center;justify-content:space-between;gap:12px}
#hm-products .hm-live{font-size:10px;color:#819187;white-space:nowrap;display:flex;align-items:center;gap:6px}
#hm-products .hm-live:before{content:'';width:5px;height:5px;border-radius:50%;background:#68a58a}
#hm-products .hm-link{font-size:12px;font-weight:500;display:flex;gap:12px;align-items:center;color:var(--accent)}
#hm-products .hm-link i{font-style:normal;font-size:16px;transition:transform .2s}
#hm-products .hm-link:hover i{transform:translate(2px,-2px)}
#hm-products a:focus-visible{outline:3px solid #86adff;outline-offset:5px;border-radius:3px}
#hm-products .hm-window{width:76%;max-width:340px;background:#fff;border:1px solid #dce5f5;border-radius:9px;transform:rotate(-5deg);box-shadow:0 18px 30px #4768a918;padding:15px;position:relative}
#hm-products .hm-window-bar{display:flex;align-items:center;gap:4px;border-bottom:1px solid #eef1f7;padding-bottom:10px;margin-bottom:13px}
#hm-products .hm-window-bar i{width:4px;height:4px;background:#d7e0ef;border-radius:50%}
#hm-products .hm-window-bar span{font-size:8px;color:#8292ac;margin-left:auto;letter-spacing:1px}
#hm-products .hm-day{font-size:13px;font-weight:600;color:#344d78;margin-bottom:12px}
#hm-products .hm-task{display:flex;align-items:center;gap:9px;font-size:10px;color:#7184a3;margin-top:11px}
#hm-products .hm-check{width:14px;height:14px;border-radius:4px;background:#eaf1ff;color:#5682e7;font-style:normal;text-align:center;line-height:14px;font-size:9px}
#hm-products .hm-line{height:4px;background:#e6ecf7;border-radius:5px;flex:1}
#hm-products .hm-toast{position:absolute;right:-23px;bottom:-17px;background:#fff;border:1px solid #e2eafb;border-radius:8px;padding:11px 16px;font-size:10px;color:#5577ae;box-shadow:0 8px 20px #4a76c314;transform:rotate(5deg)}
#hm-products .hm-stone-art{width:85%;height:215px}
#hm-products .hm-stone-label{position:absolute;right:24px;top:27px;writing-mode:vertical-rl;letter-spacing:5px;font-family:serif;font-size:12px;color:#738d82}
#hm-products .hm-bag{width:116px;height:127px;background:linear-gradient(145deg,#fffdf9,#f1dcc0);border:1px solid #e2cba9;border-radius:7px 7px 15px 15px;transform:rotate(-8deg);box-shadow:15px 18px 25px #a8835120;position:relative;display:grid;place-items:center;color:#b18650;font-size:12px;letter-spacing:3px}
#hm-products .hm-bag:before{content:'';position:absolute;width:36px;height:32px;border:3px solid #bea078;border-bottom:0;border-radius:30px 30px 0 0;top:-29px;left:37px}
#hm-products .hm-order{position:absolute;background:white;border:1px solid #efdfc9;border-radius:8px;right:9%;bottom:40px;padding:13px 18px;box-shadow:0 8px 20px #a8835110;transform:rotate(6deg);font-size:10px;color:#b18a58}
#hm-products .hm-order span{display:block;font-size:8px;color:#b5a592;letter-spacing:2px;margin-top:5px}
@media(min-width:2000px){#hm-products .hm-art{height:320px}#hm-products .hm-desc p{font-size:15px}#hm-products .hm-card-head{padding:32px}#hm-products .hm-desc{padding:28px 32px 0}#hm-products .hm-bottom{margin-left:32px;margin-right:32px}#hm-products .hm-grid{gap:30px}}
@media(max-width:1100px) and (min-width:761px){#hm-products .hm-grid{gap:15px}#hm-products .hm-card-head{padding:20px 17px;gap:10px}#qf-home #hm-products h3{font-size:20px}#hm-products .hm-logo{width:42px;height:42px}#hm-products .hm-logo img{width:29px;height:29px}#hm-products .hm-desc{padding:20px 18px 0}#hm-products .hm-bottom{margin:20px 18px 0}#hm-products .hm-art{height:220px}#hm-products .hm-number{display:none}#hm-products .hm-toast{right:-12px;font-size:8px}#hm-products .hm-order{right:4%;padding:10px}}
@media(max-width:760px){#qf-home #hm-products{padding:35px 0 45px}#hm-products .hm-heading{display:block;margin-bottom:25px}#hm-products .hm-count{display:none}#hm-products .hm-heading p{font-size:13px}#hm-products .hm-grid{grid-template-columns:1fr;gap:22px}#hm-products .hm-card-head{padding:22px}#hm-products .hm-art{height:235px}#hm-products .hm-desc{padding:22px 23px 0}#hm-products .hm-bottom{margin:22px 23px 0}#hm-products .hm-desc p{font-size:13px}}
@media(prefers-reduced-motion:reduce){#hm-products .hm-card,#hm-products .hm-link i{transition:none}}

/* ── 联系我们：期待与你见面（定位区块 #qf-location）───────────── */
#qf-home #qf-location{--brand:#1d6fe8;--brand-50:#edf4fe;--brand-100:#d6e6fd;--l-ink:#0b1f3a;--l-ink2:#44546a;--l-ink3:#8494a8;--l-line:#e4e9f0;--l-soft:#f5f8fc}
#qf-home #qf-location .eyebrow{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin-bottom:20px}
#qf-home #qf-location .eyebrow::before{content:"";width:26px;height:2px;border-radius:2px;background:var(--brand)}
#qf-home #qf-location h2{margin:0;font-size:clamp(30px,3.2vw,44px);line-height:1.2;letter-spacing:-.03em;font-weight:700}
#qf-home #qf-location .grid{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:56px;align-items:start;margin-top:28px}
#qf-home #qf-location .info-list{margin:12px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#qf-home #qf-location .item{position:relative}
#qf-home #qf-location .row-icon{width:38px;height:38px;border-radius:11px;background:var(--brand-50);color:var(--brand);display:flex;align-items:center;justify-content:center;margin-bottom:16px}
#qf-home #qf-location .row-label{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--l-ink3);margin-bottom:7px}
#qf-home #qf-location .row-value{font-size:15.5px;font-weight:600;color:var(--l-ink);letter-spacing:-.005em;line-height:1.5}
#qf-home #qf-location .row-value a{color:inherit;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .15s}
#qf-home #qf-location .row-value a:hover{border-bottom-color:var(--brand);color:var(--brand)}
#qf-home #qf-location .row-note{font-size:13px;color:var(--l-ink2);margin-top:8px;line-height:1.65}
#qf-home #qf-location .row-note .tag{display:inline-block;background:var(--l-soft);border:1px solid var(--l-line);border-radius:6px;padding:1px 8px;margin-right:5px;font-size:12px;color:var(--l-ink2);white-space:nowrap}
#qf-home #qf-location .map-shell{position:relative}
#qf-home #qf-location .map-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--l-line);box-shadow:0 12px 32px -14px rgba(11,31,58,.22),0 2px 6px rgba(11,31,58,.05);background:#edf1f6;aspect-ratio:1.28/1}
#qf-home #qf-location .map-card>svg{display:block;width:100%;height:100%}
#qf-home #qf-location .map-tag{position:absolute;top:14px;left:14px;z-index:2;display:flex;align-items:center;gap:7px;background:rgba(255,255,255,.94);backdrop-filter:blur(6px);border:1px solid var(--l-line);border-radius:999px;padding:7px 14px 7px 11px;font-size:12.5px;font-weight:600;color:var(--l-ink);box-shadow:0 2px 8px rgba(11,31,58,.08)}
#qf-home #qf-location .map-tag .pin-dot{width:7px;height:7px;border-radius:50%;background:#e8453c;box-shadow:0 0 0 3px rgba(232,69,60,.16)}
#qf-home #qf-location .map-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;background:linear-gradient(to top,rgba(255,255,255,.98) 32%,rgba(255,255,255,.86) 62%,rgba(255,255,255,0));padding:44px 22px 18px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}
#qf-home #qf-location .map-bar .addr{font-size:14.5px;font-weight:600;color:var(--l-ink);letter-spacing:-.005em}
#qf-home #qf-location .map-bar .sub{font-size:12.5px;color:var(--l-ink3);margin-top:3px}
#qf-home #qf-location .map-link{flex:0 0 auto;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--brand);text-decoration:none;background:#fff;border:1px solid var(--brand-100);border-radius:9px;padding:8px 14px;transition:all .15s;white-space:nowrap;box-shadow:0 2px 6px rgba(29,111,232,.10)}
#qf-home #qf-location .map-link:hover{background:var(--brand);color:#fff;border-color:var(--brand)}
#qf-home #qf-location .map-caption{margin:16px 2px 0;font-size:13px;color:var(--l-ink3);line-height:1.7;display:flex;align-items:flex-start;gap:7px}
#qf-home #qf-location .map-caption>svg{flex:0 0 auto;margin-top:2px}
@media(max-width:980px){#qf-home #qf-location .grid{grid-template-columns:1fr;gap:44px}#qf-home #qf-location .info-list{gap:20px}}
@media(max-width:760px){#qf-home #qf-location .info-list{grid-template-columns:1fr;gap:26px}#qf-home #qf-location .item{display:grid;grid-template-columns:38px 1fr;column-gap:16px}#qf-home #qf-location .item .row-icon{grid-row:span 3;margin-bottom:0}#qf-home #qf-location .row-value br,#qf-home #qf-location .row-note br{display:none}}
@media(max-width:600px){#qf-home #qf-location .map-card{aspect-ratio:1/1}#qf-home #qf-location .map-bar{flex-direction:column;align-items:stretch;gap:10px}#qf-home #qf-location .map-link{justify-content:center}}
