:root{--jiao-blue: #003da5;--jiao-blue-deep: #00297a;--jiao-blue-light: #1a63d6;--jiao-sky: #eaf1fd;--jiao-orange: #ff7a1a;--jiao-red: #d52b1e;--jiao-green: #0a8f5a;--jiao-bg: #f2f4f8;--jiao-card: #ffffff;--jiao-text: #16223a;--jiao-sub: #8590a5;--jiao-line: #ebedf2;--jiao-grad: linear-gradient(150deg, #1a63d6 0%, #003da5 55%, #00297a 100%)}*{margin:0;padding:0;box-sizing:border-box}body{background:#e3e7ef;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;color:var(--jiao-text);-webkit-font-smoothing:antialiased}.app-frame{min-height:100vh;display:flex;justify-content:center}.phone{position:relative;width:100%;max-width:420px;min-height:100vh;background:var(--jiao-bg);box-shadow:0 0 30px #0d295c38;display:flex;flex-direction:column}.phone>:not(.demo-badge){flex:1}.page{flex:1;padding-bottom:70px;overflow-y:auto}.page-no-nav{padding-bottom:0}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:100%;max-width:420px;height:60px;background:#fff;border-top:1px solid var(--jiao-line);display:flex;z-index:100;padding-bottom:4px}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;text-decoration:none;color:var(--jiao-sub);font-size:11px}.bottom-nav-icon{font-size:22px;line-height:1}.bottom-nav-item.active{color:var(--jiao-blue);font-weight:600}.demo-badge{position:fixed;top:8px;right:8px;background:#00297ad1;color:#fff;font-size:10px;padding:3px 9px;border-radius:10px;z-index:200;pointer-events:none}.welcome{min-height:100vh;background:var(--jiao-grad);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:36px;text-align:center}.welcome-logo{width:84px;height:84px;border-radius:24px;background:#fff;display:flex;align-items:center;justify-content:center;color:var(--jiao-blue);margin-bottom:22px;box-shadow:0 10px 30px #00184459}.welcome h1{font-size:25px;letter-spacing:7px;font-weight:600}.welcome .en{font-size:10px;letter-spacing:3px;opacity:.7;margin-top:8px}.welcome .sub{font-size:13px;opacity:.85;margin-top:42px}.welcome-actions{margin-top:46px;width:100%;display:flex;flex-direction:column;gap:14px}.welcome-actions button{width:100%;padding:14px;border-radius:26px;border:none;font-size:16px;cursor:pointer}.btn-primary{background:#fff;color:var(--jiao-blue);font-weight:600}.btn-ghost{background:#ffffff1f;color:#fff;border:1px solid rgba(255,255,255,.55)}.welcome-tip{margin-top:26px;font-size:11px;opacity:.62;line-height:1.7}.login-page{min-height:100vh;background:#fff;display:flex;flex-direction:column;padding:0}.login-hero{background:var(--jiao-grad);color:#fff;padding:34px 28px 44px;border-radius:0 0 26px 26px}.login-hero .brand-row{display:flex;align-items:center;gap:10px}.login-hero .mini-logo{width:42px;height:42px;border-radius:12px;background:#fff;color:var(--jiao-blue);display:flex;align-items:center;justify-content:center;font-size:20px}.login-hero h2{font-size:19px;font-weight:600;letter-spacing:2px}.login-hero p{font-size:11px;opacity:.8;margin-top:3px;letter-spacing:1px}.login-hero .hero-tip{margin-top:26px;font-size:14px;opacity:.95}.login-hero .hero-tip b{font-size:22px;font-weight:700;letter-spacing:1px}.login-form{padding:26px 28px}.field{margin-bottom:20px}.field label{display:block;font-size:13px;color:var(--jiao-sub);margin-bottom:8px}.field input{width:100%;padding:14px;border:1px solid var(--jiao-line);border-radius:12px;font-size:15px;outline:none;background:#fafbfd}.field input:focus{border-color:var(--jiao-blue);background:#fff}.code-row{display:flex;gap:10px}.code-row input{flex:1}.code-btn{width:108px;flex-shrink:0;border:1px solid var(--jiao-blue);background:#fff;color:var(--jiao-blue);border-radius:12px;font-size:13px;cursor:pointer}.code-btn:disabled{opacity:.5}.login-btn{width:100%;padding:14px;border-radius:26px;border:none;background:var(--jiao-grad);color:#fff;font-size:16px;font-weight:600;cursor:pointer;margin-top:10px;box-shadow:0 8px 20px #003da547}.login-btn:disabled{opacity:.6}.login-tip{margin-top:18px;font-size:12px;color:var(--jiao-sub);text-align:center;line-height:1.7}.error-text{color:var(--jiao-red);font-size:13px;margin-bottom:12px;text-align:center}.back-link{display:block;margin-top:22px;text-align:center;color:var(--jiao-sub);text-decoration:none;font-size:13px}.hd{background:var(--jiao-grad);color:#fff;padding:16px 20px 40px}.hd .hd-row{display:flex;justify-content:space-between;align-items:center}.hd .brand-line{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;letter-spacing:1.5px}.hd .brand-line .dot{width:22px;height:22px;border-radius:7px;background:#fff;color:var(--jiao-blue);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.hd .greet{font-size:12px;opacity:.85;margin-top:14px}.hd .name{font-size:17px;font-weight:600;margin-top:3px}.hd .hd-icon{font-size:20px;opacity:.9;cursor:pointer}.hd .search-box{margin-top:16px;background:#ffffff2e;border:1px solid rgba(255,255,255,.25);border-radius:20px;height:36px;display:flex;align-items:center;gap:8px;padding:0 14px;font-size:13px;color:#ffffffd9;cursor:pointer}.hd .search-box .ph{flex:1;opacity:.85}.asset-card{margin:-30px 14px 0;background:#fff;border-radius:16px;padding:20px 18px;box-shadow:0 8px 24px #0d2d641f;position:relative}.asset-card .asset-top{display:flex;justify-content:space-between;align-items:center}.asset-label{font-size:12px;color:var(--jiao-sub);display:flex;align-items:center;gap:5px}.asset-eye{font-size:15px;color:var(--jiao-sub);cursor:pointer}.asset-value{font-size:32px;font-weight:700;color:var(--jiao-blue);margin-top:8px;letter-spacing:.5px}.asset-value .rmb{font-size:16px;font-weight:500;margin-right:2px}.asset-value.masked{letter-spacing:2px}.asset-foot{display:flex;justify-content:space-between;margin-top:12px;font-size:11px;color:var(--jiao-sub)}.quick-row{margin:16px 14px 0;background:#fff;border-radius:16px;padding:16px 6px;display:grid;grid-template-columns:repeat(4,1fr)}.quick-item{display:flex;flex-direction:column;align-items:center;gap:7px;text-decoration:none;color:var(--jiao-text);font-size:12px}.quick-ico{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;color:#fff}.q-blue{background:linear-gradient(140deg,#4d8df6,#1a63d6)}.q-orange{background:linear-gradient(140deg,#ffa14d,#ff7a1a)}.q-teal{background:linear-gradient(140deg,#35c48d,#0a8f5a)}.q-red{background:linear-gradient(140deg,#f26d5f,#d52b1e)}.section-title{font-size:14px;font-weight:600;color:var(--jiao-text);margin:20px 16px 10px}.section-title .more{float:right;font-size:12px;color:var(--jiao-sub);font-weight:400}.grid-menu{margin:4px 14px 0;background:#fff;border-radius:16px;padding:10px 4px;display:grid;grid-template-columns:repeat(4,1fr)}.grid-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:13px 0;text-decoration:none;color:var(--jiao-text);font-size:12px;border:none;background:transparent;cursor:pointer;font-family:inherit}.grid-item .ico{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--jiao-blue);background:var(--jiao-sky)}.grid-item:nth-child(2n) .ico{color:var(--jiao-orange);background:#fff1e3}.grid-item:nth-child(3n) .ico{color:var(--jiao-green);background:#e6f6ee}.grid-item:nth-child(4n) .ico{color:#7a5af8;background:#efeaff}.banner-wrap{margin:6px 14px 0}.banner{background:linear-gradient(120deg,#1a63d6,#003da5 70%,#00297a);border-radius:14px;color:#fff;padding:18px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;border:none;width:100%;text-align:left;font-family:inherit}.banner .b-title{font-size:15px;font-weight:600}.banner .b-sub{font-size:11px;opacity:.8;margin-top:5px}.banner .b-tag{background:#fff3;border:1px solid rgba(255,255,255,.45);padding:5px 12px;border-radius:14px;font-size:12px;flex-shrink:0}.product-card{margin:6px 14px 0;background:#fff;border-radius:14px;padding:16px;display:flex;justify-content:space-between;align-items:center;text-decoration:none;color:var(--jiao-text);border:none;width:calc(100% - 28px);text-align:left;font-family:inherit;cursor:pointer}.product-card .p-left{display:flex;align-items:center;gap:12px}.product-card .p-ico{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;color:var(--jiao-blue);background:var(--jiao-sky)}.product-card .p-name{font-size:14px;font-weight:600}.product-card .p-sub{font-size:11px;color:var(--jiao-sub);margin-top:3px}.product-card .p-rate{text-align:right}.product-card .p-rate b{font-size:16px;color:var(--jiao-orange)}.product-card .p-rate span{display:block;font-size:10px;color:var(--jiao-sub);margin-top:2px}.card-strip{margin:8px 14px 0;background:linear-gradient(135deg,#1a63d6,#003da5 55%,#00297a);border-radius:16px;padding:18px;color:#fff;text-decoration:none;display:block;box-shadow:0 8px 20px #002f7a40;position:relative;overflow:hidden}.card-strip:after{content:"";position:absolute;right:-36px;top:-36px;width:130px;height:130px;border-radius:50%;background:#ffffff14}.card-strip .bank-name{font-size:12px;opacity:.92;display:flex;justify-content:space-between;align-items:center}.card-strip .chip{width:30px;height:22px;border-radius:5px;background:linear-gradient(135deg,#f5d488,#d9a94b);border:1px solid rgba(120,80,10,.4);display:inline-block}.card-strip .num{font-size:18px;letter-spacing:2.5px;margin:14px 0 10px;font-weight:500}.card-strip .bottom{font-size:11px;opacity:.82;display:flex;justify-content:space-between}.list-card{margin:8px 14px;background:#fff;border-radius:14px;overflow:hidden}.list-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 16px;border-bottom:1px solid var(--jiao-line);text-decoration:none;color:var(--jiao-text);font-family:inherit;font-size:inherit;background:transparent;width:100%;text-align:left;cursor:pointer}.list-row:last-child{border-bottom:none}.list-row .t{font-size:14px}.list-row .s{font-size:12px;color:var(--jiao-sub);margin-top:3px}.list-row .v{font-size:15px;font-weight:600;text-align:right}.list-row .arrow{color:#c3c9d6;font-size:16px}.v-out{color:var(--jiao-blue)}.v-in{color:var(--jiao-orange)}.tx-item{display:flex;align-items:center;padding:14px 16px;border-bottom:1px solid var(--jiao-line)}.tx-item:last-child{border-bottom:none}.tx-icon{width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:17px;color:#fff;margin-right:12px;flex-shrink:0}.tx-icon.debit,.tx-icon.transfer_out{background:linear-gradient(140deg,#4d8df6,#1a63d6)}.tx-icon.credit,.tx-icon.transfer_in{background:linear-gradient(140deg,#ffa14d,#ff7a1a)}.tx-main{flex:1;min-width:0}.tx-title{font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tx-sub{font-size:11px;color:var(--jiao-sub);margin-top:3px}.tx-amount{font-size:15px;font-weight:600}.tx-amount.out{color:var(--jiao-text)}.tx-amount.in{color:var(--jiao-orange)}.tx-balance{font-size:11px;color:var(--jiao-sub);margin-top:3px}.chips{display:flex;gap:8px;padding:12px 14px;overflow-x:auto}.chip{flex-shrink:0;padding:6px 15px;border-radius:16px;border:1px solid var(--jiao-line);background:#fff;font-size:12px;color:var(--jiao-sub);cursor:pointer;font-family:inherit}.chip.active{background:var(--jiao-blue);border-color:var(--jiao-blue);color:#fff}.btn{display:block;width:calc(100% - 28px);margin:16px 14px 0;padding:14px;border:none;border-radius:26px;background:var(--jiao-grad);color:#fff;font-size:15px;font-weight:600;cursor:pointer;text-align:center;font-family:inherit;box-shadow:0 8px 20px #003da540}.btn:disabled{opacity:.6}.btn-orange{background:linear-gradient(140deg,#ffa14d,#ff7a1a);box-shadow:0 8px 20px #ff7a1a47}.btn-plain{background:#fff;color:var(--jiao-blue);border:1px solid var(--jiao-blue);box-shadow:none}.empty{text-align:center;color:var(--jiao-sub);padding:48px 16px;font-size:13px}.load-more{text-align:center;padding:14px;font-size:12px;color:var(--jiao-sub);cursor:pointer}.result-page{text-align:center;padding:64px 24px}.result-page .ok{font-size:56px;color:var(--jiao-green)}.result-page .fail{font-size:56px;color:var(--jiao-red)}.result-page h3{margin:16px 0 6px;font-size:18px}.result-page p{color:var(--jiao-sub);font-size:13px;line-height:1.7}.notice{margin:14px;background:#fff7ec;border:1px solid #ffe1bd;color:#8a5300;border-radius:12px;padding:11px 13px;font-size:12px;line-height:1.7}.pick-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--jiao-line);cursor:pointer}.pick-row:last-child{border-bottom:none}.pick-dot{width:18px;height:18px;border-radius:50%;border:2px solid #c9cfdb;flex-shrink:0;display:flex;align-items:center;justify-content:center}.pick-row.on .pick-dot{border-color:var(--jiao-blue)}.pick-row.on .pick-dot:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--jiao-blue)}