:root{--teal:#08a99a;--teal-dark:#075f59;--teal-deep:#073b39;--teal-soft:#d8f5ef;--teal-pale:#effaf7;--ink:#102c2a;--muted:#5c7774;--line:#b9d8d2;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--teal-pale);font-family:"Segoe UI","Microsoft YaHei UI",sans-serif;line-height:1.67}a{color:inherit;text-decoration:none}img{max-width:100%}.efficiency-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}
.efficiency-header{position:sticky;top:0;z-index:50;border-bottom:1px solid #95c9c1;background:rgba(239,250,247,.94);backdrop-filter:blur(13px)}.efficiency-nav{min-height:68px;display:grid;grid-template-columns:auto 1fr auto;gap:30px;align-items:center}.efficiency-brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900}.efficiency-brand img{display:block;width:34px;height:34px;object-fit:contain}.efficiency-links{display:flex;justify-content:center;gap:clamp(18px,3vw,38px);color:var(--muted);font-size:13px;font-weight:800}.efficiency-links a:hover{color:var(--teal)}
.efficiency-button{display:inline-flex;align-items:center;justify-content:center;min-width:170px;min-height:52px;padding:0 24px;border:1px solid var(--teal);border-radius:8px;color:#fff;background:var(--teal);font-weight:900;white-space:nowrap;word-break:keep-all;writing-mode:horizontal-tb;transition:transform .2s ease,filter .2s ease}.efficiency-button:hover{filter:brightness(1.06);transform:translateY(-2px)}.efficiency-button--small{min-width:125px;min-height:40px;padding-inline:15px}.efficiency-text-link{color:var(--teal-dark);font-weight:900}a:focus-visible,summary:focus-visible{outline:3px solid #43d9ca;outline-offset:4px}
.connect-hero{padding:35px 0;background:linear-gradient(180deg,#e1f8f3,#bcebe3)}.connect-panel{position:relative;min-height:790px;overflow:hidden;border:1px solid #82bfb5;border-radius:10px;background:linear-gradient(90deg,rgba(8,169,154,.06) 1px,transparent 1px),linear-gradient(rgba(8,169,154,.06) 1px,transparent 1px),#effaf7;background-size:42px 42px;box-shadow:0 22px 60px rgba(7,95,89,.14)}
.utility-bar{display:grid;grid-template-columns:1fr auto 1fr;padding:11px 18px;border-bottom:1px solid var(--line);background:#d9f3ee;color:var(--teal-dark);font-size:9px;font-weight:800}.utility-bar b{text-align:center}.utility-bar em{text-align:right;font-style:normal}.connect-heading{position:absolute;z-index:5;top:78px;left:6%;width:52%}.efficiency-label{margin:0 0 12px;color:var(--teal);font-size:9px;font-weight:900;letter-spacing:.15em}.connect-heading h1,.task-layout h2,.shortcut-layout h2,.completion-layout h2,.platform-copy h2,.ability-layout h2,.fix-layout h2,.guide-layout h2,.faq-layout h2,.callout-layout h2{margin:0;font-family:"Arial Narrow","Microsoft YaHei UI",sans-serif;font-size:clamp(52px,6.3vw,84px);line-height:.96;letter-spacing:-.055em;text-wrap:balance}
.connect-control{position:absolute;z-index:4;top:90px;right:5%;width:440px;height:440px}.control-orbit{position:absolute;inset:0;border:2px solid #76c9be;border-radius:50%;box-shadow:inset 0 0 0 24px rgba(8,169,154,.07),0 0 0 10px rgba(255,255,255,.6)}.control-orbit::before,.control-orbit::after{content:"";position:absolute;top:50%;left:50%;border:1px dashed #73bdb4;border-radius:50%;transform:translate(-50%,-50%)}.control-orbit::before{width:330px;height:330px}.control-orbit::after{width:210px;height:210px}.control-orbit i{position:absolute;top:50%;left:50%;width:10px;height:10px;border-radius:50%;background:var(--teal);transform-origin:0 0}.control-orbit i:nth-child(1){transform:rotate(0deg) translateX(215px)}.control-orbit i:nth-child(2){transform:rotate(90deg) translateX(215px)}.control-orbit i:nth-child(3){transform:rotate(180deg) translateX(215px)}.control-orbit i:nth-child(4){transform:rotate(270deg) translateX(215px)}.connect-control figure{position:absolute;top:48px;left:50%;width:160px;height:auto;margin:0;padding:0;transform:translateX(-50%);align-self:center;overflow:visible}.connect-control figure img,.platform-preview img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none;transform:none}.connect-control>a{position:absolute;right:90px;bottom:38px;left:90px;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100px;border:1px solid #08786f;border-radius:50%;color:#fff;background:var(--teal);box-shadow:0 10px 30px rgba(8,169,154,.3)}.connect-control>a span,.connect-control>a small{font-size:8px}.connect-control>a b{font-size:22px}
.quick-rail{position:absolute;right:4%;bottom:72px;left:4%;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);background:#fff}.quick-rail a{display:flex;gap:13px;padding:18px;border-right:1px solid var(--line)}.quick-rail a:last-child{border:0}.quick-rail span{color:var(--teal);font-size:9px}.quick-rail b{font-size:12px}.connect-note{position:absolute;bottom:25px;left:4%;margin:0;color:#62847f;font-size:9px}
.task-section{padding:clamp(105px,13vw,165px) 0;background:#fff}.task-layout{display:grid;grid-template-columns:.68fr 1.32fr;gap:clamp(50px,8vw,105px)}.task-layout h2,.shortcut-layout h2,.completion-layout h2,.platform-copy h2,.ability-layout h2,.fix-layout h2,.guide-layout h2,.faq-layout h2{font-size:clamp(40px,5vw,68px)}.task-layout header>p:last-child{color:var(--muted)}.task-lanes{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.task-lanes li{display:grid;grid-template-columns:140px 1fr 60px;gap:20px;align-items:center;padding:19px 0;border-bottom:1px solid var(--line)}.task-lanes span{color:var(--teal);font-size:10px;font-weight:900}.task-lanes i{height:2px;background:var(--teal);position:relative}.task-lanes i::after{content:"";position:absolute;right:0;top:-3px;border:4px solid transparent;border-left-color:var(--teal)}
.shortcut-section{padding:clamp(100px,12vw,150px) 0;background:var(--teal-soft)}.shortcut-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:60px}.shortcut-board{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid #75bbb1;background:#fff}.shortcut-primary{padding:45px;border-right:1px solid var(--line)}.shortcut-primary span{color:var(--teal);font-size:9px;font-weight:900}.shortcut-primary h3{margin:60px 0 10px;font-size:32px}.shortcut-primary p{color:var(--muted)}.shortcut-primary a{color:var(--teal-dark);font-weight:900}.shortcut-board ul{list-style:none;margin:0;padding:0}.shortcut-board li{display:grid;grid-template-columns:70px 1fr;gap:20px;padding:19px 25px;border-bottom:1px solid var(--line)}.shortcut-board li:last-child{border:0}.shortcut-board b{color:var(--teal)}.shortcut-board span{color:var(--muted)}
.completion-section{padding:clamp(100px,12vw,150px) 0;background:var(--teal-deep)}.completion-layout>header{display:grid;grid-template-columns:.4fr 1.6fr;gap:38px;margin-bottom:60px;color:#fff}.completion-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#35716c}.completion-strip article{padding:30px;background:#0c4a46;color:#fff}.completion-strip span{color:#68dfd2;font-size:9px;font-weight:900}.completion-strip h3{margin:50px 0 8px}.completion-strip p{color:#a7cfca}
.platform-section{padding:clamp(100px,12vw,150px) 0;background:#eff8f6}.platform-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,100px);align-items:center}.platform-copy>p:not(.efficiency-label){color:var(--muted)}.platform-copy nav{display:flex;flex-wrap:wrap;gap:6px;margin:28px 0}.platform-copy nav a{padding:7px 11px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--teal-dark);font-size:9px;font-weight:900}.platform-preview{align-self:center;height:auto;margin:0;padding:0;border:1px solid var(--line);border-radius:10px;background:#fff;overflow:visible;transform:none}.platform-preview figcaption{display:flex;justify-content:space-between;padding:9px 13px;border-bottom:1px solid var(--line);color:var(--muted);font-size:9px}
.ability-section{padding:clamp(100px,12vw,150px) 0;background:#fff}.ability-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.ability-layout dl{margin:0;border-top:1px solid var(--line)}.ability-layout dl>div{display:grid;grid-template-columns:150px 1fr;gap:25px;padding:19px 0;border-bottom:1px solid var(--line)}.ability-layout dt{color:var(--teal-dark);font-weight:900}.ability-layout dd{margin:0;color:var(--muted)}
.fix-section{padding:clamp(100px,12vw,150px) 0;background:#d9f1ec}.fix-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.fix-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.fix-row article{padding:23px;border:1px solid #a6d2cb;background:#effaf7}.fix-row b{color:var(--teal)}.fix-row p{color:var(--muted)}.fix-layout>.efficiency-text-link{grid-column:2}
.efficiency-guides{padding:clamp(100px,12vw,150px) 0;background:#fff}.guide-layout{display:grid;grid-template-columns:.65fr 1.35fr;gap:clamp(50px,8vw,105px)}.guide-layout>div{border-top:1px solid var(--line)}.guide-layout article{display:grid;grid-template-columns:65px 1fr 1fr 55px;gap:20px;padding:19px 0;border-bottom:1px solid var(--line)}.guide-layout span,.guide-layout a{color:var(--teal-dark);font-weight:900}.guide-layout h3,.guide-layout p{margin:0}.guide-layout p{color:var(--muted)}.guide-layout a{text-align:right}
.efficiency-faq{padding:clamp(100px,12vw,150px) 0;background:#eef8f5}.faq-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:clamp(50px,8vw,105px)}.faq-layout>div{border-top:1px solid var(--line)}.faq-layout details{border-bottom:1px solid var(--line)}.faq-layout summary{padding:20px 0;cursor:pointer;list-style:none;font-weight:900}.faq-layout summary::-webkit-details-marker{display:none}.faq-layout details p{margin:0 0 20px;color:var(--muted)}
.efficiency-callout{padding:72px 0;background:var(--teal)}.callout-layout{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:end;color:#fff}.callout-layout .efficiency-label{color:#bffbf3}.callout-layout h2{max-width:17ch}.efficiency-button--dark{border-color:var(--teal-deep);background:var(--teal-deep)}
.efficiency-footer{padding:52px 0 22px;color:#fff;background:#052b29}.footer-layout{display:grid;grid-template-columns:1.5fr .6fr .6fr;gap:46px}.footer-layout h3{margin:0 0 10px;color:#6ce8da;font-size:12px}.footer-layout>div>a:not(.efficiency-brand){display:block;margin:7px 0;color:#9bc2bd;font-size:12px}.footer-layout>div:first-child p{color:#9bc2bd;font-size:12px}.copyright{grid-column:1/4;margin:20px 0 0;padding-top:18px;border-top:1px solid #32605c;color:#6f9b96;font-size:10px}
@media(max-width:900px){.connect-heading{width:58%}.connect-control{right:2%;width:390px;height:390px}.task-layout,.platform-layout,.ability-layout,.fix-layout,.guide-layout,.faq-layout{grid-template-columns:1fr}.fix-layout>.efficiency-text-link{grid-column:auto}.guide-layout article{grid-template-columns:65px 1fr}.guide-layout p{grid-column:2}.guide-layout a{grid-column:2;text-align:left}}
@media(max-width:680px){.efficiency-shell{width:min(100% - 24px,1200px)}.efficiency-nav{grid-template-columns:auto auto}.efficiency-nav>.efficiency-button{display:none}.efficiency-links{grid-column:1/3;grid-row:2;justify-content:flex-start;overflow-x:auto;padding:10px 0}.connect-panel{min-height:1040px}.utility-bar{grid-template-columns:1fr auto}.utility-bar em{display:none}.connect-heading{top:65px;width:88%}.connect-heading h1{font-size:clamp(44px,13vw,62px)}.connect-control{top:340px;right:50%;width:360px;height:360px;transform:translateX(50%)}.quick-rail{grid-template-columns:1fr 1fr;bottom:75px}.quick-rail a:nth-child(2){border-right:0}.connect-note{bottom:25px}.task-lanes li{grid-template-columns:1fr;gap:6px}.task-lanes i{display:none}.shortcut-layout>header,.completion-layout>header{grid-template-columns:1fr}.shortcut-board{grid-template-columns:1fr}.shortcut-primary{border-right:0;border-bottom:1px solid var(--line)}.completion-strip{grid-template-columns:1fr}.ability-layout dl>div{grid-template-columns:1fr;gap:5px}.fix-row{grid-template-columns:1fr}.guide-layout article{grid-template-columns:1fr}.guide-layout p,.guide-layout a{grid-column:auto}.callout-layout{grid-template-columns:1fr}.callout-layout .efficiency-button{width:100%}.footer-layout{grid-template-columns:1fr 1fr}.footer-layout>div:first-child{grid-column:1/3}.copyright{grid-column:1/3}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.efficiency-button{transition:none}}
.connect-control figure,.platform-preview{align-self:center;height:auto;padding:0;margin-top:0;margin-bottom:0;overflow:visible}.connect-control figure img,.platform-preview img{display:block;width:100%;height:auto;min-height:0;max-height:none;margin:0;padding:0;object-fit:contain;object-position:center;clip-path:none}