/* V3.56 · index.html 专用视觉层。仅作用于 .entry-page，不影响其它终端。 */
:root { color-scheme: light; }
html {scroll-behavior:smooth}
body.entry-page {margin:0;min-width:320px;background:#f3f5fa;color:#17223a;font-family:var(--ui-font,"Microsoft YaHei","PingFang SC",system-ui,sans-serif);-webkit-font-smoothing:antialiased}
.entry-page * {box-sizing:border-box}
.entry-page svg {display:block;max-width:none}
.entry-page a {text-decoration:none;color:inherit}
.entry-shell {max-width:1456px;margin:0 auto;padding:0 54px}
.skip-link {position:absolute;top:-100px;left:20px;background:#fff;padding:12px 20px;border-radius:12px;z-index:20;box-shadow:0 12px 28px #071b3460}
.skip-link:focus {top:12px}
.topbar {height:100px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.brand-lockup {display:flex;align-items:center;gap:13px;min-width:0}
.brand-mark {display:grid;place-items:center;width:47px;height:47px;flex:none;border-radius:14px;color:#fff;background:#192946;box-shadow:0 8px 22px #1d30532b}
.brand-mark svg {width:35px;height:35px}
.brand-name {display:flex;flex-direction:column;gap:1px;min-width:0}
.brand-name strong {font-size:clamp(13px,1.25vw,17px);line-height:1.35;letter-spacing:.55px;font-weight:780;color:#14233e}
.brand-name span {font:600 9px/1.6 ui-sans-serif,system-ui,sans-serif;letter-spacing:1.65px;color:#8290a6}
.topbar-meta {display:flex;align-items:center;gap:22px;color:#77839a;font-size:12px;font-weight:600;letter-spacing:.15px;white-space:nowrap}
.mode-indicator {display:inline-flex;align-items:center;gap:9px;color:#3c5567}
.mode-indicator i {width:7px;height:7px;border-radius:50%;background:#15a880;box-shadow:0 0 0 4px #15a88016}
.topbar-divider {height:17px;width:1px;background:#dce2eb}
.version-tag {font:700 11px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:1.1px;color:#687791}
.hero {position:relative;isolation:isolate;overflow:hidden;min-height:398px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.92fr);background:linear-gradient(112deg,#111e35 2%,#162945 55%,#203656 100%);color:#fff;border:1px solid #273d5d;border-radius:26px;box-shadow:0 24px 52px #20375520}
.hero::before {content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:62px 62px;opacity:.28;mask-image:linear-gradient(to left,#000,transparent 82%);pointer-events:none}
.hero-light {position:absolute;pointer-events:none;border-radius:50%;filter:blur(5px)}
.hero-light-one {right:3%;top:-50%;width:490px;height:490px;background:radial-gradient(circle,#4b8cce45,transparent 66%)}
.hero-light-two {left:-13%;bottom:-100%;width:600px;height:600px;background:radial-gradient(circle,#2e5a8736,transparent 60%)}
.hero-copy {z-index:1;padding:59px 28px 46px 65px;min-width:0}
.eyebrow {display:flex;align-items:center;gap:12px;font:700 10px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:2.1px;color:#97c1ee}
.eyebrow-line {width:26px;height:1px;background:#77abe3}
.hero-copy h1 {margin:22px 0 18px;font-size:clamp(33px,3vw,47px);font-weight:750;letter-spacing:1.1px;line-height:1.35;color:#f7faff}
.hero-copy h1 span {color:#c6def8}
.hero-lead {max-width:520px;margin:0;color:#aebed2;font-size:14px;line-height:2;letter-spacing:.25px}
.hero-separator {max-width:470px;height:1px;margin:29px 0 22px;background:linear-gradient(90deg,#557392,transparent)}
.hero-highlights {display:flex;flex-wrap:wrap;gap:22px}
.highlight {display:flex;align-items:center;gap:8px;font-size:11px;font-weight:580;letter-spacing:.1px;color:#b7c8dd;white-space:nowrap}
.highlight svg {width:18px;height:18px;stroke:#84b6ee;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.hero-visual {z-index:1;display:flex;position:relative;align-items:center;justify-content:center;min-width:0;padding:40px 42px 36px 12px}
.orbit-ring {position:absolute;border:1px solid #7baee21c;border-radius:50%;pointer-events:none}
.orbit-ring-outer {width:440px;height:440px;right:-20px;top:-10px}
.orbit-ring-inner {width:326px;height:326px;right:38px;top:48px}
.orbit-spark {position:absolute;width:7px;height:7px;border-radius:50%;background:#76baf8;box-shadow:0 0 24px #7fbfff99}
.spark-one {right:91px;top:51px}.spark-two {right:5px;bottom:78px;background:#8ed9ca}
.visual-panel {width:min(100%,392px);position:relative;z-index:2;border-radius:17px;overflow:hidden;background:linear-gradient(145deg,#ffffff16,#ffffff0b);box-shadow:0 25px 65px #020c1b52,0 0 0 1px #ffffff2b;backdrop-filter:blur(8px);padding:0 23px 19px}
.visual-header {height:42px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid #ffffff16;color:#8daecf;font:700 9px/1.4 ui-sans-serif,system-ui,sans-serif;letter-spacing:1.5px}
.visual-window-dots {display:flex;gap:5px}.visual-window-dots i {width:5px;height:5px;border-radius:50%;background:#a7c3df66}.visual-window-dots i:first-child {background:#86c6fd}
.visual-signal {width:8px;height:8px;border:1px solid #7dc7bf;border-radius:50%;box-shadow:0 0 12px #6acfc4}
.visual-label {margin:22px 0 5px;color:#aec7dd;font-size:11px}
.visual-heading {font-size:21px;font-weight:710;letter-spacing:.4px;color:#eff7ff}
.visual-track {height:75px;display:flex;align-items:center;gap:8px;position:relative}
.track-center {width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:#5a92c52a;border:1px solid #90c7fe5d;color:#d0e9ff;flex:none}
.track-center svg {width:23px;height:23px;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.visual-track>span {display:block;flex:1;max-width:62px;height:1px;background:linear-gradient(90deg,#a4d3f8a6,#adcdf022);position:relative}
.visual-track>span::after {content:"";position:absolute;right:0;top:-3px;width:7px;height:7px;border:1px solid #aedafa;border-radius:2px;background:#3b6186}
.visual-module-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.visual-module-grid span {border:1px solid #b9daf01d;border-radius:8px;background:#d9eaff0b;padding:10px 0;text-align:center;color:#d7e4f4;font-size:11px;font-weight:550}
.visual-footer {display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:20px;padding-top:15px;border-top:1px solid #ffffff1d;color:#91adc6;font:700 9px/1.3 ui-sans-serif,system-ui,sans-serif;letter-spacing:.6px}
.visual-footer>span:first-child {display:flex;align-items:center;gap:6px}.visual-footer i {width:6px;height:6px;background:#5aceb2;border-radius:50%}
.visual-footer b {color:#abdaff;font-size:15px;font-weight:400;margin-left:4px}
.visual-floating {position:absolute;z-index:3;color:#c7dcf0;border:1px solid #b4d5ee36;background:#263d59;box-shadow:0 8px 22px #06142542;border-radius:8px;padding:11px 13px;font:700 9px/1.2 ui-sans-serif,system-ui,sans-serif;letter-spacing:1px;white-space:nowrap}
.float-top {top:35px;right:20px;transform:rotate(5deg)}.float-top b {color:#9bd2fa;margin-left:4px}.float-bottom {bottom:26px;left:5px;transform:rotate(-4deg);display:flex;align-items:center;gap:7px}.float-bottom i {width:6px;height:6px;border-radius:50%;background:#6dddbb}
.hero-bottom-rule {position:absolute;bottom:0;left:9%;right:9%;height:2px;background:linear-gradient(90deg,transparent,#70b3ef77,#7be1d37a,transparent)}
.workspace-section {padding:54px 0 48px}
.section-heading {display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin:0 0 27px}
.section-eyebrow {color:#7892b5;font:750 10px/1.6 ui-sans-serif,system-ui,sans-serif;letter-spacing:2px}
.section-eyebrow span {color:#b9c5d4;padding:0 8px}
.section-heading h2 {margin:9px 0 7px;font-size:28px;line-height:1.45;font-weight:760;letter-spacing:.3px;color:#1c2942}
.section-heading p {margin:0;color:#7e8ca1;font-size:13px;line-height:1.8}
.space-counter {min-width:143px;padding:0 0 4px;text-align:right;white-space:nowrap}
.space-counter>span {display:block;font:700 9px/1.7 ui-sans-serif,system-ui,sans-serif;letter-spacing:1.1px;color:#9aabc1}
.space-counter strong {font:750 29px/1.2 ui-sans-serif,system-ui,sans-serif;color:#263d63;letter-spacing:1px}
.space-counter strong span {font-size:17px;color:#bac6d5;font-weight:550}
.workspace-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.workspace-card {--accent:#527de5;--tint:#eaf0ff;position:relative;display:flex;flex-direction:column;min-width:0;min-height:236px;padding:23px 25px 18px;border-radius:17px;background:#fff;border:1px solid #e0e6ee;box-shadow:0 6px 18px #22375408;overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.workspace-card::before {content:"";position:absolute;left:25px;right:25px;top:0;height:2px;background:var(--accent);opacity:0;transform:scaleX(.4);transition:opacity .2s ease,transform .2s ease}
.workspace-card:hover {transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 43%,#e0e6ee);box-shadow:0 18px 38px #1a375320}
.workspace-card:hover::before,.workspace-card:focus-visible::before {opacity:1;transform:scaleX(1)}
.workspace-card:focus-visible {outline:3px solid #82b9ff;outline-offset:3px}
.accent-blue {--accent:#4982ca;--tint:#eaf3fe}.accent-cyan {--accent:#229ca5;--tint:#e6f7f6}.accent-violet {--accent:#8468cf;--tint:#f2eefe}.accent-teal {--accent:#269b89;--tint:#e5f7f1}.accent-amber {--accent:#c48b43;--tint:#fbf2e5}
.card-top {display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.card-icon {width:46px;height:46px;flex:none;border-radius:12px;background:var(--tint);color:var(--accent);display:grid;place-items:center}
.card-icon svg {width:23px;height:23px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}
.card-index {font:750 11px/1.5 ui-sans-serif,system-ui,sans-serif;letter-spacing:.7px;color:#7e8ba0}.card-index i {color:#b0bccd;font-size:9px;font-style:normal;font-weight:650;letter-spacing:.5px}
.card-body {flex:1;padding:16px 0 20px}.card-body h3 {margin:0 0 8px;font-size:19px;line-height:1.5;color:#1d2940;font-weight:760;letter-spacing:.3px}.card-body p {margin:0;max-width:340px;line-height:1.8;font-size:12px;color:#7a889c;overflow-wrap:anywhere}
.card-bottom {border-top:1px solid #eef1f5;display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:10px}
.card-bottom>span:first-child {font-size:11px;color:#748399;font-weight:600;letter-spacing:.1px}
.card-arrow {display:grid;place-items:center;width:29px;height:29px;background:#f3f6fb;border-radius:50%;color:#7d91aa;transition:background .2s,color .2s,transform .2s}
.card-arrow svg {width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.workspace-card:hover .card-arrow,.workspace-card:focus-visible .card-arrow {color:#fff;background:var(--accent);transform:translateX(2px)}
.entry-footer {border-top:1px solid #e2e7ef;min-height:79px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#8c98ab;font-size:11px}
.footer-left,.footer-right {display:flex;align-items:center;gap:10px}.footer-glyph {font-size:15px;color:#879bb8}.footer-dot {color:#bec9d6}
@media (max-width:1170px) {
  .entry-shell {padding:0 36px}
  .hero {grid-template-columns:minmax(0,1fr) minmax(305px,.88fr)}
  .hero-copy {padding-left:43px}
  .hero-highlights {gap:12px}
  .hero-visual {padding-right:24px}
  .workspace-card {padding-left:21px;padding-right:21px}
}
@media (max-width:900px) {
  .entry-shell {padding:0 25px}
  .topbar {height:84px}
  .hero {grid-template-columns:1fr;min-height:unset}
  .hero-copy {padding:44px 42px 30px}
  .hero-copy h1 {font-size:39px}
  .hero-visual {display:none}
  .workspace-grid {grid-template-columns:repeat(2,minmax(0,1fr))}
  .workspace-section {padding-top:43px}
}
@media (max-width:600px) {
  .entry-shell {padding:0 15px}
  .topbar {height:74px;gap:8px}
  .brand-mark {width:41px;height:41px;border-radius:12px}.brand-mark svg {width:32px;height:32px}
  .brand-lockup {gap:7px}.brand-name strong {font-size:clamp(10px,3.1vw,14px);letter-spacing:0;overflow-wrap:anywhere}.brand-name span {font-size:7px;letter-spacing:1px}
  .topbar-meta {gap:8px;flex:none}.topbar-divider,.mode-indicator {display:none}.version-tag {font-size:9px}
  .hero {border-radius:19px}
  .hero-copy {padding:35px 24px 29px}
  .hero-copy h1 {font-size:clamp(29px,7.6vw,39px);margin:21px 0 14px}
  .hero-lead {font-size:12px;line-height:1.9}
  .eyebrow {font-size:8px;letter-spacing:1.25px;gap:8px}.eyebrow-line {width:16px}
  .hero-separator {margin:22px 0 18px}
  .hero-highlights {gap:12px 15px}.highlight {font-size:10px}.highlight svg {width:16px;height:16px}
  .workspace-section {padding:35px 0 32px}
  .section-heading {align-items:flex-start;margin-bottom:19px}
  .section-heading h2 {font-size:23px}.section-heading p {font-size:12px}
  .space-counter {display:none}
  .workspace-grid {grid-template-columns:1fr;gap:12px}
  .workspace-card {min-height:195px;padding:21px 22px 15px}
  .card-body {padding:12px 0 16px}.card-body h3 {font-size:18px;margin-bottom:5px}.card-body p {font-size:12px;max-width:none}
  .entry-footer {min-height:86px;flex-direction:column;justify-content:center;align-items:flex-start;gap:5px;font-size:10px}
}
@media (prefers-reduced-motion:reduce) {
  .entry-page *, .entry-page *::before,.entry-page *::after {transition:none!important;scroll-behavior:auto!important}
}