:root{--ink:#171a22;--muted:#6f7583;--line:#e4e7ee;--panel:#fff;--bg:#f6f7fa;--accent:#ff9900;--nav:#121722;--green:#16a36a;--shadow:0 18px 55px rgba(25,31,45,.08)}
*{box-sizing:border-box}html{font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;color:var(--ink);background:var(--bg)}body{margin:0}button,a{font:inherit}.app-shell{min-height:100vh;display:grid;grid-template-columns:238px 1fr}.sidebar{position:sticky;top:0;height:100vh;background:var(--nav);color:#fff;padding:28px 18px 20px;display:flex;flex-direction:column}.logo{display:flex;align-items:center;gap:12px;padding:0 9px 31px;color:#fff;text-decoration:none}.logo-mark{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#ffb13b,#ff8a00);color:#151922;font-size:21px;font-weight:900;box-shadow:0 8px 25px #ff990033}.logo strong,.logo small{display:block}.logo strong{font-size:15px;letter-spacing:.01em}.logo small{margin-top:2px;color:#7e899d;font-size:11px;font-weight:500}.sidebar nav{display:grid;gap:6px}.sidebar nav a{display:flex;align-items:center;gap:13px;padding:11px 13px;border-radius:9px;color:#8993a6;text-decoration:none;font-size:14px}.sidebar nav a span{width:18px;text-align:center}.sidebar nav a:hover,.sidebar nav a.active{background:#202736;color:#fff}.sidebar nav a.active{box-shadow:inset 3px 0 var(--accent)}.workspace-card{margin-top:auto;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid #2a3343;border-radius:12px;background:#181f2b}.workspace-card .avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#354158;color:#dce3ef;font-weight:700}.workspace-card strong,.workspace-card small{display:block;font-size:12px}.workspace-card small{color:#778398;font-size:10px}.workspace-card button{margin-left:auto;color:#78849a;border:0;background:none}.topbar{height:68px;padding:0 34px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#fff}.menu{display:none}.crumb{font-size:13px;font-weight:650}.crumb span{padding:0 9px;color:#bdc1c9}.user{margin-left:auto;display:flex;align-items:center;gap:8px;color:#7b818e;font-size:12px}.user b{width:30px;height:30px;margin-left:12px;display:grid;place-items:center;border-radius:50%;background:#1d2430;color:#fff}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px #16a36a16}.content{width:min(1050px,calc(100% - 64px));margin:auto;padding:62px 0 26px}.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:34px}.intro>div:first-child{max-width:690px}.pill{display:inline-block;padding:5px 9px;border-radius:5px;background:#fff1da;color:#b66d00;font-size:10px;font-weight:800;letter-spacing:.09em}.intro h1{margin:13px 0 11px;font-size:clamp(32px,4vw,45px);line-height:1.14;letter-spacing:-.035em}.intro p{margin:0;color:var(--muted);line-height:1.8;font-size:15px}.secure-badge{min-width:210px;display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid #dfe9e4;border-radius:12px;background:#fbfdfc}.secure-badge>span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#e3f7ee;color:var(--green);font-weight:900}.secure-badge strong,.secure-badge small{display:block}.secure-badge strong{font-size:12px}.secure-badge small{color:#7e858f;font-size:10px}.steps{display:flex;align-items:center;width:min(600px,100%);margin:0 auto 30px;color:#9ca1ab}.steps div{display:flex;align-items:center;gap:8px;white-space:nowrap}.steps span{width:25px;height:25px;display:grid;place-items:center;border:1px solid #ccd1d9;border-radius:50%;font-size:11px;font-weight:750}.steps b{font-size:12px}.steps i{height:1px;flex:1;margin:0 17px;background:#dfe2e7}.steps .done{color:#282d36}.steps .done span{border-color:var(--accent);background:var(--accent);color:#191c22}.card{padding:31px;border:1px solid var(--line);border-radius:17px;background:var(--panel);box-shadow:var(--shadow)}.card-heading{display:flex;align-items:start;justify-content:space-between;gap:15px}.card h2{margin:0 0 6px;font-size:19px}.card p{margin:0;color:var(--muted);font-size:12px}.privacy{padding:6px 9px;border-radius:6px;background:#f0f6ff;color:#53739e;font-size:10px;font-weight:700}.regions{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:25px}.region{min-height:155px;padding:20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:.2s ease}.region:hover{transform:translateY(-3px);border-color:#f4a832;box-shadow:0 13px 30px rgba(30,36,48,.09)}.flag{font-size:28px}.region-copy{margin-top:17px}.region-copy strong,.region-copy small{display:block}.region-copy strong{font-size:15px}.region-copy small{margin-top:5px;color:#8c919c;font-size:10px;line-height:1.5}.arrow{align-self:flex-end;margin-top:auto;color:#b5bac4;font-size:18px}.region:hover .arrow{color:var(--accent);transform:translateX(3px)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin:20px 0}.trust-grid article{display:flex;gap:13px;padding:17px 18px}.trust-grid article>span{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #e2e5eb;border-radius:9px;background:#fff;color:#687383}.trust-grid strong{font-size:11px}.trust-grid p{margin:3px 0 0;color:#9398a2;font-size:10px;line-height:1.5}footer{text-align:center;color:#a1a5ad;font-size:10px;padding-top:13px}dialog{width:min(500px,calc(100% - 32px));padding:0;border:0;border-radius:18px;box-shadow:0 30px 90px #10131a55}dialog::backdrop{background:rgba(17,21,29,.55);backdrop-filter:blur(3px)}dialog form{position:relative;padding:34px}.dialog-close{position:absolute;right:18px;top:15px;border:0;background:none;color:#8b909a;font-size:25px;cursor:pointer}.dialog-icon{display:grid;place-items:center;width:53px;height:53px;border-radius:15px;background:#f3f5f8;font-size:28px}dialog h2{margin:19px 0 8px;font-size:22px}dialog p{color:var(--muted);font-size:13px;line-height:1.7}.notice{display:flex;gap:10px;margin:20px 0;padding:12px;border-radius:9px;background:#fff7e8;color:#87621d;font-size:11px}.notice span{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e9b64d;color:#fff}.dialog-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:25px}.dialog-actions button{padding:10px 15px;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer}.secondary{border:1px solid var(--line);background:#fff;color:#555c68}.primary{border:1px solid #e58a00;background:var(--accent);color:#191c21}.primary span{padding-left:8px}@media(max-width:850px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.menu{display:block;margin-right:15px;border:0;background:none}.content{width:min(100% - 34px,700px);padding-top:38px}.intro{align-items:flex-start;flex-direction:column}.regions,.trust-grid{grid-template-columns:1fr}.region{min-height:122px}.secure-badge{width:100%}}@media(max-width:520px){.topbar{padding:0 16px}.user{font-size:0}.crumb{display:none}.content{width:calc(100% - 24px)}.intro h1{font-size:31px}.card{padding:20px}.card-heading{flex-direction:column}.steps b{display:none}.steps i{margin:0 9px}.dialog-actions{flex-direction:column-reverse}.dialog-actions button{width:100%}}

/* Customer authentication */
.auth-page{min-height:100vh;background:#fff}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(430px,47%) 1fr}.auth-brand{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:38px clamp(40px,5vw,84px);background:var(--nav);color:#fff}.auth-brand::before{content:"";position:absolute;width:520px;height:520px;right:-250px;top:-240px;border:1px solid #ffffff12;border-radius:50%;box-shadow:0 0 0 75px #ffffff05,0 0 0 150px #ffffff03}.auth-brand::after{content:"";position:absolute;width:300px;height:300px;left:-180px;bottom:-170px;border-radius:50%;background:var(--accent);filter:blur(110px);opacity:.12}.auth-logo{position:relative;z-index:1;padding:0}.auth-brand-copy{position:relative;z-index:1;margin:auto 0 48px}.auth-brand-copy .pill{background:#ff99001c;color:#ffb648;border:1px solid #ff99002e}.auth-brand-copy h1{margin:21px 0 18px;font-size:clamp(36px,4vw,56px);line-height:1.16;letter-spacing:-.045em}.auth-brand-copy p{max-width:560px;margin:0;color:#aab3c3;font-size:15px;line-height:1.9}.auth-features{position:relative;z-index:1;display:grid;gap:16px}.auth-features article{display:flex;align-items:center;gap:13px}.auth-features article>span{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border:1px solid #384253;border-radius:10px;background:#1b2230;color:var(--accent)}.auth-features strong,.auth-features small{display:block}.auth-features strong{font-size:12px}.auth-features small{margin-top:3px;color:#7f8a9d;font-size:10px}.auth-brand-footer{position:relative;z-index:1;margin:42px 0 0;color:#596478;font-size:10px}.auth-panel{display:grid;place-items:center;padding:48px 28px;background:linear-gradient(145deg,#fff 0%,#fafbfc 100%)}.auth-card{width:min(440px,100%)}.auth-mobile-logo{display:none}.auth-eyebrow{display:block;margin-bottom:10px;color:#b86c00;font-size:11px;font-weight:800;letter-spacing:.09em}.auth-card h2{margin:0;font-size:34px;letter-spacing:-.035em}.auth-subtitle{margin:12px 0 34px;color:var(--muted);font-size:13px}.field{display:block;margin-bottom:19px}.field>span:first-child,.field-row{display:flex;margin-bottom:8px;color:#343943;font-size:12px;font-weight:700}.field-row{justify-content:space-between}.field-row b{font:inherit}.field-row a{color:#b86c00;text-decoration:none;font-size:11px}.input-wrap{height:50px;display:flex;align-items:center;border:1px solid #dfe3ea;border-radius:10px;background:#fff;transition:.2s}.input-wrap:focus-within{border-color:#e99a23;box-shadow:0 0 0 3px #ff990012}.input-wrap i{width:44px;text-align:center;color:#9aa1ad;font-style:normal}.input-wrap input{min-width:0;flex:1;height:100%;padding:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:13px}.input-wrap input::placeholder{color:#b5bac4}.input-wrap button{height:100%;padding:0 14px;border:0;background:transparent;color:#8b929e;font-size:10px;cursor:pointer}.field-error{display:block;min-height:15px;margin-top:5px;color:#cf3e45;font-size:10px}.remember{display:flex;align-items:center;gap:8px;margin:2px 0 22px;color:#69707d;font-size:11px;cursor:pointer}.remember input{accent-color:var(--accent)}.login-button{width:100%;height:50px;display:flex;align-items:center;justify-content:center;gap:14px;border:1px solid #e28b08;border-radius:10px;background:var(--accent);color:#181c24;font-size:13px;font-weight:800;cursor:pointer;box-shadow:0 12px 28px #ff990025;transition:.2s}.login-button:hover{transform:translateY(-1px);background:#ffa716}.form-status{min-height:18px;margin:9px 0 0;color:#88631c;text-align:center;font-size:10px}.register-prompt{margin-top:27px;padding:19px;text-align:center;border:1px solid var(--line);border-radius:11px;background:#fafbfc}.register-prompt span{color:#777e8a;font-size:11px}.register-prompt a{margin-left:6px;color:#ae6700;text-decoration:none;font-size:11px;font-weight:800}.register-prompt a:hover{text-decoration:underline}.auth-security{display:flex;justify-content:center;gap:7px;margin-top:19px;color:#9ba1ab;font-size:9px}.auth-security span{color:var(--green)}
@media(max-width:900px){.auth-shell{grid-template-columns:1fr}.auth-brand{display:none}.auth-panel{min-height:100vh}.auth-mobile-logo{display:flex;align-items:center;gap:10px;margin-bottom:46px;color:var(--ink)}.auth-mobile-logo .logo-mark{width:34px;height:34px;font-size:18px}.auth-card h2{font-size:30px}}
@media(max-width:480px){.auth-panel{padding:30px 20px}.auth-mobile-logo{margin-bottom:38px}.auth-card h2{font-size:28px}.register-prompt span,.register-prompt a{display:block}.register-prompt a{margin:7px 0 0}}

/* Product workspace index */
.workspace-shell .topbar{gap:22px}.module-search{width:min(280px,28vw);height:36px;margin-left:auto;display:flex;align-items:center;border:1px solid var(--line);border-radius:9px;background:#f8f9fb}.module-search span{padding:0 9px;color:#9da3ad}.module-search input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:11px}.workspace-shell .user{margin-left:0}.workspace-content{width:min(1160px,calc(100% - 64px));padding-top:48px}.workspace-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:36px}.workspace-hero h1{margin:12px 0 9px;font-size:38px;letter-spacing:-.04em}.workspace-hero p{margin:0;color:var(--muted);font-size:13px}.workspace-summary{display:grid;grid-template-columns:auto auto 1px auto auto;align-items:end;gap:9px;padding:14px 17px;border:1px solid var(--line);border-radius:12px;background:#fff}.workspace-summary strong{font-size:17px}.workspace-summary span{padding-bottom:2px;color:#8e949f;font-size:9px}.workspace-summary i{height:26px;margin:0 5px;background:var(--line)}.module-section{padding:27px;border:1px solid var(--line);border-radius:17px;background:#fff;box-shadow:var(--shadow)}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.section-heading h2{margin:0 0 5px;font-size:18px}.section-heading p{margin:0;color:#9096a1;font-size:10px}.section-heading>span{padding:6px 9px;border-radius:7px;background:#f4f5f7;color:#808691;font-size:10px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.module-card{min-height:126px;padding:17px;display:grid;grid-template-columns:43px 1fr auto;align-items:start;gap:13px;text-align:left;border:1px solid var(--line);border-radius:13px;background:#fff;cursor:pointer;transition:.2s}.module-card:hover{transform:translateY(-2px);border-color:#efa838;box-shadow:0 12px 28px #20263413}.module-card[hidden]{display:none}.module-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:11px;font-size:14px;font-weight:850}.module-icon.amber{background:#fff3df;color:#b76b00}.module-icon.blue{background:#eaf2ff;color:#4173ba}.module-icon.violet{background:#f1ebff;color:#7753ba}.module-icon.green{background:#e7f7ef;color:#22835a}.module-icon.rose{background:#fff0f2;color:#b94e61}.module-icon.cyan{background:#e9f8fa;color:#328090}.module-icon.indigo{background:#edf0ff;color:#5968af}.module-icon.teal{background:#e7f7f6;color:#277c76}.module-icon.gold{background:#fff7dc;color:#a47a14}.module-icon.red{background:#ffeded;color:#ae4d4d}.module-icon.slate{background:#eef1f5;color:#5f6b7b}.module-copy{min-width:0}.module-copy small,.module-copy strong,.module-copy em{display:block}.module-copy small{margin:2px 0 7px;color:#a1a7b1;font-size:8px;font-weight:800;letter-spacing:.08em}.module-copy strong{font-size:13px;line-height:1.45}.module-copy em{margin-top:8px;color:#9298a3;font-size:9px;font-style:normal;line-height:1.5}.module-arrow{align-self:center;color:#c1c5cc;transition:.2s}.module-card:hover .module-arrow{color:var(--accent);transform:translateX(3px)}.empty-modules{padding:50px;text-align:center;color:#9da3ad;font-size:12px}.module-dialog-label{display:block;margin-top:17px;color:#ac6904;font-size:9px;font-weight:800;letter-spacing:.08em}.module-dialog .dialog-icon{font-size:14px;font-weight:850;color:#ad6900;background:#fff1da}
@media(max-width:1080px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-summary{display:none}}
@media(max-width:850px){.workspace-shell .topbar{gap:12px}.module-search{width:min(300px,50vw);margin-left:auto}.workspace-shell .user{display:none}.workspace-hero{align-items:flex-start;flex-direction:column}.workspace-content{width:min(100% - 34px,760px)}}
@media(max-width:580px){.module-grid{grid-template-columns:1fr}.module-search{width:calc(100% - 60px)}.workspace-content{width:calc(100% - 24px);padding-top:31px}.workspace-hero h1{font-size:30px}.module-section{padding:18px}}

/* Customer registration */
.register-panel{padding-top:28px;padding-bottom:28px}.register-card{width:min(620px,100%)}.register-card .auth-subtitle{margin-bottom:25px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}.register-card .field{margin-bottom:12px}.register-card .field-error{min-height:14px}.register-card .register-prompt{margin-top:18px}.terms{margin:2px 0 4px;align-items:flex-start}.terms span{line-height:1.6}.terms a{margin:0 3px;color:#ad6800;text-decoration:none}.terms-error{min-height:19px;margin-bottom:6px}.register-shell .auth-brand-copy{margin-bottom:37px}
@media(max-width:580px){.field-pair{grid-template-columns:1fr}.register-panel{padding:28px 20px}.register-card .auth-mobile-logo{margin-bottom:32px}}

/* Multi-channel login */
.channel-login-card{width:min(520px,100%)}.login-channels{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-bottom:25px;padding:4px;border-radius:11px;background:#f1f3f6}.channel-tab{height:42px;display:flex;align-items:center;justify-content:center;gap:6px;border:0;border-radius:8px;background:transparent;color:#7c838f;font-size:10px;font-weight:750;cursor:pointer}.channel-tab span{font-size:12px}.channel-tab.active{background:#fff;color:#272c34;box-shadow:0 3px 12px #20263412}.channel-panel{min-height:265px}.channel-panel[hidden]{display:none}.phone-input b{padding:0 13px;border-right:1px solid var(--line);color:#464c56;font-size:11px}.phone-input input{padding-left:12px}.code-input button{height:32px;margin-right:8px;padding:0 11px;border:0;border-radius:7px;background:#fff3df;color:#a76100;font-size:10px;font-weight:750;cursor:pointer}.wechat-qr-panel{text-align:center;padding:10px 14px}.wechat-qr-panel h3{margin:0 0 9px;font-size:17px}.wechat-qr-panel p{max-width:340px;margin:0 auto 21px;color:#858c97;font-size:11px;line-height:1.7}.qr-placeholder{width:154px;height:154px;margin:0 auto 17px;display:grid;place-items:center;align-content:center;gap:7px;border:8px solid #f0f2f5;border-radius:12px;background:repeating-linear-gradient(45deg,#20252d 0 5px,#fff 5px 10px);box-shadow:inset 0 0 0 38px #fff}.qr-placeholder span,.qr-placeholder b{position:relative;padding:4px;background:#fff}.qr-placeholder span{font-size:24px}.qr-placeholder b{color:#858b95;font-size:9px}.wechat-qr-panel>small{display:flex;align-items:center;justify-content:center;gap:7px;color:#a1a6af;font-size:9px}.wechat-qr-panel>small i{width:6px;height:6px;border-radius:50%;background:#d3a340}.login-terms{text-align:center;color:#a1a6af;font-size:9px}.login-terms a{margin:0 2px;color:#777f8c;text-decoration:none}
@media(max-width:450px){.channel-tab{font-size:9px}.channel-tab span{display:none}.channel-login-card .auth-mobile-logo{margin-bottom:30px}}

/* Password recovery */
.reset-card{width:min(470px,100%)}.back-login{display:inline-block;margin-bottom:27px;color:#777f8b;text-decoration:none;font-size:10px}.back-login:hover{color:#a76500}.reset-progress{display:flex;align-items:center;margin:0 0 31px}.reset-progress>span{width:32px;height:32px;position:relative;display:grid;place-items:center;flex:0 0 auto;border:1px solid #d9dde4;border-radius:50%;color:#9ba1ab;font-size:11px;font-weight:800}.reset-progress>span.active,.reset-progress>span.done{border-color:var(--accent);background:var(--accent);color:#20242b}.reset-progress>span small{position:absolute;top:37px;left:50%;transform:translateX(-50%);color:#9ba1ab;font-size:8px;white-space:nowrap}.reset-progress>span.active small{color:#805319}.reset-progress>i{height:1px;flex:1;background:#dfe2e7}.reset-step{min-height:225px}.reset-step[hidden]{display:none}.sent-to{margin:0 0 19px;padding:11px;border-radius:8px;background:#f4f6f9;color:#787f8a;font-size:10px}.sent-to strong{color:#3c424c}.reset-secondary{width:100%;margin-top:9px;padding:8px;border:0;background:transparent;color:#8a919d;font-size:10px;cursor:pointer}