.kyc-portal{--kyc-blue:#246bfd;--kyc-green:#19ad78;--kyc-red:#e55c68;--kyc-ink:#182235;--kyc-muted:#7c879a;--kyc-line:#e5e9f1;--kyc-soft:#f6f8fc;color:var(--kyc-ink);background:#f5f7fb;min-height:100vh;font-family:Arial,"PingFang TC","Microsoft JhengHei",sans-serif;box-sizing:border-box}.kyc-portal *{box-sizing:border-box}.kyc-desktop-head{height:64px;padding:0 36px;display:flex;align-items:center;gap:42px;background:#111723;color:#fff}.kyc-desktop-head img{width:74px;display:block}.kyc-desktop-head nav{display:flex;gap:26px;flex:1}.kyc-desktop-head a{color:inherit;text-decoration:none;font-size:14px}.kyc-desktop-layout{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:calc(100vh - 64px)}.kyc-desktop-layout>aside{padding:34px 24px;background:#fff;border-right:1px solid var(--kyc-line)}.kyc-desktop-layout>aside h2{font-size:16px;margin:0 0 24px}.kyc-desktop-layout>aside a{display:block;padding:12px 14px;margin:5px 0;border-radius:8px;color:#667085;text-decoration:none}.kyc-desktop-layout>aside a.active{background:#edf3ff;color:var(--kyc-blue);font-weight:700}.kyc-content{width:min(980px,calc(100% - 56px));margin:0 auto;padding:36px 0 60px}.kyc-page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.kyc-page-title span{font-size:13px;color:var(--kyc-muted)}.kyc-page-title h1{font-size:28px;margin:7px 0 0}.kyc-connection{display:flex;gap:8px;align-items:center;color:var(--kyc-muted);font-size:13px}.kyc-connection i{width:8px;height:8px;border-radius:50%;background:#f1a526}.kyc-connection.state-connected i{background:var(--kyc-green)}.kyc-connection.state-disconnected i{background:var(--kyc-red)}.kyc-state-strip,.kyc-panel,.kyc-timeline{background:#fff;border:1px solid var(--kyc-line);border-radius:12px;box-shadow:0 5px 20px rgba(28,40,66,.04)}.kyc-state-strip{padding:16px 20px;display:flex;align-items:center;gap:12px;margin-bottom:16px}.kyc-state-strip span,.kyc-state-strip small{color:var(--kyc-muted)}.kyc-state-strip strong{color:var(--kyc-blue)}.kyc-state-strip small{margin-left:auto}.kyc-panel{padding:26px}.kyc-panel>header{display:flex;justify-content:space-between;gap:20px}.kyc-panel h2{font-size:20px;margin:0 0 8px}.kyc-panel p{color:var(--kyc-muted);line-height:1.65;margin:0}.kyc-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0}.kyc-fields label>span{display:block;font-size:14px;font-weight:700;margin-bottom:9px}.kyc-fields input{width:100%;height:46px;padding:0 14px;border:1px solid #d6dce8;border-radius:8px;background:#fff;font-size:15px;outline:none}.kyc-fields input:focus{border-color:var(--kyc-blue);box-shadow:0 0 0 3px rgba(36,107,253,.1)}.kyc-documents h3{font-size:15px;margin:0 0 12px}.kyc-documents>div{display:grid;grid-template-columns:1fr 1fr;gap:18px}.kyc-document{border:1px solid var(--kyc-line);border-radius:10px;padding:14px}.kyc-document header{display:flex;justify-content:space-between;font-size:13px}.kyc-document header span{color:var(--kyc-muted)}.kyc-document-preview{height:180px;margin:12px 0;background:var(--kyc-soft);border:1px dashed #cbd3e1;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;color:#9aa5b6}.kyc-document-preview img{width:100%;height:100%;object-fit:contain;background:#eef1f6}.kyc-document-preview>span{font-size:30px}.kyc-document-preview p{font-size:12px}.kyc-document footer{display:flex;gap:10px}.kyc-document button,.kyc-file-action{border:1px solid #ccd4e2;border-radius:7px;background:#fff;padding:8px 13px;font-size:13px;cursor:pointer}.kyc-file-action{color:var(--kyc-blue)}.kyc-file-action input{position:absolute;width:1px;height:1px;opacity:0}.kyc-upload-state{font-size:12px;margin-top:8px!important}.kyc-consent{display:flex;gap:10px;margin:22px 0;color:#596579;font-size:13px;line-height:1.5}.kyc-primary,.kyc-secondary{min-width:180px;height:44px;border:0;border-radius:8px;padding:0 22px;font-weight:700;cursor:pointer}.kyc-primary{background:var(--kyc-blue);color:#fff}.kyc-primary:disabled{opacity:.55}.kyc-secondary{margin-left:12px;background:#edf3ff;color:var(--kyc-blue)}.kyc-result{text-align:center;padding:42px}.kyc-result-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;margin:0 auto 18px;background:#edf3ff;color:var(--kyc-blue);font-size:28px}.kyc-result.mode-approved .kyc-result-icon{background:#e9f8f2;color:var(--kyc-green)}.kyc-result.mode-rejected .kyc-result-icon,.kyc-result.mode-more-info .kyc-result-icon{background:#fff0f1;color:var(--kyc-red)}.kyc-result dl,.kyc-draft-ready dl{max-width:610px;margin:26px auto;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--kyc-line)}.kyc-result dl div,.kyc-draft-ready dl div{background:#fff;padding:14px;text-align:left}.kyc-result dt,.kyc-draft-ready dt{font-size:12px;color:var(--kyc-muted)}.kyc-result dd,.kyc-draft-ready dd{margin:7px 0 0;overflow-wrap:anywhere}.kyc-reason{max-width:610px;margin:20px auto;padding:13px;background:#fff7e8;border-radius:8px;display:flex;gap:14px;justify-content:center}.kyc-timeline{padding:24px;margin-top:16px}.kyc-timeline h2{font-size:17px}.kyc-timeline ol{list-style:none;padding:0;margin:20px 0 0}.kyc-timeline li{display:flex;gap:13px;position:relative;padding-bottom:20px}.kyc-timeline li i{width:10px;height:10px;background:var(--kyc-blue);border-radius:50%;margin-top:5px;flex:none}.kyc-timeline li div{display:grid;grid-template-columns:minmax(140px,1fr) minmax(150px,1fr) auto;gap:18px;width:100%;font-size:13px}.kyc-timeline time,.kyc-timeline span,.kyc-timeline small{color:var(--kyc-muted)}.kyc-timeline small{grid-column:1/-1}.kyc-action-message{padding:15px 2px;color:var(--kyc-green)}.kyc-action-message.error{color:var(--kyc-red)}.kyc-action-message button{border:0;background:none;color:var(--kyc-blue);font-weight:700;cursor:pointer}.kyc-loading{text-align:center}.kyc-loading>span{display:block;width:34px;height:34px;border:3px solid #dfe6f3;border-top-color:var(--kyc-blue);border-radius:50%;margin:10px auto 16px;animation:kyc-spin .8s linear infinite}@keyframes kyc-spin{to{transform:rotate(360deg)}}.kyc-mobile-head,.kyc-mobile-bottom{display:none}
@media(max-width:760px){.kyc-portal{background:#f6f7fa;padding-bottom:68px}.kyc-desktop-head,.kyc-desktop-layout>aside{display:none}.kyc-desktop-layout{display:block}.kyc-mobile-head{height:52px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;background:#fff;border-bottom:1px solid var(--kyc-line);position:sticky;top:0;z-index:5}.kyc-mobile-head a{text-align:center;text-decoration:none;color:var(--kyc-ink);font-family:iconfont;font-size:20px}.kyc-mobile-head h1{text-align:center;font-size:17px;margin:0}.kyc-content{width:100%;padding:18px 14px 26px}.kyc-page-title{margin-bottom:14px}.kyc-page-title>div:first-child{display:none}.kyc-connection{margin-left:auto}.kyc-state-strip{padding:13px 14px;border-radius:9px}.kyc-state-strip small{display:none}.kyc-panel{padding:18px 15px;border-radius:10px}.kyc-panel>header{display:block}.kyc-panel>header>span{display:block;margin-top:8px;color:var(--kyc-muted);font-size:12px}.kyc-fields{grid-template-columns:1fr;gap:14px;margin:20px 0}.kyc-documents>div{grid-template-columns:1fr;gap:13px}.kyc-document-preview{height:158px}.kyc-primary,.kyc-secondary{width:100%;margin:10px 0 0}.kyc-result{padding:30px 15px}.kyc-result dl,.kyc-draft-ready dl{grid-template-columns:1fr;margin:22px 0}.kyc-timeline{padding:18px 15px}.kyc-timeline li div{grid-template-columns:1fr;gap:5px}.kyc-timeline small{grid-column:auto}.kyc-mobile-bottom{display:grid;grid-template-columns:repeat(3,1fr);height:58px;background:#fff;border-top:1px solid var(--kyc-line);position:fixed;bottom:0;left:0;right:0;z-index:5}.kyc-mobile-bottom a{display:grid;place-items:center;text-decoration:none;color:#7e8796;font-size:12px}.kyc-mobile-bottom a.active{color:var(--kyc-blue)}.kyc-action-message{font-size:13px}.kyc-reason{display:grid;gap:7px}.kyc-state-strip strong{font-size:13px}}
@media(min-width:750px) and (max-width:1024px){.kyc-mobile .kyc-content{width:min(720px,calc(100% - 40px));padding-top:28px}.kyc-mobile .kyc-fields,.kyc-mobile .kyc-documents>div{grid-template-columns:1fr 1fr}.kyc-mobile .kyc-document-preview{height:210px}.kyc-mobile .kyc-result dl{grid-template-columns:1fr 1fr}}