:root{color-scheme:light;--ink:#102b3a;--muted:#61737d;--line:rgba(20,67,78,.14);--teal:#0e6b68;--teal-deep:#0a4f55;--paper:#f7faf8;--gold:#cda86f}*{box-sizing:border-box}html{min-height:100%;background:#0a3340}body{min-height:100%;margin:0;color:var(--ink);font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 12% 18%,rgba(52,143,132,.24),transparent 36%),linear-gradient(135deg,#082d39 0%,#0d4c51 54%,#123b46 100%)}body:before,body:after{content:"";position:fixed;pointer-events:none;border:1px solid rgba(255,255,255,.08);border-radius:50%}body:before{width:480px;height:480px;right:-260px;top:-210px}body:after{width:320px;height:320px;left:-180px;bottom:-170px}.page-shell{min-height:100vh;min-height:100svh;display:grid;place-items:center;padding:max(24px,env(safe-area-inset-top)) max(24px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(24px,env(safe-area-inset-left))}.welcome-panel{width:min(1180px,100%);min-height:min(720px,calc(100svh - 48px));display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);grid-template-rows:auto 1fr;gap:28px 64px;padding:42px 48px 48px;border:1px solid rgba(255,255,255,.5);border-radius:28px;background:linear-gradient(120deg,rgba(250,253,251,.98),rgba(239,247,244,.96));box-shadow:0 28px 90px rgba(1,20,28,.34);overflow:hidden;position:relative}.welcome-panel:after{content:"云创";position:absolute;right:-12px;bottom:-95px;color:rgba(12,93,88,.035);font:900 230px/1 "STKaiti","KaiTi",serif;letter-spacing:-28px;pointer-events:none}.brand-row{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:25px;position:relative;z-index:1}.brand-row img{width:132px;height:auto;display:block}.brand-row span{font-size:12px;letter-spacing:.2em;color:#47716f;border:1px solid rgba(14,107,104,.22);border-radius:999px;padding:7px 12px}.welcome-copy{align-self:center;position:relative;z-index:1}.eyebrow{margin:0 0 18px;color:var(--teal);font:700 12px/1.4 "Segoe UI",sans-serif;letter-spacing:.2em}.welcome-copy h1{margin:0;font-size:clamp(38px,4.6vw,66px);line-height:1.14;letter-spacing:-.045em;font-weight:700}.lead{max-width:660px;margin:25px 0 28px;color:#536a74;font-size:16px;line-height:1.9}.benefits{display:grid;gap:14px}.benefits article{display:flex;gap:14px;padding:15px 0;border-top:1px solid var(--line)}.benefits b{flex:0 0 auto;color:var(--gold);font:600 12px/1.7 "Segoe UI",sans-serif}.benefits h2{margin:0 0 4px;font-size:16px}.benefits p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}.access-card{align-self:center;position:relative;z-index:2;padding:34px;border-radius:22px;background:rgba(255,255,255,.87);border:1px solid rgba(15,82,88,.13);box-shadow:0 22px 50px rgba(20,61,65,.12)}.access-heading{display:flex;gap:13px;align-items:flex-start}.status-dot{width:10px;height:10px;margin-top:8px;border-radius:50%;background:#28a270;box-shadow:0 0 0 6px rgba(40,162,112,.11)}.access-heading p{margin:0 0 5px;color:#72838a;font-size:12px}.access-heading h2{margin:0;font-size:25px;letter-spacing:-.02em}.access-note{margin:22px 0;color:#62737b;font-size:14px;line-height:1.85}.beta-date{display:grid;grid-template-columns:auto 1fr;align-items:baseline;gap:4px 16px;margin:0 0 25px;padding:16px 18px;border-radius:13px;background:#eef5f1}.beta-date span{grid-row:1/3;font-size:12px;color:#71817a}.beta-date strong{font-size:14px}.beta-date small{color:#87938d;font-size:11px}form label{display:block;margin-bottom:9px;font-size:13px;font-weight:600}.code-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.code-row input,.code-row button{min-height:52px;border-radius:12px;font:inherit}.code-row input{width:100%;border:1px solid #c9d8d3;background:white;padding:0 15px;font-size:17px;letter-spacing:.15em;outline:none}.code-row input:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(14,107,104,.1)}.code-row input[aria-invalid="true"]{border-color:#b84c4c}.code-row button{border:0;padding:0 19px;background:var(--teal-deep);color:#fff;font-weight:600;cursor:pointer;box-shadow:0 9px 20px rgba(10,79,85,.16)}.code-row button:hover{background:#083f45}.code-row button:disabled{cursor:wait;opacity:.65}.form-message{min-height:20px;margin:9px 0 0;color:#82908b;font-size:12px;line-height:1.65}.form-message.error{color:#a13f3f}.form-message.success{color:#147454}.access-card footer{margin-top:24px;padding-top:18px;border-top:1px solid var(--line);color:#82908a;font-size:11px;line-height:1.7}@media(max-width:850px){.page-shell{padding:0}.welcome-panel{min-height:100svh;border:0;border-radius:0;grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:28px;padding:27px 24px 34px}.brand-row{padding-bottom:19px}.welcome-copy{align-self:start}.welcome-copy h1{font-size:clamp(35px,10.4vw,50px)}.lead{font-size:15px;margin:20px 0 23px}.benefits{grid-template-columns:repeat(3,1fr);gap:10px}.benefits article{display:block;padding:13px 0}.benefits h2{margin-top:6px;font-size:14px}.benefits p{font-size:12px}.access-card{align-self:start;padding:26px}.welcome-panel:after{font-size:150px}}@media(max-width:560px){.brand-row img{width:116px}.brand-row span{font-size:10px}.eyebrow{font-size:10px}.benefits{grid-template-columns:1fr;gap:0}.benefits article{display:flex}.code-row{grid-template-columns:1fr}.code-row button{width:100%}.access-card{margin:0 -4px}.beta-date{grid-template-columns:auto 1fr}}