*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:#f7f8fa;color:#162025;font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #42cda8;outline-offset:7px}::selection{background:#b9f3db}.nav{max-width:1440px;margin:auto;height:88px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e3e7e9;gap:28px}.wordmark{font-size:17px;font-weight:650;display:flex;align-items:center;gap:10px}.site-mark{font-size:27px;letter-spacing:-5px;margin-right:6px}.site-mark span{color:#16946a}.nav nav{display:flex;gap:32px;font-size:13px;color:#596368}.nav nav a:hover{color:#14916c}.nav-note{font-size:12px;color:#929b9f}.intro{max-width:1328px;margin:auto;position:relative;padding:72px 20px 0}.eyebrow{font-size:12px;letter-spacing:1px;color:#63716e;display:flex;align-items:center;gap:9px}.eyebrow>span{height:6px;width:6px;background:#15986f;border-radius:50%}.intro h1{font-size:clamp(40px,5.1vw,72px);line-height:1.23;letter-spacing:-2.6px;font-weight:600;margin:26px 0}.accent{color:#148269}.intro-description{font-size:16px;color:#6b757a;line-height:1.9;margin:0}.explore{display:inline-flex;gap:42px;align-items:center;margin-top:28px;font-size:14px;font-weight:600;border-bottom:1px solid #263d33;padding-bottom:9px}.explore span{transition:transform .25s}.explore:hover span{transform:translate(3px,3px)}.intro-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-bottom:19px;font-size:10px;letter-spacing:1.4px;color:#8b949a}.intro-bottom span:last-child{letter-spacing:1px}.platforms{max-width:1328px;margin:0 auto;display:grid;gap:24px;padding:0 20px}.platform{position:relative;isolation:isolate;min-height:410px;border-radius:22px;overflow:hidden;color:#fff;transition:transform .35s,box-shadow .35s;scroll-margin-top:30px}.platform:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at var(--x,50%) var(--y,60%),#ffffff18,transparent 55%);opacity:0;transition:opacity .4s}.platform:hover:before{opacity:1}.platform:hover{transform:translateY(-4px);box-shadow:0 20px 36px -22px var(--glow)}.doubao{--glow:#2779ef;background:linear-gradient(180deg,#031d43 0%,#0759c4 65%,#599efa 100%)}.workbuddy{--glow:#00bc99;background:linear-gradient(180deg,#043b49 0%,#008d7c 62%,#00cfa1 100%)}.qwen{--glow:#1ec879;background:radial-gradient(ellipse at 50% 120%,#158951 0%,transparent 65%),linear-gradient(#080e0b,#00321e)}.platform-top{position:absolute;top:25px;left:30px;right:30px;display:flex;justify-content:space-between;color:#ffffffae;font-size:11px;letter-spacing:1px}.platform-content{text-align:center;padding:29px 32px 82px}.brand-icon{width:96px;height:96px;position:relative;overflow:hidden;border-radius:22px;margin:0 auto 23px}.brand-icon img{width:100%;height:100%;object-fit:contain}.workbuddy-icon img{position:absolute;height:96px;width:auto;max-width:none;left:0;top:0}.doubao-icon{border-radius:0}.doubao-icon img{position:absolute;width:1000px;height:410px;max-width:none;left:-442px;top:-19px;object-fit:fill}.platform h2{font-size:clamp(32px,4.4vw,60px);line-height:1.2;font-weight:550;letter-spacing:-1.5px;margin:0 0 20px}.platform h2 span{white-space:nowrap}.platform-content p{font-size:16px;line-height:1.8;color:#ffffffed;margin:0}.case-entry{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);font-size:12px;display:flex;align-items:center;gap:40px;white-space:nowrap;padding:10px 0;border-bottom:1px solid #ffffff70}.case-entry span{transition:transform .25s}.case-entry:hover span{transform:translate(3px,-3px)}.method{max-width:1328px;margin:94px auto 90px;padding:0 20px}.method h2{font-size:32px;line-height:1.45;font-weight:550;letter-spacing:-.7px}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:46px;margin-top:35px}.method-grid>div{border-top:1px solid #dbe1df;padding-top:20px}.method-grid span{font-size:11px;color:#919b98}.method-grid h3{font-size:17px;font-weight:550;margin:15px 0 10px}.method-grid p{font-size:13px;color:#78827e;line-height:1.9;max-width:300px}footer{max-width:1328px;padding:28px 20px;margin:auto;border-top:1px solid #dfe4e2;display:flex;align-items:center;gap:24px;justify-content:space-between}footer .wordmark{font-size:13px;white-space:nowrap}footer p{font-size:10px;color:#8a9490;line-height:1.8}footer>a:last-child{font-size:11px;white-space:nowrap;color:#67766f}dialog{border:1px solid #e1e8e3;border-radius:22px;padding:40px;max-width:480px;width:calc(100% - 40px);color:#182c23;box-shadow:0 25px 90px #001a1440}dialog::backdrop{background:#061a1560;backdrop-filter:blur(6px)}.close-dialog{position:absolute;top:14px;right:16px;background:none;border:0;font-size:24px;cursor:pointer}.dialog-description,.dialog-note{font-size:14px;line-height:1.8;color:#718077}.dialog-note{font-size:12px}.filter-preview{display:flex;gap:12px;margin:22px 0}.filter-preview span{background:#edf4ef;border-radius:30px;padding:8px 23px;font-size:12px} @media(min-width:1400px){.intro{padding-top:80px}}@media(max-width:700px){.nav{height:72px;padding:0 22px}.nav nav{gap:14px;font-size:11px}.nav-note{display:none}.wordmark{font-size:13px}.intro{padding:44px 24px 0}.intro h1{letter-spacing:-1.5px}.intro-description{font-size:13px}.intro-bottom{margin-top:38px;font-size:9px}.intro-bottom span:first-child{display:none}.platforms{padding:0 14px;gap:16px}.platform{min-height:385px;border-radius:18px}.platform-top{top:20px;left:20px;right:20px}.platform-category{display:none}.platform-content{padding:52px 22px 86px}.brand-icon{transform:scale(.82);margin-bottom:12px}.platform h2{font-size:34px;letter-spacing:-1px}.platform h2 span{display:block;margin-top:6px}.platform-content p{font-size:13px}.desktop-break{display:none}.method{margin:58px auto 48px;padding:0 24px}.method h2{font-size:27px}.method-grid{grid-template-columns:1fr;gap:18px}.method-grid p{max-width:none}.method-grid h3{margin-top:10px}footer{margin:0 24px;padding:24px 0;flex-wrap:wrap;gap:10px}footer p{order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{transition:none!important;animation:none!important}}
.member-entry{font-size:12px;padding:9px 17px;border:1px solid #d9e4df;border-radius:30px;white-space:nowrap}.member-entry:hover{background:#edf5f0;color:#147c62}@media(max-width:700px){.nav{gap:12px}.nav nav{display:none}.member-entry{font-size:11px}}
/* Standalone alpha PNG: no screenshot background, no surrounding shadow. */
/* Homepage hero: video whites blend into the existing cool-grey canvas. */
.intro{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);column-gap:24px;align-items:center}.intro-copy{min-width:0;position:relative;z-index:1}.intro h1{font-size:clamp(36px,4.45vw,62px)}.intro-visual{min-width:0;width:100%;aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)}.intro-video{display:block;width:100%;height:100%;object-fit:contain;border:0;background:transparent;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 91%,transparent)}.intro-bottom{grid-column:1/-1;width:100%}
@media(min-width:1600px){.intro h1{font-size:62px}}
@media(max-width:1000px) and (min-width:701px){.intro{column-gap:16px;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr)}.intro h1{font-size:clamp(32px,4.15vw,44px);letter-spacing:-1.6px}.intro-description{font-size:14px}}
@media(max-width:700px){.intro{grid-template-columns:minmax(0,1fr)}.intro h1{font-size:clamp(32px,6.2vw,43px);letter-spacing:-1.5px}.intro-visual{max-width:520px;justify-self:center;aspect-ratio:16/9;margin-top:18px}.intro-bottom{margin-top:22px}.intro-description br{display:none}}
.doubao-icon{background:transparent;box-shadow:none;filter:none;overflow:visible}.doubao-icon img{position:static;display:block;width:100%;height:100%;max-width:100%;object-fit:contain;background:transparent;box-shadow:none;filter:none}
@media(min-width:701px) and (max-width:1100px){.nav{padding:0 25px;gap:15px}.nav nav{gap:17px;font-size:12px}.nav .wordmark{font-size:14px}.member-entry{padding:9px 12px}}
@media(max-width:700px){.nav{height:auto;min-height:72px;display:grid;grid-template-columns:1fr auto;padding:17px 22px 0;gap:14px 10px}.nav>.wordmark{grid-column:1;grid-row:1}.nav>.member-entry{grid-column:2;grid-row:1}.nav nav{display:flex;grid-column:1/-1;grid-row:2;gap:23px;overflow-x:auto;white-space:nowrap;padding:0 0 14px;max-width:100%;font-size:12px;scrollbar-width:thin}.nav nav a{flex-shrink:0}}