@charset "UTF-8";:root{--blue:#2980FE;--hover:#1768E8;--ink:#242e45;--muted:#69758a;--line:#e4eaf3;--soft:#f4f7fc;--gradient:linear-gradient(90deg,#3558F2 0%,#7B4EF1 50%,#B84DDA 100%)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.78 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei","PingFang SC",sans-serif;overflow-wrap:anywhere}img{max-width:100%;height:auto;object-fit:contain}a{color:#215dba;text-decoration:none;transition:color .18s ease,background .18s ease,transform .18s ease}a:hover{color:#144588}a:focus-visible,summary:focus-visible{outline:3px solid #80b6ff;outline-offset:4px}.container{width:min(100% - 36px,1200px);margin-inline:auto}h1,h2,h3{line-height:1.25;letter-spacing:-.028em;font-weight:600;margin:0 0 18px}h1{font-size:clamp(32px,5vw,52px)}h2{font-size:clamp(26px,3.5vw,36px)}h3{font-size:clamp(19px,2vw,23px)}p{margin:0 0 16px}small,.note{font-size:14px;color:var(--muted)}.eyebrow,.pill{font-size:13px;font-weight:600;letter-spacing:.04em}.pill{display:inline-flex;padding:5px 13px;border-radius:999px;background:#eaf2ff;color:#2967d8}.download-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 26px;border-radius:13px;background:#2980FE;color:#fff!important;font-weight:600;box-shadow:0 8px 20px rgba(41,128,254,.20);white-space:nowrap}.download-btn:hover{background:#1768E8;transform:translateY(-1px)}.text-link{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:15px}.text-link:after{content:'↗'}.site-header{position:relative;z-index:3;background:#fff;border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:74px}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:20px;font-weight:600;white-space:nowrap}.brand img{width:42px;height:42px;border-radius:10px;object-fit:cover}.brand b{color:#5369e9}.desktop-nav{display:none;flex-wrap:wrap;justify-content:flex-end;gap:15px}.desktop-nav a,.mobile-menu a{font-size:14px;color:#45536a}.desktop-nav a[aria-current],.mobile-menu a[aria-current]{color:#206cdd;font-weight:600}.mobile-menu{position:relative}.mobile-menu summary{cursor:pointer;color:#2e446c;padding:8px;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu nav{position:absolute;right:0;top:42px;display:grid;gap:2px;width:min(270px,85vw);background:white;border:1px solid var(--line);border-radius:16px;box-shadow:0 16px 36px #243c5e1f;padding:12px}.mobile-menu a{padding:8px 12px}.section{padding:clamp(50px,7vw,94px) 0}.section-soft{background:var(--soft)}.section-header{max-width:760px;margin-bottom:32px}.section-header p{color:var(--muted)}.connection-workspace-hero{padding:56px 0 64px;background:var(--gradient);color:#fff;overflow:hidden}.hero-grid{display:grid;gap:32px;align-items:center}.hero-copy p{max-width:580px;color:#f7f4ff}.hero-copy .eyebrow{color:#eef2ff}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center;margin:28px 0}.hero-copy .text-link{color:#fff}.hero-tags{display:flex;gap:8px;flex-wrap:wrap}.hero-tags span{border:1px solid #ffffff70;background:#ffffff18;padding:5px 13px;border-radius:99px;font-size:13px}.visual-stage{background:#ffffff22;border:1px solid #ffffff55;padding:16px;border-radius:28px;position:relative}.visual-stage>img{display:block;max-height:370px;margin:auto;border-radius:17px}.status-panel{background:#fff;color:var(--ink);border-radius:18px;padding:18px;box-shadow:0 10px 35px #33478128;margin-top:14px}.status-panel strong{display:block}.status-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px 12px;margin-top:10px;font-size:13px;color:#516079}.status-list span:before{content:'●';color:#2980fe;margin-right:6px;font-size:9px}.quick-task-entries,.connection-capability-overview,.risk-grid,.feature-grid,.scenario-grid,.process-steps{display:grid;grid-template-columns:1fr;gap:16px}.task-card,.capability-card,.risk-card,.mini-card,.step,.faq-item,.content-panel{border:1px solid var(--line);border-radius:23px;background:#fff;padding:24px}.task-card{box-shadow:0 7px 24px #3f5b7c0c;display:flex;flex-direction:column}.task-card p,.capability-card p,.mini-card p{color:var(--muted)}.task-card .text-link{margin-top:auto}.task-number{color:var(--blue);font-size:13px;font-weight:700}.capability-card.featured{background:#f3f7ff}.capability-card .text-link{margin-top:9px}.feature-split{display:grid;gap:30px;align-items:center}.image-shell{background:linear-gradient(145deg,#f0f4ff,#fafbfd);border:1px solid #e6ecfb;padding:22px;border-radius:30px;text-align:center}.image-shell img{max-height:390px;width:100%}.checks{list-style:none;padding:0;margin:18px 0;display:grid;gap:10px}.checks li{padding-left:25px;position:relative}.checks li:before{content:'✓';position:absolute;left:0;color:#2875d7;font-weight:700}.safety-panel{background:#f5f8ff;border-left:4px solid #2980fe;padding:22px 24px;border-radius:0 20px 20px 0}.hint-grid{display:grid;gap:12px;margin-top:20px}.hint-grid>*{padding:18px;background:#fff;border:1px solid var(--line);border-radius:18px}.process-steps{counter-reset:items}.step span{display:inline-flex;width:30px;height:30px;border-radius:50%;align-items:center;justify-content:center;background:#e8f1ff;color:#216fe4;font-weight:700;margin-bottom:12px}.risk-card{border-left:3px solid #2980fe}.risk-card p{color:var(--muted);font-size:15px}.faq-stack{display:grid;gap:12px}.faq-item{padding:0}.faq-item summary{padding:18px 22px;cursor:pointer;font-weight:600}.faq-item p{padding:0 22px 20px;margin:0;color:var(--muted)}.cta-section{background:var(--gradient);color:#fff;border-radius:30px;text-align:center;padding:clamp(35px,6vw,65px) 24px}.cta-section p{color:#f1ecff;max-width:650px;margin:0 auto 24px}.site-footer{background:#f6f8fc;border-top:1px solid var(--line);padding:42px 0}.footer-inner{display:grid;gap:16px}.footer-inner>div{max-width:580px}.footer-inner p{font-size:14px;color:var(--muted);margin-top:8px}.site-footer nav{display:flex;gap:12px 20px;flex-wrap:wrap;font-size:14px}.site-footer small{color:#8290a1}.inner-hero{background:#f5f7ff;padding:55px 0;border-bottom:1px solid var(--line)}.inner-hero .container{max-width:1200px}.inner-hero p{max-width:780px;color:#596982;font-size:17px}.article-layout{display:grid;gap:28px}.article-body{max-width:780px}.article-body>p{font-size:16px;line-height:1.87;color:#47546a}.article-body h2{font-size:25px;margin-top:30px}.side-panel{background:#f7f9ff;border:1px solid #e8edf8;border-radius:23px;padding:24px;align-self:start}.side-panel ul{padding-left:18px}.side-panel li{margin:7px 0}.inner-download{margin-top:30px}.breadcrumb{font-size:13px;color:#75859d;margin-bottom:16px}.breadcrumb a{color:#6780ae}.intro-lead{font-size:19px!important;color:#293d5a!important}.feature-grid{margin-top:22px}.mini-card h3{font-size:18px}.image-inset{width:100%;max-height:310px;background:#f5f7ff;padding:12px;border-radius:18px;margin-top:20px}@media(min-width:650px){.quick-task-entries,.feature-grid,.scenario-grid,.risk-grid,.process-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.connection-capability-overview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:960px){.mobile-menu{display:none}.desktop-nav{display:flex}.hero-grid,.feature-split{grid-template-columns:1.04fr .96fr}.feature-split.reverse>.image-shell{order:-1}.visual-stage{padding:24px}.quick-task-entries{grid-template-columns:repeat(4,minmax(0,1fr))}.connection-capability-overview{grid-template-columns:repeat(4,minmax(0,1fr))}.capability-card.featured{grid-column:span 2}.feature-grid,.scenario-grid,.risk-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-steps{grid-template-columns:repeat(3,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 280px}.side-panel{position:sticky;top:24px}.footer-inner{grid-template-columns:1fr 1fr}.footer-inner small{grid-column:1/-1}}@media(max-width:420px){.container{width:min(100% - 28px,1200px)}.task-card,.capability-card,.risk-card,.mini-card,.step,.content-panel{padding:19px}.connection-workspace-hero{padding:42px 0}.status-panel{padding:13px}.status-list{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
