:root{font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#20243a;background:#f6f7fb;font-synthesis:none}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6553db;outline-offset:6px}img{display:block;max-width:100%}header,main,footer{width:min(1180px,calc(100% - 64px));margin:auto}header{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #e1e3ec}.brand{font-size:22px;font-weight:800;white-space:nowrap}.brand span{margin-left:16px;padding-left:16px;border-left:1px solid #cdd0df;color:#6c6592;font-size:15px}nav{display:flex;gap:24px;font-size:13px;flex-wrap:wrap;justify-content:flex-end}nav a{display:inline-flex;align-items:center;min-height:44px}nav a:hover{color:#5649c7}main{padding:48px 0 56px}h1,h2,p,figure{margin:0}.eyebrow{color:#6f61ae;font-size:11px;font-weight:750;letter-spacing:.13em;line-height:1.7}
.portal-hero{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:46px;align-items:center}.hero-copy{min-width:0}.migration-label{display:inline-flex;align-items:center;gap:7px;margin-top:17px;color:#514393;font-size:12px;line-height:1.6}.migration-label>span{width:23px;height:23px;display:grid;place-items:center;border:1px solid #cfc7eb;border-radius:50%;background:#eeebfa}h1{font-size:clamp(32px,3.65vw,48px);font-weight:800;letter-spacing:-.045em;line-height:1.3;margin:18px 0 20px;max-width:none;word-break:keep-all;overflow-wrap:normal}.intro{font-size:15px;color:#62667c;line-height:1.95;max-width:40ch}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:58px;margin-top:26px;padding:12px 15px 12px 22px;border:1px solid #6a5add;border-radius:10px;background:#5649c7;color:#fff;font-size:17px;font-weight:750;box-shadow:0 8px 20px #5143b622;transition:background .18s,box-shadow .18s}.cta-arrow{display:grid;place-items:center;width:32px;height:32px;border-radius:7px;background:#ffffff20;font-size:22px;font-weight:500}.primary:hover{background:#4437b1;box-shadow:0 10px 24px #5143b633}.destination-note{font-size:11px;line-height:1.8;color:#7a7c8f;margin-top:12px}
.site-preview{display:block;min-width:0;overflow:hidden;border:1px solid #ccd0e2;border-radius:18px;background:#101b30;box-shadow:0 18px 50px #24305218;transition:transform .2s,box-shadow .2s,border-color .2s}.site-preview:hover{transform:translateY(-4px);border-color:#8a80d1;box-shadow:0 24px 56px #24305227}.preview-browserbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 18px;border-bottom:1px solid #ffffff10;background:#172239;color:#b8c2db;font-family:ui-monospace,Consolas,monospace;font-size:10px;letter-spacing:.02em}.browser-dots{display:flex;gap:5px}.browser-dots i{display:block;width:6px;height:6px;background:#687b9d;border-radius:50%}.browser-dots i:first-child{background:#c6a057}.browser-dots i:nth-child(2){background:#83a49b}.preview-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 24px 5px;color:#f4f6ff}.preview-brand{color:#bac7f1;font-size:11px;font-weight:750;letter-spacing:.13em}.preview-heading h2{font-size:24px;margin-top:5px;letter-spacing:-.03em}.preview-label{border:1px solid #ffffff27;border-radius:5px;padding:5px 9px;color:#d5def4;font-size:10px;white-space:nowrap}.preview-stage{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;align-items:center;min-height:316px;padding:24px 24px 26px;background:radial-gradient(ellipse at 50% 55%,#31567a88,transparent 68%);isolation:isolate}.preview-stage::before{content:"";position:absolute;inset:44px 22px 24px;border:1px solid #86a6c31a;border-radius:50%;transform:rotate(-12deg);z-index:-1}.artwork{min-width:0;padding:5px;border:1px solid #ffffff30;border-radius:9px;background:#243249;box-shadow:0 10px 24px #0006}.artwork img{width:100%;height:218px;object-fit:contain;border-radius:5px;background:#101a2b}.artwork figcaption{min-height:35px;display:grid;place-items:center;text-align:center;padding:6px 2px 2px;color:#e3e8f5;font-size:10px;line-height:1.5}.artwork-tidal{transform:rotate(-6deg) translateY(5px)}.artwork-yugong{transform:translateY(-9px);background:#36445a}.artwork-yugong img{height:148px}.artwork-firepower{transform:rotate(6deg) translateY(5px)}.preview-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;color:#b9c5df;border-top:1px solid #ffffff12;background:#172239;font-size:10px;line-height:1.7}.preview-footer strong{display:inline-flex;align-items:center;gap:13px;color:#e8cf93;font-size:12px;font-weight:650}
.destinations{display:grid;gap:18px;margin-top:42px}.tools-portal{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:40px;align-items:center;padding:34px 38px;border:1px solid #ddd9ef;border-radius:16px;background:linear-gradient(115deg,#fff 32%,#eeebfa);transition:border-color .2s,box-shadow .2s}.tools-portal:hover{border-color:#9d91cf;box-shadow:0 10px 28px #5143b610}.tools-copy h2{font-size:28px;letter-spacing:-.035em;margin:8px 0 13px}.tools-copy p{font-size:14px;line-height:1.85;color:#68677e;max-width:34ch}.secondary-cta{display:inline-flex;align-items:center;gap:22px;margin-top:21px;padding:12px 16px;border:1px solid #bab0de;border-radius:8px;background:#fff;color:#514393;font-size:14px}.tools-copy small{display:block;font-size:10px;color:#8a849e;margin-top:10px}.tools-preview{padding:16px;border:1px solid #d9d2ec;border-radius:12px;background:#ffffffb3;box-shadow:0 8px 20px #5b4b9410;transform:rotate(-2deg)}.tools-preview-top{display:flex;justify-content:space-between;padding-bottom:12px;font-size:11px;color:#88809e}.tool-tiles{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tool-tiles>div{display:flex;align-items:center;gap:12px;min-width:0;min-height:66px;padding:12px;background:#f5f2fb;border:1px solid #e9e3f4;border-radius:8px}.tool-tiles b{display:grid;place-items:center;flex:none;min-width:30px;height:30px;font-size:21px;font-weight:550;color:#7862bd}.tool-tiles span{font-size:11px;color:#59526f;line-height:1.6}.source-portal{display:flex;align-items:center;gap:22px;padding:24px 30px;border:1px solid #e1e3ec;border-radius:12px;background:#fff;transition:border-color .2s}.source-portal:hover{border-color:#9588cb}.source-symbol{display:grid;place-items:center;flex:none;width:54px;height:54px;border-radius:10px;background:#eef0f7;color:#697390;font:18px ui-monospace,Consolas,monospace}.source-portal .eyebrow{font-size:9px}.source-portal h2{font-size:19px;margin:3px 0 7px}.source-portal p{font-size:12px;line-height:1.8;color:#74788b}.source-portal>strong{display:flex;align-items:center;gap:16px;margin-left:auto;color:#5649c7;font-size:13px;white-space:nowrap}
.more{font-size:13px;color:#6b6b7e;line-height:2.2;margin:26px 0 0}.more a{color:#5649c7;margin-left:16px;display:inline-block}.more a:hover{text-decoration:underline}.universe-portal{margin-top:32px;padding-top:24px;border-top:1px solid #e1e3ec}.universe-portal h2{font-size:18px}.universe-portal p{margin-top:10px;font-size:14px;color:#6b6b7e;line-height:1.8}.universe-portal small{display:inline-block;margin-top:8px;font-size:12px;color:#777c90}.universe-portal>a{display:inline-block;margin-left:20px;font-size:14px;color:#5649c7;min-height:44px;line-height:44px}.universe-portal>a:hover{text-decoration:underline}footer{padding:24px 0 32px;border-top:1px solid #e1e3ec;display:flex;gap:20px;justify-content:space-between;font-size:12px;color:#777c90}
@media(max-width:980px){.portal-hero{gap:28px;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}h1{font-size:36px}.intro{font-size:14px}.preview-stage{padding:20px 16px;gap:7px;min-height:280px}.artwork img{height:186px}.artwork-yugong img{height:126px}.preview-heading{padding:21px 20px 5px}.preview-heading h2{font-size:22px}.preview-footer{padding-inline:16px;gap:8px}.tools-portal{padding:28px;gap:24px}.tool-tiles>div{padding:9px;gap:8px}.tool-tiles span{font-size:10px}}
@media(max-width:760px){header,main,footer{width:calc(100% - 40px)}header{align-items:flex-start;flex-direction:column;gap:10px;padding:21px 0 15px}nav{justify-content:flex-start;gap:4px 18px;font-size:12px}nav a{min-height:34px}main{padding-top:30px}.portal-hero{grid-template-columns:1fr;gap:28px}.hero-copy{max-width:560px}h1{font-size:39px;max-width:15ch;margin-block:15px}.intro{font-size:14px;max-width:43ch}.migration-label{margin-top:13px}.primary{margin-top:20px;font-size:16px;min-height:54px}.preview-stage{min-height:330px;padding:24px 26px;gap:14px}.artwork img{height:242px}.artwork-yugong img{height:165px}.site-preview{max-width:560px;width:100%;margin:auto}.preview-heading{padding:22px 24px 5px}.preview-footer{padding:15px 20px}.destinations{margin-top:28px;gap:15px}.tools-portal{gap:25px;grid-template-columns:1fr 1fr;padding:26px}.tools-copy h2{font-size:24px}.tools-copy p{font-size:12px}.secondary-cta{font-size:12px;padding:10px 12px;gap:12px}.tools-preview{padding:12px}.tool-tiles{grid-template-columns:1fr;gap:7px}.tool-tiles>div{min-height:42px;padding:6px 9px}.tool-tiles b{height:24px;font-size:18px}.source-portal{padding:22px;gap:16px}.source-portal>strong{font-size:12px}.more a{margin-left:0;margin-right:16px}footer{flex-direction:column;gap:12px}}
@media(max-width:440px){header,main,footer{width:calc(100% - 32px)}header{padding-top:19px}.brand{font-size:21px}.brand span{font-size:13px;margin-left:12px;padding-left:12px}nav{font-size:11px;gap:2px 16px}main{padding-top:25px}.eyebrow{font-size:9px}.migration-label{font-size:10px;margin-top:12px}h1{font-size:32px;max-width:14ch;margin:14px 0}.intro{font-size:13px;line-height:1.9}.primary{width:100%;max-width:330px;font-size:16px;padding-left:18px;gap:12px;margin-top:18px;min-height:54px}.destination-note{font-size:10px;margin-top:9px}.portal-hero{gap:25px}.site-preview{border-radius:13px}.preview-browserbar{font-size:9px;padding:10px 13px;gap:8px}.preview-heading{padding:18px 16px 3px}.preview-heading h2{font-size:21px}.preview-brand{font-size:9px}.preview-label{font-size:9px;padding:4px 7px}.preview-stage{min-height:249px;padding:23px 14px;gap:7px}.artwork{padding:3px;border-radius:6px}.artwork img{height:171px;border-radius:3px}.artwork-yugong img{height:112px}.artwork figcaption{font-size:8px;min-height:31px;line-height:1.5}.preview-footer{padding:12px 14px;font-size:8px;gap:8px}.preview-footer strong{font-size:10px;gap:5px}.tools-portal{grid-template-columns:1fr;padding:23px;gap:23px;border-radius:13px}.tools-copy h2{font-size:25px}.tools-copy p{font-size:13px;max-width:none}.secondary-cta{font-size:13px;margin-top:17px}.tools-preview{padding:13px}.tool-tiles{grid-template-columns:1fr 1fr;gap:8px}.tool-tiles>div{flex-direction:column;align-items:flex-start;gap:5px;padding:10px;min-height:76px}.tool-tiles b{min-width:24px;font-size:22px}.tool-tiles span{font-size:10px}.tools-preview-top{font-size:10px}.source-portal{display:grid;grid-template-columns:42px minmax(0,1fr);padding:20px;gap:13px}.source-symbol{width:42px;height:42px;font-size:16px}.source-portal>div{flex:1;min-width:0}.source-portal h2{font-size:17px}.source-portal p{font-size:11px}.source-portal>strong{grid-column:2;margin-left:0;min-height:32px}.more{font-size:12px;margin-top:22px}.universe-portal{margin-top:25px}.universe-portal p{font-size:12px}.universe-portal small{font-size:10px}.universe-portal>a{margin:4px 0 0;display:table;font-size:13px}footer{font-size:11px;padding:22px 0 28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.site-preview:hover{transform:none}}