:root {
  --green: #18c6a1;
  --green-deep: #059d7f;
  --mint: #53dbc2;
  --orange: #ff9d58;
  --yellow: #ffbd38;
  --red: #ef4451;
  --ink: #17191c;
  --muted: #767b81;
  --soft: #f5f6f7;
  --line: #eceef0;
  --page: #fff;
  --shadow: 0 14px 34px rgba(25, 35, 45, .09);
  font-family: -apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", "Microsoft YaHei", sans-serif;
  color: var(--ink);
  background: #e9ecef;
}

* { box-sizing: border-box; }
html, body { margin: 0; min-height: 100%; background: #e9ecef; }
button { color: inherit; font: inherit; border: 0; padding: 0; background: none; cursor: pointer; }
button:active { transform: scale(.98); }
svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }

.app-shell {
  width: min(100%, 402px);
  min-height: 100dvh;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  background: var(--page);
  box-shadow: 0 0 42px rgba(22, 32, 38, .12);
}

.status-bar {
  width:min(100%,402px);
  height:min(15.42vw,62px);
  padding:0;
  position: fixed;
  z-index: 40;
  left:50%;
  top:0;
  transform:translateX(-50%);
  pointer-events: none;
  overflow:hidden;
  background:#fff;
  color:#000;
}
.status-bar-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill}
.status-bar time{position:absolute;z-index:2;left:9.55%;top:39%;width:13.7%;height:38%;display:flex;align-items:center;background:#fff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:clamp(17px,4.75cqw,19px);font-weight:600;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.status-silent-mask{position:absolute;z-index:2;left:22.97%;top:36.56%;width:4.56%;height:31.18%;background:#fff}
.status-silent-art{position:absolute;z-index:3;left:22.97%;top:39.78%;width:4.56%;height:31.18%;object-fit:fill}
.status-icons{position:absolute;z-index:2;inset:0;color:#fff}
.battery{position:absolute;right:8.87%;top:40.86%;width:6.39%;height:23.12%;border-radius:4.6px;background:#000;color:#fff;display:grid;place-items:center}
.battery b{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:clamp(9px,2.55cqw,10.25px);font-weight:700;line-height:1;letter-spacing:0}
.status-bar.network-offline:after{content:"";position:absolute;z-index:3;right:17.2%;top:39%;width:2px;height:28%;border-radius:2px;background:#000;transform:rotate(-42deg);transform-origin:center}
.status-network-toggle{position:absolute;z-index:5;left:77.35%;top:39.5%;width:6.1%;height:31%;padding:0;border:0;border-radius:0;background:transparent;color:#000;pointer-events:auto;display:grid;place-items:center}
.status-network-toggle span{display:none;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",sans-serif;font-size:clamp(13.5px,3.9cqw,15.75px);font-weight:700;line-height:1;letter-spacing:0}
.status-network-toggle.show-5g{background:#fff}.status-network-toggle.show-5g span{display:block}

.screens { min-height: 874px; }
.screen { display: none; min-height: 874px; padding-bottom: 86px; background: #fff; }
.screen.active { display: block; animation: screenIn .26s ease both; }
@keyframes screenIn { from { opacity:.4; transform:translateY(6px) } to { opacity:1; transform:none } }

.home-hero {
  height: 203px;
  position: relative;
  overflow: hidden;
  padding-top: 56px;
  color: #fff;
  background:
    radial-gradient(circle at 75% 19%, rgba(87,231,184,.92), transparent 34%),
    radial-gradient(circle at 25% 13%, rgba(0,177,209,.82), transparent 40%),
    linear-gradient(158deg, #16aace 0%, #1ec8ac 46%, #fff5c9 87%, #fff 100%);
}
.home-hero:after { content:""; position:absolute; inset:auto -20% -65px; height:115px; background:rgba(255,255,255,.72); filter:blur(30px); transform:rotate(-4deg); }

.top-tools { height: 54px; position: relative; z-index: 4; padding: 3px 16px 0; display: flex; align-items: flex-start; gap: 10px; }
.top-tools .tool { min-width: 38px; display:flex; flex-direction:column; align-items:center; gap:1px; }
.top-tools .tool .line-icon { font-size: 23px; font-weight: 300; line-height: 25px; }
.top-tools small { font-size: 11px; font-weight: 600; white-space: nowrap; }
.top-tools.light { color:#fff; text-shadow:0 1px 5px rgba(0,80,80,.18); }
.top-tools.dark { color:#151719; }
.search-box { flex:1; min-width:0; height:36px; border-radius:20px; display:flex; align-items:center; gap:9px; padding:0 10px; background:rgba(255,255,255,.24); color:inherit; text-align:left; }
.top-tools.dark .search-box { background:#f2f3f4; color:#aaa; }
.search-box svg { width:18px; height:18px; flex:none; stroke-width:2; }
.search-box .mic { margin-left:auto; width:19px; height:21px; }
.search-box span { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; }

.hero-copy { position:absolute; z-index:3; left:25px; top:90px; width:255px; color:#0c4f47; }
.hero-copy .eyebrow { margin:0 0 3px; font-size:11px; letter-spacing:.08em; opacity:.74; }
.hero-copy h1 { margin:0 0 2px; font-size:27px; line-height:1.15; letter-spacing:-.04em; }
.hero-copy p:not(.eyebrow) { margin:0; font-size:15px; }
.hero-copy button { margin-top:10px; padding:7px 12px; border-radius:18px; background:linear-gradient(135deg,#f7ad43,#ffcf6a); box-shadow:0 5px 14px rgba(199,126,19,.2); color:white; font-size:12px; font-weight:700; }
.card-fan { position:absolute; right:10px; top:78px; z-index:2; width:124px; height:84px; }
.bank-card { position:absolute; width:90px; height:54px; border-radius:5px; box-shadow:0 5px 12px rgba(0,0,0,.19); padding:7px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; font-size:8px; }
.bank-card i { font-style:normal; font-weight:700; }.bank-card b{align-self:flex-end;font-size:7px}
.bank-card.c1{left:4px;top:0;transform:rotate(-9deg);background:linear-gradient(135deg,#ef7a38,#ffcf9c)}
.bank-card.c2{right:0;top:18px;transform:rotate(8deg);background:linear-gradient(135deg,#0665b8,#72b6ee)}
.bank-card.c3{left:16px;bottom:0;transform:rotate(0deg);background:linear-gradient(135deg,#9b1f2c,#d9a443)}

.home-content { margin-top:-33px; position:relative; z-index:6; padding:0 22px 30px; }
.quick-panel { height:auto; min-height:0; aspect-ratio:1078 / 361; position:relative; overflow:hidden; border-radius:22px; }
.quick-strip-art{position:absolute;left:-5.6%;top:-10.2%;width:111.9%;height:120.5%;object-fit:fill;display:block;pointer-events:none}.quick-panel button{position:absolute;top:0;height:100%;width:25%;background:transparent;z-index:2}.quick-panel button:nth-of-type(1){left:0}.quick-panel button:nth-of-type(2){left:25%}.quick-panel button:nth-of-type(3){left:50%}.quick-panel button:nth-of-type(4){left:75%}

.service-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:25px 5px; padding:30px 0 22px; }
.service-grid button { display:flex; flex-direction:column; align-items:center; gap:8px; min-width:0; }
.service-grid .service-icon { width:39px; height:39px; display:grid; place-items:center; color:#41464b; }
.service-grid .service-icon svg { width:36px; height:36px; stroke-width:1.55; }
.service-grid button span:last-child { font-size:13px; font-weight:600; white-space:nowrap; }
.service-grid .accent { color:#ef6669; }

.ticker-list { display:grid; gap:13px; margin:5px 0 21px; }
.ticker-list button { display:grid; grid-template-columns:53px 1fr; align-items:center; text-align:left; min-width:0; }
.ticker-list b, .headline-row b { font-size:19px; font-weight:800; background:linear-gradient(transparent 60%,#fff0b1 60%); }
.ticker-list span { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:14px; color:#414347; }

.promo-card { width:100%; height:124px; border-radius:18px; padding:24px; display:flex; align-items:center; text-align:left; position:relative; overflow:hidden; }
.promo-card.blue { background:linear-gradient(112deg,#fff 4%,#edf8ff 55%,#dbeaff 100%); box-shadow:0 7px 20px rgba(70,107,142,.08); color:#673223; }
.promo-card div:first-child { display:flex; flex-direction:column; gap:7px; position:relative; z-index:2; }
.promo-card strong { font-size:20px; }.promo-card span{font-size:13px;color:#7d7f84}.promo-card>small{position:absolute;right:10px;bottom:7px;font-size:8px;color:#777}
.gift-art { position:absolute; right:34px; bottom:15px; width:77px; height:69px; border-radius:12px 12px 25px 25px; background:linear-gradient(145deg,#3867f5,#6a32c9); box-shadow:0 11px 18px rgba(72,64,199,.24); transform:rotate(-3deg); color:#ffd570; display:grid; place-items:center; }
.gift-art:before { content:""; position:absolute; inset:-10px 30px -4px; background:#f7bb42; transform:rotate(15deg); }.gift-art i,.gift-art b{position:relative;z-index:1}.gift-art i{font-style:normal;font-size:14px}.gift-art b{font-size:23px}
.section-link { width:100%; display:flex; justify-content:space-between; align-items:center; padding:30px 0 18px; }
.section-link strong { font-size:24px; }.section-link span{font-size:32px;color:#999;font-weight:300}
.wealth-preview { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; padding:18px 12px; border-radius:17px; background:#fffaf0; }
.wealth-preview div { text-align:center; display:grid; gap:3px; }.wealth-preview small,.wealth-preview span{color:#888;font-size:10px}.wealth-preview strong{color:#e44b4f;font-size:18px}

.plain-page { min-height:100dvh; padding-top:57px; background:#fff; }
.plain-page > *:not(.top-tools) { margin-left:22px; margin-right:22px; }
.wealth-summary { min-height:145px; margin-top:21px; border-radius:20px; background:linear-gradient(115deg,#ffe5b4,#ffedc7 55%,#ffe1a6); box-shadow:0 12px 25px rgba(170,104,26,.11); color:#8b3219; overflow:hidden; transition:min-height .25s ease; }
.summary-logged-out { min-height:145px; padding:0 23px; display:flex; align-items:center; justify-content:space-between; gap:12px; }
.summary-logged-out h2 { font-size:20px; margin:0; white-space:nowrap; }.summary-logged-out button{border:1px solid #9a5b42;border-radius:25px;padding:11px 24px;font-weight:700;white-space:nowrap}
.summary-logged-in { display:none; padding:20px 23px 15px; }
.wealth-summary.logged-in { min-height:232px; background:linear-gradient(115deg,#ffe4ad,#ffedc9 55%,#ffdfa2); }
.wealth-summary.logged-in .summary-logged-out { display:none; }.wealth-summary.logged-in .summary-logged-in{display:block;animation:screenIn .25s ease}
.sum-head,.sum-numbers{display:flex;justify-content:space-between;align-items:center}.sum-head span,.sum-head button{font-size:14px;font-weight:700}.sum-numbers{margin:13px 0 19px}.sum-numbers strong{font-size:30px}.sum-numbers b{font-size:27px;color:#df3c49}
.sum-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 26px;font-size:13px}.sum-grid span{display:flex;justify-content:space-between}.sum-grid b{font-weight:500}.summary-logged-in>small{display:block;margin-top:15px;font-size:11px}
.wealth-services { padding-top:29px; }
.headline-row { display:grid; grid-template-columns:63px 1fr; gap:9px; align-items:center; margin-top:1px; margin-bottom:24px; }
.headline-row span { font-size:14px; line-height:1.55; }
.product-card { position:relative; border-radius:18px; background:#fff; box-shadow:0 7px 23px rgba(80,66,29,.09); overflow:hidden; padding:0 25px 18px; text-align:center; }
.product-tabs { height:48px; margin:0 -25px 17px; display:grid; grid-template-columns:repeat(3,1fr); align-items:center; background:linear-gradient(100deg,#fff 0 25%,#fff0ce 29% 64%,#fff8e6 72%); }
.product-tabs b{font-size:19px;text-decoration:underline 3px #ffbd38;text-underline-offset:7px}.product-tabs span{font-size:15px;color:#725d44}
.product-card h3{font-size:15px;font-weight:500;margin:0 0 19px}.product-facts{display:grid;grid-template-columns:1.1fr 1fr 1.2fr;gap:6px;align-items:end;margin-bottom:18px}.product-facts div{display:grid;gap:6px}.product-facts strong{font-size:19px;color:#e54c52}.product-facts b{font-size:13px}.product-facts span{font-size:10px;color:#929292}
.product-card>button{width:80%;height:40px;border-radius:22px;color:#fff;background:linear-gradient(90deg,#ffb206,#ff9900);font-size:18px;font-weight:600}.product-card p{font-size:8px;color:#989898;line-height:1.6;margin:10px 12px 0}.product-card>small{position:absolute;right:9px;bottom:8px;color:#777;font-size:8px}
.cash-zone { width:calc(100% - 44px); margin-top:28px!important; display:flex; justify-content:space-between; align-items:center; padding-bottom:16px; border-bottom:1px solid var(--line); }.cash-zone strong{font-size:23px;text-decoration:underline 3px #ef4b54;text-underline-offset:4px}.cash-zone span{color:#777;font-size:13px}

.simple-header { padding:84px 24px 22px; background:linear-gradient(145deg,#effffb,#fff); }.simple-header h1{margin:0;font-size:30px}.simple-header p{margin:5px 0 0;color:#75817d;font-size:13px}
.life-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:24px 7px; padding:24px 20px; }.life-grid button{display:grid;place-items:center;gap:8px}.life-grid b{width:48px;height:48px;border-radius:17px;background:linear-gradient(145deg,#dffff7,#91ecd8);display:grid;place-items:center;color:#058f75;font-size:23px}.life-grid span{font-size:13px}
.life-banner{margin:10px 22px 22px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#132f2b,#1d8776);color:#fff;display:flex;justify-content:space-between;align-items:center;min-height:150px}.life-banner small{color:#9ee9d8}.life-banner h2{font-size:20px;margin:8px 0}.life-banner p{font-size:11px;opacity:.8;max-width:230px}.city-art{font-size:70px;color:#70dfc7;opacity:.75}
.fake-list,.story-list{margin:0 22px;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.fake-list button{width:100%;padding:18px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.fake-list button:last-child{border:0}.fake-list b{color:#aaa}
.story-feature{margin:12px 22px 24px;padding:26px 23px;border-radius:20px;background:linear-gradient(135deg,#fff1cb,#ffd98e);color:#603b15}.story-feature span{font-size:11px}.story-feature h2{font-size:23px;margin:13px 0 8px;max-width:300px}.story-feature p{font-size:12px;color:#846342}.story-list button{display:flex;width:100%;text-align:left;padding:14px;background:#fff;border-bottom:1px solid var(--line);gap:13px}.story-thumb{width:78px;height:57px;border-radius:10px;background:linear-gradient(135deg,#c7eee5,#38b69a);flex:none}.story-thumb.t2{background:linear-gradient(135deg,#ffe3ad,#ef9c59)}.story-thumb.t3{background:linear-gradient(135deg,#d6e6ff,#6f91d7)}.story-list button>span{display:grid;align-content:center;gap:8px}.story-list small{font-size:10px;color:#999}

.profile-page { min-height:874px; height:874px; overflow-y:auto; padding:0 22px 15px; background:#f6f7f8; }
.profile-top-viewport{height:330px;margin:0 -22px;overflow:hidden;background:#fff;position:relative}.profile-top-art{display:block;width:100%;height:auto}.profile-benefit-mask{position:absolute;z-index:2;right:5px;top:129px;width:94px;height:42px;border-radius:8px;background:#fff}.profile-benefit{position:absolute;z-index:3;right:10px;top:136px;width:84px;height:31px;border-radius:8px;color:#fff;background:linear-gradient(135deg,#d9b768,#ecd28a);font-size:13px;box-shadow:0 5px 10px rgba(182,137,45,.12)}.profile-benefit span{font-size:17px;line-height:0;margin-left:2px}.profile-login-time{position:absolute;z-index:3;left:74px;top:168px;display:block;width:230px;height:21px;padding-top:1px;background:#fff;color:#757b80;font-size:11px;line-height:19px;font-variant-numeric:tabular-nums;white-space:nowrap}
.profile-page>.profile-tools,.profile-page>.identity-row,.profile-page>.member-row,.profile-page>.black-card{display:none}
.profile-tools { display:flex; justify-content:space-between; align-items:flex-start; }.profile-tools>button,.profile-tools>div button{display:grid;place-items:center;gap:2px}.profile-tools>div{display:flex;gap:21px}.profile-tools span{font-size:24px;line-height:26px}.profile-tools small{font-size:11px;font-weight:600}
.identity-row{display:grid;grid-template-columns:75px 1fr auto;gap:12px;align-items:center;margin-top:29px}.avatar{width:67px;height:67px;border-radius:23px;background:linear-gradient(145deg,#edf1ef,#d5e4df);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #e2e8e5}.avatar span{width:47px;height:47px;border-radius:50% 50% 46% 46%;background:linear-gradient(#2f3944 0 30%,#e4c2ad 31% 65%,#374559 66%);display:grid;place-items:center;color:#fff;font-size:12px;padding-top:20px}
.identity-row h2{margin:0 0 6px;font-size:18px}.identity-row p,.identity-row small{margin:0;color:#757b80;font-size:12px;line-height:1.8}.identity-row>button{padding:10px 12px;border-radius:8px;color:white;background:linear-gradient(135deg,#d8b25e,#f2d58d);box-shadow:0 6px 15px rgba(182,137,45,.18);font-size:13px}
.member-row{display:flex;justify-content:space-around;margin:27px 4px 17px}.member-row button{font-size:14px;font-weight:700}.member-row button:last-child{color:#51473e}
.black-card{height:108px;border-radius:20px 20px 0 0;background:linear-gradient(135deg,#343536,#050b12);display:grid;grid-template-columns:repeat(4,1fr);padding:23px 16px;color:#f0d888;box-shadow:0 11px 22px rgba(5,10,13,.18);position:relative;overflow:hidden}.black-card:after{content:"";position:absolute;width:180px;height:90px;right:-10px;bottom:-40px;border:1px solid rgba(240,216,136,.35);transform:rotate(45deg)}.black-card div{display:grid;text-align:center;gap:7px;z-index:1}.black-card strong{font-size:20px}.black-card span{font-size:13px;color:#eee}
.profile-cards{margin-top:-4px;position:relative;z-index:2}.profile-cards article{background:#fff;border-radius:19px;margin-bottom:16px;padding:20px;box-shadow:0 8px 25px rgba(37,42,47,.07)}.card-title{width:100%;display:flex;justify-content:space-between;align-items:center}.card-title strong{font-size:23px}.card-title i{font-style:normal;font-size:13px;color:#92979b}.card-title i.refresh-icon{display:inline-block;margin-left:5px;color:#33c7a9;font-size:22px;font-weight:500;line-height:1;transform:rotate(-18deg);vertical-align:-1px}.card-title>span{font-size:28px;color:#9ba0a3}.money-pair{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin:19px 0}.money-pair div{display:grid;gap:6px;border-left:3px solid var(--green);padding-left:8px}.money-pair div:nth-child(2){border-color:#f4ba3e}.money-pair small{font-size:13px;color:#757a7f}.money-pair b{font-size:22px;white-space:nowrap}.card-note{width:100%;text-align:left;border-top:1px solid var(--line);padding-top:13px;color:#6c7277;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-note.split{display:flex;justify-content:space-between}.card-note.split b{color:#25282a}.ratio-bar{height:5px;border-radius:5px;background:#efbc4e;overflow:hidden;margin-bottom:15px}.ratio-bar i{display:block;width:80%;height:100%;background:var(--green);border-right:4px solid #fff}.branch-card p{font-size:12px;color:#7d8286;margin:14px 0 0}

.bottom-nav { position:fixed; z-index:50; left:50%; bottom:0; transform:translateX(-50%); width:min(100%,402px); height:75px; padding:0; background:#fff; border-top:1px solid #e7e9ea; box-shadow:0 -5px 15px rgba(30,40,45,.03); display:grid; grid-template-columns:repeat(5,1fr); overflow:hidden; }
.bottom-nav-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none;z-index:0}.bottom-nav button{position:relative;z-index:1;display:block;width:100%;height:100%;min-width:0;background:transparent;overflow:hidden}.bottom-nav button.active{color:transparent}

/* The 我的 screen is a single pixel-faithful reference image. Only invisible hit areas remain interactive. */
.screen.mine{padding-bottom:0;background:#fff}
.profile-page{height:100%;min-height:0;padding:0;overflow:hidden;background:#fff}
.profile-exact{position:relative;width:100%;height:auto;line-height:0}
.profile-exact>img{display:block;width:100%;height:auto}
.profile-refresh-time{position:absolute;z-index:2;left:23.7%;top:19.5%;width:28.5%;height:1.55%;display:flex;align-items:center;background:#fff;color:#70767a;font-size:clamp(10px,2.7vw,11px);line-height:1;white-space:nowrap;font-variant-numeric:tabular-nums}
.profile-bill-month{position:absolute;z-index:2;left:55.3%;top:77.92%;width:30.8%;height:1.72%;display:flex;align-items:center;background:#fff;color:#808386;font-size:clamp(12px,3.2vw,14px);line-height:1;white-space:nowrap}
.profile-input-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.amount-field{position:absolute;display:block;background:#fff;overflow:hidden;pointer-events:auto;font-family:inherit;font-size:clamp(16px,4.6vw,20px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:-.025em;box-shadow:0 0 0 2px #fff}
.amount-field input{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;background:#fff;color:#2a2c2e;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit;outline:0;appearance:none;-webkit-appearance:none}
.amount-assets::before,.amount-liability::before,.amount-expense::before,.amount-income::before{content:'¥';position:absolute;z-index:1;left:.4vw;top:57%;transform:translateY(-50%);color:#2a2c2e;font:inherit;font-size:75%;line-height:1}
.amount-assets input,.amount-liability input,.amount-expense input,.amount-income input{padding-left:calc(.7em + .4vw)}
.amount-field input:focus{box-shadow:none}
.amount-assets{left:9.6%;top:49.15%;width:38.5%;height:4.45%}
.amount-liability{left:54.1%;top:49.15%;width:38.5%;height:4.45%}
.amount-card-due{left:55.7%;top:55.38%;width:36.5%;height:1.83%;box-shadow:none;display:flex;align-items:center;gap:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;--card-due-end-space:4px}
.amount-card-due::-webkit-scrollbar{display:none}
.amount-card-due{font-size:13px;color:#6c7277;letter-spacing:0}
.amount-card-due input{width:1px;max-width:none;height:100%;flex:none;color:inherit;min-width:0;overflow:hidden;text-overflow:clip;padding-right:2px}
.card-due-measure{position:absolute;left:0;top:0;visibility:hidden;pointer-events:none;display:block;width:max-content;white-space:pre;font:inherit;font-variant-numeric:inherit;letter-spacing:inherit;line-height:1}
.card-due-suffix{position:relative;z-index:1;flex:none;font:inherit;line-height:1;white-space:nowrap;margin-left:calc(-1 * var(--card-due-end-space));background:transparent}
.card-due-arrow{display:block;flex:none;width:.8em;height:1.05em;margin-left:.35em;object-fit:contain}
.amount-expense{left:9.6%;top:69.3%;width:38.5%;height:4.45%}
.amount-income{left:54.1%;top:69.3%;width:38.5%;height:4.45%}
.cashflow-balance{position:absolute;left:8.2%;top:73.18%;width:84%;height:1.35%;display:flex;overflow:hidden;border-radius:999px;pointer-events:none;z-index:4;box-shadow:0 0 0 2px #fff;--expense-share:80.8%}
.cashflow-balance i,.cashflow-balance b{display:block;height:100%}
.cashflow-balance i{width:var(--expense-share);background:#53b99f}
.cashflow-balance b{width:calc(100% - var(--expense-share));background:#f0b94d}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.profile-hotspot,.profile-nav-hit{position:absolute;z-index:2;border:0;background:transparent;padding:0}
.profile-nav-hit{bottom:0;height:7.5%;width:20%}
.profile-nav-home{left:0}.profile-nav-wealth{left:20%}.profile-nav-life{left:40%}.profile-nav-info{left:60%}
.app-shell:has(.screen.mine.active)>.bottom-nav{display:none}

/* 财富 uses the supplied full-screen reference with transparent editable amount layers. */
.screen.wealth-screen{padding:0;background:#fff}
.wealth-exact{position:relative;width:100%;height:auto;line-height:0;container-type:inline-size}
.wealth-exact>img{display:block;width:100%;height:auto}
.wealth-total-field{position:absolute;z-index:2;left:9.35%;top:19.25%;width:37.4%;height:4.45%;display:flex;align-items:center;padding:0 0 0 1.6cqw;overflow:hidden;background:transparent;box-shadow:none;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-size:clamp(26px,7.35cqw,29.5px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.wealth-total-field input{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#783a19;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit;appearance:none;-webkit-appearance:none}
.wealth-total-measure{position:absolute;left:0;top:0;display:block;width:max-content;visibility:hidden;pointer-events:none;white-space:pre;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit}
.wealth-money-field{position:absolute;z-index:2;display:flex;align-items:center;overflow:hidden;background:transparent;box-shadow:none;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-size:clamp(11px,3.25cqw,13px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0}
.wealth-money-field input{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:#713818;font:inherit;line-height:1;text-align:right;font-variant-numeric:inherit;letter-spacing:inherit;appearance:none;-webkit-appearance:none}
.wealth-money-measure{position:absolute;left:0;top:0;display:block;width:max-content;visibility:hidden;pointer-events:none;white-space:pre;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit}
.wealth-yesterday-field{left:50%;top:19.25%;width:39%;height:4.45%;font-size:clamp(26px,7.35cqw,29.5px)}
.wealth-yesterday-field input{color:inherit}
.wealth-yesterday-field.wealth-tone-positive{color:#de3947}
.wealth-yesterday-field.wealth-tone-negative{color:#3caf69}
.wealth-deposit-field{left:27.4%;top:25.68%;width:19.8%;height:2.35%}
.wealth-fund-field{left:70.5%;top:25.68%;width:18.5%;height:2.35%;font-size:clamp(12px,3.5cqw,14px)}
.wealth-product-field{left:27.4%;top:29.5%;width:19.8%;height:2.35%}
.wealth-metal-field{left:72.2%;top:29.5%;width:16.8%;height:2.35%}
.wealth-refresh-time{position:absolute;z-index:2;left:25%;top:32.88%;width:32.5%;height:2.2%;display:flex;align-items:center;padding-left:.45cqw;background:transparent;box-shadow:none;color:#713f26;font-size:clamp(10.5px,2.98cqw,12px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.wealth-product-hit{position:absolute;z-index:3;left:20%;top:37.5%;width:20%;height:10%;border:0;background:transparent;padding:0}
.wealth-nav-hit{position:absolute;z-index:3;bottom:0;width:20%;height:8%;border:0;background:transparent;padding:0}
.wealth-nav-home{left:0}.wealth-nav-life{left:40%}.wealth-nav-info{left:60%}.wealth-nav-mine{left:80%}
.app-shell:has(.screen.wealth-screen.active)>.bottom-nav{display:none}
.screen.fund-screen{height:100dvh;min-height:0;padding:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;background:#fff;scrollbar-width:none}
.screen.fund-screen::-webkit-scrollbar{display:none}
.fund-exact{position:relative;width:100%;height:auto;line-height:0;container-type:inline-size}
.fund-exact>img{display:block;width:100%;height:auto}
.fund-amount-field{position:absolute;z-index:2;display:flex;align-items:center;overflow:hidden;background:transparent;box-shadow:none;pointer-events:auto;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-size:clamp(13px,3.75vw,15px);font-weight:400;line-height:1;font-variant-numeric:tabular-nums;letter-spacing:0;color:#292b2d}
.fund-amount-field input{display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit;appearance:none;-webkit-appearance:none}
.fund-amount-field input[readonly]{cursor:default}
.fund-amount-measure{position:absolute;left:0;top:0;display:block;width:max-content;visibility:hidden;pointer-events:none;white-space:pre;font:inherit;line-height:1;font-variant-numeric:inherit;letter-spacing:inherit}
.fund-tone-positive{color:#e34650}.fund-tone-negative{color:#3caf69}
.fund-total-field{left:24%;top:14.65%;width:52%;height:4.15%;font-size:clamp(24px,6.75vw,27px)}
.fund-total-field input{text-align:center;color:#080808}
.fund-yesterday-field{left:7%;top:25.35%;width:40%;height:3.15%;font-size:clamp(18px,4.85cqw,19.5px)}
.fund-yesterday-field input{text-align:center}
.fund-holding-return-field{left:53%;top:25.35%;width:40%;height:3.15%;font-size:clamp(18px,4.85cqw,19.5px)}
.fund-holding-return-field input{text-align:center;cursor:pointer}
.fund-one-value-field,.fund-two-value-field,.fund-three-value-field{left:4.4%;width:29%;height:2.85%}
.fund-one-yesterday-field,.fund-two-yesterday-field,.fund-three-yesterday-field{left:44%;width:22%;height:2.85%}
.fund-one-value-field,.fund-one-yesterday-field{top:56.2%}
.fund-two-value-field,.fund-two-yesterday-field{top:73.75%}
.fund-three-value-field,.fund-three-yesterday-field{top:91.45%}
.fund-one-value-field input,.fund-two-value-field input,.fund-three-value-field input,.fund-one-yesterday-field input,.fund-two-yesterday-field input,.fund-three-yesterday-field input{text-align:left}
.fund-back-hit{position:absolute;z-index:2;left:0;top:5.5%;width:15%;height:7%;border:0;background:transparent;padding:0}
.fund-expiry-date{font-size:12px;line-height:1;align-self:baseline;cursor:pointer}
.fund-expiry-overlay{position:absolute;z-index:2;left:23.6%;width:67%;height:2.4%;display:flex;align-items:center;color:#aaa;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-weight:400;letter-spacing:0;white-space:nowrap}
.fund-expiry-row-overlay{position:absolute;z-index:3;left:4.3%;width:91%;height:2.4%;display:flex;align-items:baseline;gap:12px;background:#fff;color:#aaa;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC",sans-serif;font-size:15px;font-weight:400;line-height:1.2;letter-spacing:0;white-space:nowrap}
.fund-one-expiry{top:63.72%}.fund-two-expiry{top:81.48%}
.fund-third-card-number-fix{position:relative;z-index:3;height:56px;margin-top:-24px;padding:14px 17px 0;border-bottom:1px solid #ededed;background:#fff;color:#aaa;font-size:15px;font-weight:400;line-height:1.2;letter-spacing:0;display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.fund-extra-list{background:#fff;color:#2b2d2f;line-height:1.2;padding:0 17px 28px}
.fund-extra-card{min-height:162px;padding:20px 0 18px;border-top:1px solid #ededed}
.fund-extra-card:first-child{border-top:0}
.fund-extra-card h2{margin:0 0 20px;font-size:16px;font-weight:400;letter-spacing:0;line-height:1.25;white-space:nowrap}
.fund-extra-values{display:grid;grid-template-columns:1.12fr 1fr .9fr;gap:10px;align-items:start}
.fund-extra-values>div{min-width:0;display:grid;gap:8px}
.fund-extra-values>div:nth-child(2){text-align:center}.fund-extra-values>div:nth-child(3){text-align:right}
.fund-extra-values span{color:#707174;font-size:14px;line-height:1.2;white-space:nowrap}
.fund-extra-amount{position:relative;inset:auto;width:100%;height:22px;display:block;font-size:16px;overflow:hidden}
.fund-extra-amount input{text-align:left}
.fund-extra-values>div:nth-child(2) .fund-extra-amount input{text-align:center}
.fund-extra-rate b{font-size:16px;font-weight:400;line-height:22px}.fund-extra-rate.positive b{color:#e34650}.fund-extra-rate.negative b{color:#3caf69}
.fund-extra-card p{margin:20px 0 0;color:#aaa;font-size:15px;line-height:1.2;display:flex;align-items:baseline;gap:12px;white-space:nowrap}
.app-shell:has(.screen.fund-screen.active)>.bottom-nav{display:none}

.toast{position:fixed;z-index:200;left:50%;bottom:93px;transform:translate(-50%,18px);width:max-content;max-width:calc(100% - 48px);padding:10px 14px;border-radius:10px;background:rgba(22,27,30,.92);color:#fff;font-size:12px;box-shadow:0 10px 30px rgba(0,0,0,.2);opacity:0;pointer-events:none;transition:.25s ease}.toast.show{opacity:1;transform:translate(-50%,0)}

@media (max-width: 360px) {
  .top-tools{gap:6px;padding-inline:12px}.top-tools .tool{min-width:34px}.search-box{gap:6px}.hero-copy{left:25px}.card-fan{right:-8px}.home-content,.plain-page>*:not(.top-tools){margin-left:16px;margin-right:16px}.home-content{padding-left:16px;padding-right:16px}.service-grid button span:last-child{font-size:12px}.identity-row{grid-template-columns:65px 1fr}.identity-row>button{display:none}.money-pair b{font-size:19px}.summary-logged-out{padding:0 18px}.summary-logged-out h2{font-size:17px}.summary-logged-out button{padding:10px 14px}.sum-numbers strong{font-size:27px}.sum-numbers b{font-size:23px}.product-card{padding-inline:17px}.product-tabs{margin-inline:-17px}.profile-page{padding-inline:16px}.profile-top-viewport{margin-inline:-16px}.profile-login-time{left:68px}
}

@media (min-width: 700px) {
  body{padding:24px 0}.app-shell{min-height:874px;border-radius:28px}.bottom-nav{bottom:24px;border-radius:0 0 28px 28px}.status-bar{top:24px}.screen{min-height:874px}.plain-page,.profile-page{min-height:874px}
  .screen.fund-screen{height:874px;min-height:874px}
}

@media (prefers-reduced-motion: reduce) { *,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important} }

@media (max-width:360px){.profile-page{padding:0}.profile-exact,.wealth-exact,.fund-exact{width:100%}}