:root{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;color:#19182d;line-height:1.6;--primary:#6252e9;--muted:#73758a;--line:#e9e9f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff}a{text-decoration:none;color:inherit}.site-header{height:72px;display:flex;align-items:center;padding:0 max(5vw,28px);gap:45px;border-bottom:1px solid #efeff5;background:#ffffffed;backdrop-filter:blur(14px);position:sticky;top:0;z-index:20}.site-brand{display:flex;align-items:center;gap:11px;font-weight:800;white-space:nowrap}.brand-logo{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(145deg,#7668f5,#5040dc);color:#fff;box-shadow:0 8px 18px #5e4de934}.header-nav{display:flex;gap:30px;margin:auto;font-size:14px;color:#666a7e}.header-nav a:hover,.text-link:hover{color:var(--primary)}.header-actions{display:flex;align-items:center;gap:20px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:13px 22px;border:0;border-radius:11px;background:linear-gradient(135deg,#6a59ed,#5341df);color:#fff;font-weight:700;box-shadow:0 10px 24px #5f4ee72d;transition:.2s;cursor:pointer;font:inherit}.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px #5f4ee741}.button-small{padding:9px 17px;border-radius:9px}.hero{min-height:660px;padding:95px max(7vw,35px) 80px;display:grid;grid-template-columns:1fr minmax(420px,620px);align-items:center;gap:7vw;position:relative;overflow:hidden;background:linear-gradient(160deg,#fff 20%,#fbfaff)}.hero:before{content:"";position:absolute;width:560px;height:560px;border-radius:50%;background:#f1efff;right:-260px;top:-310px}.orb{position:absolute;border-radius:50%}.orb-one{width:170px;height:170px;background:#f0edff;left:-90px;bottom:-40px}.orb-two{width:90px;height:90px;background:#e5fbfa;left:52%;top:90px}.hero-content{position:relative;z-index:2;max-width:680px}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:7px 12px;border-radius:99px;background:#f0edff;color:#6656df;font-size:12px;font-weight:700}.eyebrow i{width:7px;height:7px;border-radius:50%;background:#6b59ec;box-shadow:0 0 0 4px #6b59ec1c}.hero h1{font-size:clamp(42px,5vw,66px);line-height:1.18;letter-spacing:-.045em;margin:25px 0 20px}.hero h1 em,.login-showcase h1 em{font-style:normal;color:var(--primary)}.hero-content>p{max-width:610px;color:var(--muted);font-size:17px;margin:0 0 30px}.hero-actions{display:flex;gap:13px}.button-ghost{background:#fff;color:#34344a;border:1px solid #e4e4ed;box-shadow:none}.hero-trust{display:flex;gap:36px;margin-top:42px;color:#8b8da0;font-size:12px}.hero-trust span{display:grid}.hero-trust b{color:var(--primary);font-size:20px}.hero-console{height:430px;z-index:2;border:1px solid #dedcf0;border-radius:22px;background:#fff;box-shadow:0 35px 80px #41377d24;transform:perspective(1200px) rotateY(-4deg) rotateX(2deg);overflow:hidden}.console-top{height:49px;display:flex;align-items:center;gap:6px;padding:0 17px;border-bottom:1px solid #eeeef4}.console-top span{width:8px;height:8px;border-radius:50%;background:#ddd}.console-top span:first-child{background:#ff887d}.console-top span:nth-child(2){background:#f7ca68}.console-top span:nth-child(3){background:#69d5a0}.console-top small{margin-left:12px;color:#9495a7}.console-body{height:calc(100% - 49px);display:flex}.console-side{width:64px;background:#5c4ae4;padding:18px 15px;display:flex;flex-direction:column;align-items:center;gap:22px}.console-side b{width:31px;height:31px;display:grid;place-items:center;border-radius:9px;background:#fff;color:#5c4ae4}.console-side i{width:22px;height:5px;background:#ffffff45;border-radius:5px}.console-main{flex:1;padding:26px}.status-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.status-row>div{padding:17px;background:#f8f7fe;border-radius:13px}.status-row small,.status-row strong{display:block}.status-row small{color:#999aac}.status-row strong{font-size:25px}.chart{height:105px;display:flex;align-items:flex-end;gap:9px;padding:20px 5px 8px}.chart i{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(#7869ef,#dcd7ff)}.chart i:nth-child(1){height:28%}.chart i:nth-child(2){height:52%}.chart i:nth-child(3){height:42%}.chart i:nth-child(4){height:72%}.chart i:nth-child(5){height:57%}.chart i:nth-child(6){height:90%}.chart i:nth-child(7){height:70%}.chart i:nth-child(8){height:100%}.bot-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-top:1px solid #eeeef4}.bot-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#ece9ff;color:#5d4ade;font-weight:800}.bot-avatar.alt{background:#e4faf8;color:#27a79d}.bot-row p{display:grid;margin:0 auto 0 0;font-size:12px}.bot-row p small{color:#8f91a4}.bot-row p i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#38c982}.bot-row em{font-style:normal;font-size:11px;color:#249e69;background:#eaf9f1;padding:3px 8px;border-radius:10px}.section{padding:100px max(7vw,35px);max-width:1440px;margin:auto}.section-heading{text-align:center;max-width:680px;margin:0 auto 48px}.section-heading>span,.cta>div>span{color:var(--primary);font-size:12px;font-weight:800;letter-spacing:.18em}.section-heading h2,.ecosystem-copy h2,.cta h2{font-size:36px;line-height:1.25;margin:10px 0}.section-heading p,.ecosystem-copy>p{color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-grid article{padding:28px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 12px 35px #30305809;transition:.25s}.feature-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px #30305812}.feature-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:12px;font-size:20px;font-weight:900}.purple{background:#eeeaff;color:#6856e8}.cyan{background:#e4f9fc;color:#22acc3}.green{background:#e8f9ef;color:#28b773}.orange{background:#fff1df;color:#ef9c35}.pink{background:#ffecf6;color:#df62a5}.blue{background:#e8f2ff;color:#4a8ee8}.feature-grid h3{margin:17px 0 7px;font-size:16px}.feature-grid p{margin:0;color:var(--muted);font-size:14px}.advantage-section{max-width:none;background:#f7f7fa}.advantage-grid{max-width:1200px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:16px}.advantage-grid article{display:flex;gap:20px;padding:24px 27px;border:1px solid #e7e7ef;border-radius:15px;background:#fff}.advantage-grid b{font-size:28px;color:#d6d1fb}.advantage-grid h3{font-size:16px;margin:2px 0 5px}.advantage-grid p{font-size:13px;color:var(--muted);margin:0}.ecosystem{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;min-height:570px}.ecosystem-copy h2{font-size:40px;margin:22px 0 16px}.ecosystem-copy ul{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px}.ecosystem-copy li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;margin-right:10px;border-radius:50%;background:#e7f9ef;color:#23a86a;font-size:12px;font-weight:bold}.ecosystem-visual{width:min(430px,90vw);aspect-ratio:1;margin:auto;position:relative;border-radius:50%;background:radial-gradient(circle,#fff 8%,#f1efff 9%,#faf9ff 44%,transparent 45%)}.core,.satellite{position:absolute;display:grid;place-items:center;border-radius:18px;background:#fff;box-shadow:0 16px 35px #4b3f8c22;color:var(--primary);font-weight:800}.core{width:82px;height:82px;left:calc(50% - 41px);top:calc(50% - 41px);font-size:32px;background:linear-gradient(135deg,#6f5ef0,#4d3bd4);color:#fff}.satellite{width:58px;height:58px}.s1{left:12%;top:18%}.s2{right:10%;top:24%}.s3{left:8%;bottom:16%}.s4{right:13%;bottom:10%}.orbit{position:absolute;inset:12%;border:1px dashed #cfc9f4;border-radius:50%}.orbit-b{inset:29%}.steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:25px}.steps article{text-align:center;border:1px solid var(--line);border-radius:16px;padding:30px 20px}.steps article span{width:36px;height:36px;display:grid;place-items:center;margin:0 auto 14px;border-radius:50%;background:#6553e8;color:#fff;font-weight:bold}.steps h3{font-size:16px;margin:0 0 6px}.steps p{font-size:13px;color:var(--muted);margin:0}.steps>i{font-style:normal;color:#bbb5ed;font-size:26px}.cta{max-width:1280px;margin:20px auto 0;border-radius:25px;padding:64px 70px;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(120deg,#5544dd,#7656ee);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:300px;height:300px;border:60px solid #ffffff0b;border-radius:50%;right:-100px;top:-130px}.cta>div{position:relative;z-index:2}.cta>div>span{color:#d5d0ff}.cta h2{font-size:32px}.cta p{margin:0;color:#dcd8ff}.cta-actions{display:flex;gap:12px}.button-light{background:#fff;color:#5544dd}.button-outline{background:transparent;border:1px solid #ffffff70;box-shadow:none}footer{margin-top:90px;padding:42px max(7vw,35px);display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:25px;background:#191828;color:#fff}footer p,footer small{color:#9997aa;font-size:12px}footer p{text-align:center}.login-page{min-height:100vh;background:#f7f6fc}.login-brand{position:absolute;left:6vw;top:34px;z-index:3}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-showcase{padding:150px 8vw 80px;display:flex;flex-direction:column;justify-content:center;background:linear-gradient(145deg,#f2efff,#faf9ff);position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:430px;height:430px;border:70px solid #ffffff75;border-radius:50%;right:-310px;bottom:-260px}.login-showcase h1{font-size:clamp(40px,5vw,65px);line-height:1.15;letter-spacing:-.04em;margin:25px 0 20px}.login-showcase>p{max-width:540px;color:var(--muted)}.login-preview{margin-top:50px;width:min(460px,100%);padding:25px;border:1px solid #e1def3;border-radius:18px;background:#ffffffc4;box-shadow:0 24px 55px #4e42831a}.login-preview>span{font-size:12px;color:#36a678}.login-preview strong{display:block;font-size:20px;margin:6px 0 18px}.login-preview div{height:70px;display:flex;align-items:flex-end;gap:9px}.login-preview i{flex:1;background:linear-gradient(#7767ed,#ddd8ff);border-radius:4px}.login-preview i:nth-child(1){height:40%}.login-preview i:nth-child(2){height:65%}.login-preview i:nth-child(3){height:48%}.login-preview i:nth-child(4){height:80%}.login-preview i:nth-child(5){height:60%}.login-preview i:nth-child(6){height:95%}.login-preview i:nth-child(7){height:78%}.login-card{align-self:center;justify-self:center;width:min(430px,calc(100% - 48px));padding:45px}.back-link{font-size:13px;color:#77788d}.login-card h2{font-size:32px;margin:34px 0 3px}.login-card>p{color:var(--muted);margin:0 0 28px}.login-card label{display:block;font-size:13px;font-weight:600;margin:17px 0}.login-card input{display:block;width:100%;padding:14px 15px;margin-top:7px;border:1px solid #dddde8;border-radius:10px;background:#fff;outline:none;font:inherit}.login-card input:focus{border-color:#7564ec;box-shadow:0 0 0 4px #6755e915}.login-card input[type=hidden]{display:none}.login-submit{width:100%;margin-top:9px}.register-tip{text-align:center;margin-top:25px;color:#8a8b9d;font-size:13px}.register-tip a{color:var(--primary);font-weight:700}.form-error{padding:11px 13px;border-radius:9px;background:#fff0f1;color:#c84451;font-size:13px}
@media(max-width:900px){.header-nav{display:none}.site-header{padding:0 20px}.header-actions{margin-left:auto}.text-link{display:none}.hero{grid-template-columns:1fr;padding-top:70px;text-align:center}.hero-content{margin:auto}.hero-content>p{margin-left:auto;margin-right:auto}.hero-actions,.hero-trust{justify-content:center}.hero-console{width:min(620px,100%);margin:auto;transform:none}.feature-grid{grid-template-columns:1fr 1fr}.ecosystem{grid-template-columns:1fr;text-align:center}.ecosystem-copy ul{text-align:left;display:inline-grid}.steps{gap:12px}.cta{margin-left:20px;margin-right:20px;padding:50px 35px}.login-shell{grid-template-columns:1fr}.login-showcase{display:none}.login-card{padding-top:100px}.login-brand{left:24px;top:25px}footer{grid-template-columns:1fr;text-align:center}footer .site-brand{justify-content:center}}
@media(max-width:600px){.site-header{height:64px}.site-brand{font-size:14px}.brand-logo{width:31px;height:31px}.hero{min-height:auto;padding:70px 20px 50px}.hero h1{font-size:38px}.hero-content>p{font-size:15px}.hero-actions{flex-direction:column}.hero-trust{gap:18px}.hero-console{display:none}.section{padding:75px 20px}.section-heading h2,.ecosystem-copy h2{font-size:29px}.feature-grid,.advantage-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr}.steps>i{transform:rotate(90deg);margin:auto}.cta{display:block;text-align:center;padding:45px 22px}.cta h2{font-size:28px}.cta-actions{justify-content:center;margin-top:28px;flex-wrap:wrap}.header-actions .button{padding:8px 13px}.login-card{width:100%;padding:100px 24px 40px}.login-card h2{font-size:28px}}
/* Xiangyang-inspired soft creator UI */
:root{--primary:#ff6b8b;--primary-dark:#e5526f;--primary-soft:#fff0f3;--ink:#1e293b;--muted:#64748b;--line:#e2e8f0;--page:#f8fafc}
body{color:var(--ink);background:linear-gradient(145deg,#f8fafc 0%,#fff 48%,#f1f5f9 100%);-webkit-font-smoothing:antialiased}
.site-header{height:68px;max-width:1180px;margin:14px auto 0;padding:0 22px;border:1px solid rgba(255,255,255,.9);border-radius:18px;background:rgba(255,255,255,.82);box-shadow:0 8px 30px rgba(15,23,42,.06);top:14px}
.brand-logo{background:linear-gradient(145deg,#ff85a0,#ff5e82);box-shadow:0 8px 18px rgba(255,107,139,.28)}
.header-nav{color:#64748b}.button{border-radius:12px;background:var(--primary);box-shadow:0 8px 20px rgba(255,107,139,.22)}
.button:hover{background:var(--primary-dark);box-shadow:0 12px 25px rgba(255,107,139,.3)}
.button-ghost{background:#fff;color:#475569;border:1px solid var(--line);box-shadow:0 4px 16px rgba(15,23,42,.04)}
.hero{max-width:1440px;min-height:680px;margin:0 auto;padding-top:110px;background:transparent}
.hero:before{width:640px;height:640px;background:radial-gradient(circle,rgba(255,107,139,.13),rgba(255,240,243,.28) 55%,transparent 72%);right:-180px;top:-220px}
.orb-one{background:#fff0f3}.orb-two{background:#ecfeff}.eyebrow{background:var(--primary-soft);color:var(--primary)}.eyebrow i{background:var(--primary);box-shadow:0 0 0 4px rgba(255,107,139,.14)}
.hero h1{color:#1e293b}.hero h1 em,.login-showcase h1 em{color:var(--primary)}.hero-trust b{color:var(--primary)}
.hero-console{border-color:rgba(255,255,255,.85);border-radius:24px;box-shadow:0 28px 70px rgba(15,23,42,.12);transform:none}
.console-side{background:linear-gradient(180deg,#ff7795,#ff5f82)}.console-side b{color:var(--primary)}
.status-row>div{background:#fff7f9}.chart i{background:linear-gradient(#ff7895,#ffe1e8)}
.section{padding-top:92px;padding-bottom:92px}.section-heading>span,.cta>div>span{color:var(--primary)}
.feature-grid article,.advantage-grid article,.steps article,.community-grid article{border-color:rgba(15,23,42,.04);border-radius:16px;box-shadow:0 4px 24px rgba(15,23,42,.055)}
.feature-grid article:hover,.community-grid article:hover{transform:translateY(-4px);box-shadow:0 10px 32px rgba(15,23,42,.09)}
.purple{background:#fff0f3;color:#ff6b8b}.advantage-section{background:rgba(248,250,252,.82)}.advantage-grid b{color:#ffc5d2}
.steps article span{background:var(--primary)}
.cta{background:linear-gradient(125deg,#ff7897,#ff5e82);box-shadow:0 18px 48px rgba(255,107,139,.22)}
footer{background:#fff;color:var(--ink);border-top:1px solid #eef2f7}footer p,footer small{color:#94a3b8}
.login-page{background:linear-gradient(145deg,#f8fafc,#e2e8f0)}.login-showcase{background:linear-gradient(145deg,#fff7f9,#fff)}
.login-card{border-radius:24px;box-shadow:0 24px 60px rgba(15,23,42,.10)}
.floating-theme{border:1px solid var(--line);box-shadow:0 8px 24px rgba(15,23,42,.08)}
@media(max-width:900px){.site-header{margin:0;border-radius:0;top:0}.hero{padding-top:82px}.hero-console{transform:none}}