/* 首页宣传：共享蓝色体系；交互演示使用固定示例，不调用业务服务。 */
.topbar{background:#f9fbfe!important;backdrop-filter:blur(12px)}
#dashboard{display:grid;gap:40px;padding-bottom:34px;color:#223e63}
#dashboard .home-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(230px,.75fr);gap:30px;align-items:center;min-height:248px!important;margin:0!important;padding:30px 38px!important;border-radius:20px!important;background:radial-gradient(ellipse at 90% 30%,#679ddd40,transparent 55%),linear-gradient(110deg,#23476f,#35649a)!important;box-shadow:0 12px 32px #24456b12!important}
#dashboard .home-hero:before{display:none}
#dashboard .home-hero h1{font-size:clamp(27px,2.4vw,36px)!important;line-height:1.3!important;letter-spacing:-.03em!important;margin:10px 0 12px;max-width:720px}
#dashboard .home-hero p{font-size:15px!important;line-height:1.75!important;margin:0;max-width:650px}
.home-text-link{display:inline-flex;align-items:center;gap:14px;color:#edf5ff;font-size:13px;font-weight:650;margin-top:18px;padding:4px 0;border-bottom:1px solid #bfd5ef65;transition:gap .2s,border-color .2s}
.home-text-link:hover{gap:20px;border-color:#fff}
.hero-orbit{position:relative;min-height:176px;color:#bad4f34d;display:grid;place-items:center}
.hero-orbit svg{position:absolute;inset:0;width:100%;height:100%}
.orbit-center{position:relative;z-index:1;text-align:center;padding:17px 23px;border-radius:16px;background:#ffffff12;border:1px solid #ffffff2c;box-shadow:0 12px 26px #09284620;backdrop-filter:blur(8px)}
.orbit-center span,.orbit-center b{display:block;color:#eaf3ff}.orbit-center span{font-size:11px;color:#c0d4ee;margin-bottom:8px}.orbit-center b{font-size:18px}
.orbit-item{position:absolute;z-index:2;padding:7px 12px;background:#325c8c;border:1px solid #bfd8f535;border-radius:8px;color:#dceaff;font-size:12px;box-shadow:0 6px 15px #0e2d511f;transition:transform .3s}
.orbit-one{left:4%;top:14%}.orbit-two{right:0;top:29%}.orbit-three{left:18%;bottom:0}
@media(hover:hover){.home-hero:hover .orbit-one{transform:translate(2px,-4px)}.home-hero:hover .orbit-two{transform:translate(-2px,4px)}.home-hero:hover .orbit-three{transform:translate(4px,-2px)}}
.home-section-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:25px}
.home-section-head h2{color:#233f63;font-size:clamp(22px,1.9vw,28px);line-height:1.4;letter-spacing:-.025em;margin:8px 0 0}
.home-section-head p{font-size:14px;line-height:1.7;color:#7b8ca3;margin:0;max-width:260px}
.demo-label{flex:none;align-self:flex-start;font-size:11px;color:#6983a3;background:#edf3fa;border:1px solid #dce7f3;border-radius:7px;padding:6px 9px;margin-top:3px}
.home-demo{scroll-margin-top:105px;padding:30px 32px;background:#fff;border:1px solid #dfe7f1;border-radius:20px;box-shadow:0 6px 28px #28476e06}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:stretch}
.demo-conversation{min-width:0;display:flex;flex-direction:column}
.demo-tabs{display:flex;gap:5px;padding:4px;background:#f0f4f9;border:1px solid #e6edf6;border-radius:10px;width:fit-content;max-width:100%}
.demo-tabs button{border:0;background:transparent;border-radius:7px;padding:9px 12px;color:#6e83a0;font-size:12px;font-weight:650;white-space:nowrap;transition:background .2s,color .2s,box-shadow .2s}
.demo-tabs button:hover{color:#315f97;background:#ffffff80}.demo-tabs button[aria-selected=true]{background:#fff;color:#2e5c93;box-shadow:0 2px 7px #244e7f12}
.demo-dialog{padding:20px 0 13px}.dialog-caption{display:block;font-size:11px;color:#8797ab;margin-bottom:8px}
.demo-user{font-size:14px;line-height:1.75;color:#345375;padding:13px 16px;background:#f3f7fc;border:1px solid #e3ebf5;border-radius:12px 12px 3px 12px;margin:0 0 20px}
.demo-ai{display:flex;align-items:flex-start;gap:11px}.ai-mark{display:grid;place-items:center;flex:none;width:29px;height:29px;border-radius:9px;background:#e8f0fb;color:#4074b1;font-size:20px}.demo-ai b{font-size:14px;color:#2b4d75;line-height:1.7}.demo-ai p{font-size:13px;line-height:1.8;color:#7a8ba3;margin:5px 0 0}
.demo-stages{display:flex;flex-wrap:wrap;gap:7px;margin-top:auto;padding:7px 0 15px}.demo-stages span{font-size:11px;color:#8494a8;padding:6px 9px;border-radius:7px;border:1px solid #e6edf5;transition:color .25s,background .25s,border-color .25s}.demo-stages span.done{background:#eff5fc;border-color:#dbe8f6;color:#446c9d}.demo-stages span.active{border-color:#6594ce;background:#e8f1ff;color:#2e5f9a}
.demo-controls{display:flex;gap:13px;align-items:center;flex-wrap:wrap}.demo-controls button{padding:8px 11px;border-radius:8px;border:1px solid #d8e4f2;background:#fff;color:#416b9e;font-size:12px;display:inline-flex;align-items:center;gap:7px;transition:background .2s}.demo-controls button:hover{background:#edf4fd}.demo-controls button:disabled{cursor:default;opacity:.65}.demo-controls>span{font-size:11px;color:#92a0b2}
.demo-result{min-width:0;border-radius:14px;background:linear-gradient(145deg,#f6f9fe,#edf3fa);border:1px solid #e0e9f4;padding:17px 19px;display:flex;flex-direction:column}
.artifact-top{display:flex;justify-content:space-between;gap:10px;font-size:12px;color:#56789f;padding-bottom:13px;border-bottom:1px solid #dce6f2}.artifact-top>span:last-child{font-size:10px;color:#93a4ba}
#demo-artifact{flex:1;padding-top:15px;min-height:240px;transition:opacity .2s}.demo-result.running #demo-artifact{opacity:.45}
.demo-video{display:grid;grid-template-columns:1.2fr 1fr;gap:15px;align-items:stretch}.demo-poster{min-height:150px;padding:20px 17px;border-radius:10px;background:radial-gradient(circle at 85% 15%,#86b3ff80,transparent 50%),linear-gradient(140deg,#23456e,#427cb9);color:white;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.demo-poster:after{content:'';position:absolute;border:1px solid #b8d5ff50;right:-35px;bottom:-60px;width:180px;height:180px;transform:rotate(35deg);border-radius:22px}.demo-poster small{font-size:10px;color:#bed5f4;margin-bottom:12px}.demo-poster b{font-size:21px;line-height:1.5;position:relative;z-index:1}.demo-poster span{font-size:10px;color:#d4e5fa;margin-top:14px}.demo-shot-list{display:grid;gap:8px}.demo-shot-list div{display:flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1eaf4;border-radius:8px;padding:10px}.demo-shot-list i{font-style:normal;font-size:11px;color:#89a4c5}.demo-shot-list b{font-size:12px;color:#486a92}.demo-shot-list small{display:block;color:#92a2b6;font-size:10px;margin-top:4px}.artifact-summary{margin:14px 0 0;font-size:11px;line-height:1.6;color:#8193ab}
.demo-roadmap{display:grid;gap:9px}.demo-roadmap>div{display:flex;align-items:center;gap:12px;padding:12px 14px;background:#fff;border:1px solid #dfE8f3;border-radius:9px}.demo-roadmap i{font-style:normal;color:#7f9fc5;background:#eff4fb;border-radius:7px;padding:6px;font-size:12px}.demo-roadmap b{font-size:13px;color:#41648c}.demo-roadmap small{display:block;font-size:11px;color:#899cb3;margin-top:4px}
.home-capabilities{scroll-margin-top:105px}.capability-heading{margin:10px 0 32px}.home-story-grid{display:grid;grid-template-columns:1fr;gap:25px}
.story-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:40px;background:#fff;border:1px solid #dee7f2;border-radius:19px;box-shadow:0 4px 20px #28476e04;min-width:0}
.story-number{display:block;color:#7290b5;font-size:11px;font-weight:700;letter-spacing:.06em;margin-bottom:16px}
.story-copy{min-width:0}.story-copy h3{font-size:clamp(24px,2vw,31px);line-height:1.45;letter-spacing:-.025em;color:#223f66;margin:0 0 18px}.story-copy p{font-size:14px;line-height:1.95;color:#7a8da5;max-width:460px;margin:0}.story-points{display:flex;gap:8px 17px;flex-wrap:wrap;margin-top:24px}.story-points span{font-size:12px;color:#55789f;line-height:1.7}.story-points span:before{content:'✓';color:#8baacb;padding-right:5px}
.story-visual{min-width:0}.visual-caption{display:block;font-size:11px;color:#8a9db7;margin-bottom:16px;letter-spacing:.03em}.visual-footnote{display:block;font-size:10px;color:#99a8ba;line-height:1.6;margin-top:13px}
.learning-visual{padding:23px;border-radius:14px;background:#f3f7fc;border:1px solid #e3ecf7}.learning-step{display:flex;align-items:center;gap:12px;padding:14px 0;border-top:1px solid #e0e9f4}.learning-step>b{flex:none;color:#8ca8c8;font-size:12px;width:23px}.learning-step strong{display:block;color:#40638d;font-size:14px}.learning-step div>span{display:block;color:#8ca0b7;font-size:11px;margin-top:5px}.learning-check{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#e4edf9;color:#7196c2;font-size:12px}
.tool-visual{padding:22px;border-radius:14px;background:#f6f9fd}.tool-tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.tool-tiles>div{padding:17px;background:#fff;border:1px solid #e2eaf4;border-radius:10px;transition:transform .2s,border-color .2s,box-shadow .2s}.tool-tiles>div>span{display:grid;place-items:center;width:29px;height:29px;color:#6387b4;background:#eff4fb;border-radius:8px;margin-bottom:12px;font-size:17px}.tool-tiles b{display:block;font-size:13px;color:#486b93}.tool-tiles small{display:block;font-size:10px;color:#91a2b7;margin-top:5px}
.story-content{background:linear-gradient(105deg,#fff,#f7faff)}
.video-mock{position:relative;min-height:235px;border-radius:14px;background:radial-gradient(ellipse at 75% 20%,#538eca88,transparent 60%),linear-gradient(120deg,#163651,#315e90);overflow:hidden;padding:24px;color:#fff;box-shadow:0 12px 24px #27496918}.video-label{font-size:10px;color:#bed3ee}.video-mock-grid{position:absolute;inset:0;background:linear-gradient(#c6dfff08 1px,transparent 1px),linear-gradient(90deg,#c6dfff08 1px,transparent 1px);background-size:30px 30px}.video-mock-copy{position:relative;margin-top:24px}.video-mock-copy small{display:block;color:#bbd3ef;font-size:11px}.video-mock-copy strong{display:block;font-size:28px;line-height:1.5;letter-spacing:.06em;margin-top:9px}.video-subtitle{position:relative;display:inline-block;font-size:10px;color:#d4e4f6;border-top:1px solid #c6def540;margin-top:18px;padding-top:11px}.video-bars{position:absolute;right:25px;bottom:60px;display:flex;align-items:flex-end;gap:7px;height:120px;transform:skewY(-10deg)}.video-bars i{display:block;width:17px;background:linear-gradient(#b0d2f0b0,#6395ce20);border:1px solid #b2d6ff35;border-radius:4px;height:35%}.video-bars i:nth-child(2){height:55%}.video-bars i:nth-child(3){height:45%}.video-bars i:nth-child(4){height:80%}.video-bars i:nth-child(5){height:100%}
.video-workflow{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:18px;font-size:11px;color:#7994b4}.video-workflow i{flex:1;height:1px;background:#cfdeef}.video-workflow span{white-space:nowrap}
.leads-visual{padding:23px;background:#f5f8fd;border-radius:14px;border:1px solid #e2eaf5}.leads-filter{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:17px}.leads-filter span{font-size:10px;padding:5px 8px;border-radius:6px;background:#e7effa;color:#6384ae}.leads-sheet{border:1px solid #dce6f2;background:#fff;border-radius:9px;overflow:hidden}.leads-head,.lead-row{display:grid;grid-template-columns:1fr .85fr 1.2fr;gap:10px;align-items:center;padding:12px;font-size:10px;color:#8b9bb0}.leads-head{background:#edf3fb;color:#718ba9}.lead-row{border-top:1px solid #edf2f8;padding-top:17px;padding-bottom:17px}.lead-row b{font-size:11px;color:#4e6e96;font-weight:650}.lead-good,.lead-pending{border-radius:5px;padding:4px 5px;width:fit-content;white-space:nowrap}.lead-good{background:#edf5f2;color:#698c80}.lead-pending{background:#faf4e9;color:#ad9469}.lead-row.muted{opacity:.65}
.customer-visual{padding:22px;border-radius:14px;border:1px solid #e1eaf4;background:#f7faff}.customer-card{display:flex;gap:10px;align-items:center;margin-bottom:20px}.customer-avatar{display:grid;place-items:center;flex:none;width:34px;height:34px;background:#e3edf9;color:#6386b0;border-radius:10px}.customer-card b{display:block;font-size:12px;color:#466b94}.customer-card div>span{display:block;font-size:10px;color:#8ba0b9;margin-top:4px}.cloud-state{margin-left:auto;white-space:nowrap;font-size:10px;color:#759c8f}.chat-bubble{border-radius:10px;padding:13px 15px;max-width:93%;font-size:13px;line-height:1.7}.chat-bubble.foreign{background:#fff;border:1px solid #e0e9f4;color:#5f7b9d}.chat-bubble.foreign>span{display:block;padding-top:8px;border-top:1px solid #eaf0f8;margin-top:8px;font-size:11px;color:#99a9bc}.chat-bubble.suggestion{background:#e9f1fc;margin:13px 0 0 auto;color:#50759f}.chat-bubble.suggestion b{font-size:11px}.chat-bubble.suggestion p{font-size:12px;margin:6px 0 0}.customer-followup{font-size:10px;color:#90a2b8;margin-top:18px;line-height:1.7}.customer-followup>span{padding-right:4px;color:#7a9dbf}
.story-general{padding:30px 40px;grid-template-columns:1fr 1fr;min-height:0;background:#f7faff;gap:25px}.story-general .story-number{margin-bottom:9px}.story-general h3{font-size:23px;line-height:1.5;margin-bottom:10px}.story-general h3 br{display:none}.story-general p{font-size:13px}.free-tool-list{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.free-tool-list>span{display:flex;align-items:center;gap:9px;padding:12px 15px;background:#fff;border:1px solid #e1eaf5;border-radius:9px;color:#6485ac;font-size:12px}.free-tool-list b{color:#97b0cd;font-size:16px;font-weight:400}
.home-resources{display:grid;grid-template-columns:1fr 1fr;gap:42px;padding:40px;border-radius:20px;background:linear-gradient(115deg,#e4edf8,#edf3fb);border:1px solid #d6e3f2}.home-resources h2{font-size:clamp(24px,2vw,30px);color:#2b4b74;line-height:1.45;margin:0 0 18px;letter-spacing:-.025em}.home-resources p{font-size:14px;color:#748ba7;line-height:1.95;margin:0;max-width:460px}.resource-status{display:inline-block;font-size:10px;color:#859bb7;margin-top:18px}.resource-visual{align-self:center;display:grid;grid-template-columns:1fr 15px 1fr 15px 1fr;gap:7px;align-items:center}.resource-visual>div{background:#ffffffb0;border:1px solid #d5e2f1;border-radius:11px;text-align:center;padding:20px 8px}.resource-visual>div>span{display:block;font-size:10px;color:#849dbd;margin-bottom:10px}.resource-visual b{font-size:12px;font-weight:650;line-height:1.9;color:#54759f}.resource-plus{text-align:center;color:#a0b8d5;font-size:15px}.resource-visual p{grid-column:1/-1;margin-top:12px;text-align:center;font-size:11px;color:#92a7c1}
.home-demo button:focus-visible,.home-text-link:focus-visible{outline:3px solid #86b1e9;outline-offset:4px}
.visual-enter{animation:visual-enter .35s ease both}@keyframes visual-enter{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
.home-motion .home-reveal{opacity:0;transform:translateY(16px);transition:opacity .55s ease,transform .55s ease}.home-motion .home-reveal.is-visible{opacity:1;transform:none}
@media(hover:hover){.tool-tiles>div:hover{transform:translateY(-3px);border-color:#b9cfe9;box-shadow:0 7px 17px #345f9010}.story-panel:hover .visual-caption{color:#6587af}.story-panel:hover .learning-check{background:#dce9f8}.story-panel:hover .video-bars i{filter:brightness(1.12)}}
@media(min-width:1500px){.story-panel{gap:72px;padding:48px}.home-demo{padding:34px 40px}.demo-layout{gap:44px}}
@media(max-width:1180px){#dashboard .home-hero{grid-template-columns:1fr minmax(210px,.55fr);gap:15px;padding:28px!important}.story-panel{padding:30px;gap:26px}.home-resources{padding:30px;gap:26px}.home-demo{padding:26px}.demo-layout{gap:20px}.demo-tabs button{padding:8px;font-size:11px}.demo-video{grid-template-columns:1fr}.demo-shot-list{grid-template-columns:repeat(3,minmax(0,1fr))}.demo-shot-list div{padding:8px;gap:5px}.demo-shot-list small{font-size:9px}.demo-poster{min-height:130px}.demo-poster b br{display:none}}
@media(max-width:960px){#dashboard .home-hero{grid-template-columns:1fr}.hero-orbit{display:none}.story-panel,.home-resources{grid-template-columns:1fr;gap:28px}.story-copy p{max-width:none}.story-copy h3 br{display:none}.demo-layout{grid-template-columns:1fr}.demo-video{grid-template-columns:1.2fr 1fr}.demo-shot-list{grid-template-columns:1fr}.home-section-head{align-items:flex-start}.story-general{grid-template-columns:1fr;gap:19px}.free-tool-list{justify-content:flex-start}.story-visual{max-width:650px;width:100%}.home-resources p{max-width:none}}
@media(max-width:760px){#dashboard{gap:28px;padding-bottom:15px}#dashboard .home-hero{min-height:0!important;padding:26px 23px!important}#dashboard .home-hero h1{font-size:29px!important}#dashboard .home-hero p{font-size:14px!important}.home-demo{padding:23px 20px}.home-section-head{display:block;margin-bottom:22px}.home-section-head h2{font-size:22px}.demo-label{display:inline-block;margin-top:12px}.home-section-head p{margin-top:9px;font-size:13px;max-width:none}.demo-tabs{width:100%}.demo-tabs button{flex:1;padding:9px 6px;font-size:11px}.demo-user{font-size:13px}.demo-ai p{font-size:12px}.demo-result{padding:15px}.demo-stages{gap:5px}.demo-stages span{padding:6px;font-size:10px}.demo-controls>span{font-size:10px}.demo-video{grid-template-columns:1fr 1fr;gap:9px}.demo-poster{padding:15px 12px;min-height:153px}.demo-poster b{font-size:18px}.demo-poster b br{display:block}.demo-poster small{font-size:9px}.demo-shot-list b{font-size:11px}.home-story-grid{gap:19px}.capability-heading{margin:0 0 23px}.story-panel{padding:27px 23px;gap:25px}.story-number{margin-bottom:12px}.story-copy h3{font-size:25px;line-height:1.45;margin-bottom:14px}.story-copy p{font-size:14px;line-height:1.9}.story-points{margin-top:18px;gap:5px 12px}.story-points span{font-size:11px}.learning-visual,.tool-visual,.leads-visual,.customer-visual{padding:18px}.tool-tiles>div{padding:14px}.video-mock{min-height:210px;padding:22px}.video-mock-copy strong{font-size:25px}.video-bars{height:95px;right:20px}.leads-head,.lead-row{gap:7px;padding:11px 8px;grid-template-columns:1fr .8fr 1.15fr;font-size:9px}.lead-row b{font-size:10px}.customer-card{gap:7px}.customer-card div>span{font-size:9px}.cloud-state{font-size:9px}.story-general h3{font-size:23px}.free-tool-list{gap:7px}.free-tool-list>span{padding:9px 11px;font-size:11px}.home-resources{padding:28px 23px;gap:25px}.home-resources h2{font-size:25px}.home-resources p{font-size:14px}.resource-visual{gap:4px;grid-template-columns:1fr 12px 1fr 12px 1fr}.resource-visual>div{padding:15px 5px}.resource-visual b{font-size:11px}.resource-visual>div>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.home-motion .home-reveal{opacity:1;transform:none;transition:none}.visual-enter{animation:none}#dashboard *{transition:none!important;animation:none!important}}
.home-footer{padding:24px 12px 12px;text-align:center;color:#72849b;font-size:12px;line-height:1.9}.home-footer>div{display:flex;justify-content:center;gap:22px}.home-footer a{color:inherit}.home-footer a:hover{color:#315f97}.home-footer p{margin:9px 0 0}
/* 短栏目撑满视口，长栏目正常流动；嵌入工具仍使用原有满屏布局。 */
.maincol{display:flex;flex-direction:column;min-height:100dvh}
.maincol>.topbar{flex-shrink:0}
.maincol>.content:not(.catalog-mode){flex:1;display:flex;flex-direction:column;width:100%;margin:0 auto}
.content>.home-footer{margin-top:auto;flex-shrink:0;width:100%}

/* Keep text first in DOM; alternate only the desktop two-column stories. */
@media(min-width:961px){.story-panel:not(.story-general):nth-child(even) .story-copy{grid-column:2;grid-row:1}.story-panel:not(.story-general):nth-child(even) .story-visual{grid-column:1;grid-row:1}}
#dashboard[hidden]{display:none}