/* Original two-step welcome rules preserved from vietnam/india-reference-theme.css. */
:root{--helper-blue:#1e87e4;--helper-blue-hover:#1876c8;--helper-text:#303133;--helper-muted:#606266;--helper-border:#dcdfe6;font-family:"Microsoft YaHei",Arial,Helvetica,sans-serif;color:var(--helper-text);background:#f5f7fa}*{box-sizing:border-box}body{margin:0;font-size:14px;line-height:1.6}[hidden],.hidden{display:none!important}
.welcome{display:none;max-width:860px;width:100%;margin:0 auto;padding:100px 24px 48px;text-align:center}.welcome h1{margin:0;color:var(--helper-text);font-size:38px;font-weight:600;line-height:1.35}.welcome-steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:42px;margin:62px 0 72px;text-align:left}.welcome-step{position:relative;min-width:0;padding:30px;background:#fff;border:1px solid var(--helper-border);border-radius:8px}.welcome-step:first-child::after{content:'→';position:absolute;right:-34px;top:50%;transform:translateY(-50%);color:var(--helper-blue);font-size:25px}.welcome-step-header{display:flex;align-items:center;gap:15px;margin-bottom:19px}.welcome-step-header span{flex:none;padding-right:15px;border-right:1px solid #d8e4ed;color:var(--helper-blue);font-size:38px;font-weight:700;letter-spacing:-2px;line-height:1}.welcome-step h2{margin:0;font-size:20px;font-weight:600;color:var(--helper-text)}.welcome-step ul{margin:0;padding-left:20px;color:var(--helper-muted);font-size:14px;line-height:1.7}.welcome-step li+li{margin-top:5px}.welcome .btn{min-width:218px;font-size:16px;padding:13px 24px}.welcome-legal{margin:34px 0 0;color:var(--helper-muted);font-size:12px}body.welcome-view .welcome{display:block}body.welcome-view .workspace-bar,body.welcome-view main{display:none}
.welcome-example{flex:none;margin-left:-7px}.welcome-example-trigger{padding:0;border:0;background:transparent;color:var(--helper-blue);font-family:inherit;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:3px;white-space:nowrap;cursor:pointer}.welcome-example-trigger:hover,.welcome-example-trigger:focus-visible{color:var(--helper-blue-hover)}.welcome-example-popover{position:absolute;z-index:120;top:calc(100% - 8px);left:50%;transform:translateX(-50%);width:min(740px,calc(100vw - 32px));padding:18px;background:#fff;border:1px solid var(--helper-border);border-radius:8px;box-shadow:0 16px 40px #24334a2b}.welcome-example-content{display:grid;grid-template-columns:minmax(0,1fr) 110px minmax(0,1fr);gap:12px;align-items:center}.example-browser{min-width:0;min-height:155px;border:1px solid #dce4eb;border-radius:5px;background:#fbfcfe;padding:12px}.example-browser-bar{margin:-12px -12px 16px;padding:8px 12px;background:#eef4f9;border-bottom:1px solid #dce4eb;color:#52677c;font-size:12px}.example-field-label{font-size:12px;color:#52677c;margin-bottom:7px}.example-field-value,.example-official-input{padding:9px;border:1px solid #ced8e1;border-radius:3px;background:#fff;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.example-copy{display:inline-block;margin-top:10px;padding:4px 9px;border:2px solid #e88b67;border-radius:999px;color:#a64f2d;font-size:11px}.example-transfer{text-align:center;color:var(--helper-blue);font-size:12px;line-height:1.5}.example-transfer b{display:block;font-size:33px;line-height:1.1;font-weight:400}
@media(max-width:640px){.welcome{padding:58px 20px 42px}.welcome h1{font-size:29px}.welcome-steps{grid-template-columns:1fr;gap:33px;margin:42px 0 55px}.welcome-step{padding:20px 22px}.welcome-step:first-child::after{content:'↓';right:auto;left:50%;top:auto;bottom:-33px;transform:translateX(-50%);font-size:22px}.welcome-step h2{font-size:18px}.welcome-step ul{font-size:13px}.welcome-legal{margin-top:25px}}
@media(max-width:640px){.welcome-step-header{gap:8px}.welcome-step-header span{padding-right:9px;font-size:30px}.welcome-example{margin-left:0}.welcome-example-trigger{font-size:12px}.welcome-example-popover{top:calc(100% - 5px)}.welcome-example-content{grid-template-columns:1fr;gap:7px}.example-browser{min-height:120px}.example-transfer b{transform:rotate(90deg)}}
@media(max-width:400px){.welcome-step{padding:20px 16px}.welcome-step-header{gap:4px}.welcome-step-header span{padding-right:7px;font-size:26px}.welcome-step h2{font-size:16px}.welcome-example-trigger{font-size:11px}}
.btn{background:var(--helper-blue);border:1px solid var(--helper-blue);border-radius:4px;color:#fff;font-family:inherit;font-size:14px;padding:10px 20px;line-height:1.4;cursor:pointer}.btn:disabled{opacity:.65;cursor:wait}.welcome-step h2{white-space:nowrap}.welcome-example{position:static}.entry-redeem{display:grid;grid-template-columns:minmax(0,340px) 130px;gap:10px;justify-content:center;max-width:100%;margin:0 auto}.entry-redeem input{height:48px;width:100%;min-width:0;border:1px solid #dcdfe6;border-radius:4px;padding:10px 14px;font:inherit}.welcome .entry-redeem .btn{min-width:130px;font-size:16px;padding:10px 20px}.entry-redeem input:focus-visible,.btn:focus-visible,.welcome-example-trigger:focus-visible{outline:2px solid #1e87e4;outline-offset:2px}#entry-status{grid-column:1/-1;margin:0;color:#b51717;font-size:14px}#entry-status:empty{display:none}@media(max-width:640px){.welcome-step h2{white-space:normal}.entry-redeem{grid-template-columns:minmax(0,1fr) auto}.welcome .entry-redeem .btn{min-width:100px}}
.welcome-example-popover{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(1200px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto}.welcome-example-content:has(>img,>video){display:block}.welcome-example-content>img,.welcome-example-content>video{display:block;width:100%;height:auto}
.entry-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.welcome .secondary{background:#fff;color:#303133;border-color:#dcdfe6}.entry-help{margin:20px auto 0;max-width:600px}.entry-help summary{display:inline-block;cursor:pointer;text-decoration:underline;text-underline-offset:3px;color:#606266;font-size:14px}.entry-help>div{text-align:left;font-size:12px;line-height:1.8;color:#606266;margin-top:14px}.entry-help p{margin:8px 0}#entry-dialog{max-width:560px;width:calc(100% - 32px);border:1px solid #dcdfe6;border-radius:8px;padding:28px;text-align:left}dialog::backdrop{background:#0006}#entry-dialog h2{margin:0 0 10px;font-size:22px}#entry-description{color:#606266;font-size:14px;margin-bottom:22px}.text-button{border:0;background:transparent;text-decoration:underline;font:inherit;cursor:pointer;color:#606266;padding:10px 0;margin-top:10px}.entry-redeem{grid-template-columns:minmax(0,1fr) auto}
