:root{color:#151515;background:#f4f5f4;font-family:Inter,SF Pro Display,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--green: #10ad66;--green-dark: #059653;--green-soft: #eaf8f1;--red: #ff443c;--red-soft: #fff1ef;--orange: #ffae25;--orange-soft: #fff7e8;--blue: #2884ff;--blue-soft: #edf5ff;--purple: #8064e8;--purple-soft: #f2efff;--gray: #8e949b;--line: #eceef0;--surface: #ffffff;--muted: #8b9299;--shadow: 0 20px 42px rgba(20, 25, 31, .12)}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input{font:inherit}button{border:0;background:none;color:inherit;-webkit-tap-highlight-color:transparent}.prototype-stage{min-height:100vh;padding:18px 28px 36px;background:radial-gradient(circle at 20% 4%,rgba(16,173,102,.05),transparent 22%),linear-gradient(180deg,#fafafa,#f3f4f3 42%,#f7f7f7)}.app-stage{min-height:100vh;padding:22px;display:flex;align-items:flex-start;justify-content:center;background:radial-gradient(circle at 50% 8%,rgba(16,173,102,.12),transparent 28%),linear-gradient(180deg,#fbfcfb,#eef2f0)}.app-demo-copy{width:min(360px,32vw)}.app-demo-copy h1{margin:0 0 12px;font-size:46px;line-height:1}.app-demo-copy p{margin:0 0 24px;color:#5f676e;font-size:16px;line-height:1.75}.demo-actions{display:flex;flex-wrap:wrap;gap:10px}.demo-actions button{height:36px;padding:0 15px;color:#41484f;border:1px solid #e1e5e8;border-radius:999px;background:#fff;font-size:13px;font-weight:750;cursor:pointer}.demo-actions button.active{color:#fff;border-color:var(--green);background:var(--green)}.screen-board{width:max-content;display:grid;grid-template-columns:repeat(4,390px);gap:38px;margin:0 auto 42px}.phone{position:relative;width:390px;height:844px;overflow:hidden;border:1px solid #eaedf0;border-radius:34px;background:#fff;box-shadow:var(--shadow)}.phone-content{height:100%;padding:22px 18px;overflow:hidden}.phone-content.with-nav{height:calc(100% - 86px);padding-bottom:4px}.home-top,.entry-header,.screen-header,.section-line-title,.balance-columns,.filter-row,.day-summary,.family-hero>div,.family-total{display:flex;align-items:center;justify-content:space-between}.home-top{margin:6px 2px 18px}.home-top h1{margin:0;font-size:16px;line-height:1.3;font-weight:800}.balance-card{position:relative;overflow:hidden;min-height:186px;padding:23px 20px 16px;color:#fff;border-radius:8px;background:linear-gradient(135deg,#0da463,#12bc73);box-shadow:0 12px 24px #10ad6638}.ai-home-card{width:100%;min-height:76px;margin-top:14px;padding:14px;display:grid;grid-template-columns:44px 1fr 18px;align-items:center;gap:12px;text-align:left;border:1px solid #d8f0e6;border-radius:10px;background:linear-gradient(135deg,#f2fbf7,#fff)}.ai-home-card>span{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--green);border-radius:50%;background:#e5f7ef}.ai-home-card strong{display:block;margin-bottom:5px;font-size:15px}.ai-home-card p{margin:0;color:#66736d;font-size:12px;line-height:1.45}.balance-card-glow{position:absolute;top:-80px;right:-42px;width:180px;height:230px;border-radius:50%;background:#ffffff14}.balance-card p,.balance-card strong,.balance-card span,.balance-card .green-progress{position:relative;z-index:1}.balance-card p{margin:0 0 8px;display:flex;align-items:center;gap:6px;font-size:15px;font-weight:700}.balance-card>strong{display:block;margin-bottom:12px;font-size:40px;line-height:1;letter-spacing:0}.balance-columns{margin-top:12px;font-size:13px;font-weight:650}.green-progress,.rank-track{height:5px;overflow:hidden;border-radius:999px;background:#ffffff3d}.green-progress{margin-top:14px}.green-progress i,.rank-track i{display:block;height:100%;border-radius:inherit;background:#fff}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.shortcut-grid button{min-height:78px;display:grid;place-items:center;gap:7px;border-right:1px solid var(--line);font-size:12px;font-weight:650}.shortcut-grid button:last-child{border-right:0}.shortcut-grid svg{color:#171717}.today-strip{height:43px;margin-top:14px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--line);border-radius:8px;font-size:13px}.today-strip strong,.money-red{color:var(--red)}.money-green{color:var(--green)}.list-section{margin-top:16px}.section-line-title{margin-bottom:9px}.section-line-title h3,.sub-title,.insight-card h3{margin:0;font-size:15px;line-height:1.35}.section-line-title span,.section-line-title .inline-link{display:inline-flex;align-items:center;gap:2px;color:#6e7378;font-size:12px}.transaction-row{display:grid;grid-template-columns:42px 1fr auto;align-items:center;min-height:57px;border-bottom:1px solid #f0f1f2}.transaction-row strong{display:block;margin-bottom:4px;font-size:13.5px}.transaction-row span,.account-row span,.template-row span,.reminder-row span,.family-row em,.profile-card span,.menu-row span{color:#858b91;font-size:11px}.transaction-row em,.account-row em,.template-row em{font-style:normal;font-size:14px;font-weight:750}.icon-bubble{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.icon-bubble.small{width:34px;height:34px}.icon-bubble.green{color:var(--green);background:var(--green-soft)}.icon-bubble.red{color:var(--red);background:var(--red-soft)}.icon-bubble.orange{color:var(--orange);background:var(--orange-soft)}.icon-bubble.blue{color:var(--blue);background:var(--blue-soft)}.icon-bubble.purple{color:var(--purple);background:var(--purple-soft)}.icon-bubble.gray{color:#3b3d40;background:#f1f2f3}.bottom-nav{position:absolute;left:0;right:0;bottom:0;height:86px;padding:9px 24px 21px;display:grid;grid-template-columns:1fr 1fr 82px 1fr 1fr;align-items:end;background:#fff;border-top:1px solid #f2f2f2}.bottom-nav:after{content:"";position:absolute;left:50%;bottom:7px;width:134px;height:4px;border-radius:999px;transform:translate(-50%);background:#111}.bottom-nav button:not(.fab){display:grid;place-items:center;gap:4px;color:#6d747b;font-size:11px}.bottom-nav button.active{color:var(--green);font-weight:800}.fab{width:56px;height:56px;place-self:center;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:linear-gradient(180deg,#13bd70,#049653);box-shadow:0 9px 18px #10ad6652}.entry-header{height:37px;font-size:14px}.entry-header strong{font-size:17px}.entry-header span,.entry-header button{min-width:38px;font-size:14px}.entry-header span:last-child,.entry-header button:last-child{text-align:right}.segment{height:38px;display:grid;grid-template-columns:1fr 1fr;margin:22px 0 26px;overflow:hidden;border-radius:7px;background:#f2f2f2}.segment button{color:#222;font-size:15px}.segment .active{color:var(--red);border:1.2px solid var(--red);border-radius:7px;background:#fff;font-weight:750}.amount{margin-bottom:28px;text-align:center;font-size:47px;font-weight:450;letter-spacing:3px}.amount.income{margin-top:66px;margin-bottom:37px}.category-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px 12px;padding-bottom:22px;border-bottom:1px solid var(--line)}.category-grid button,.income-grid button{display:grid;justify-items:center;align-content:center;gap:6px;min-height:70px;border:1px solid #e8ebee;border-radius:10px;font-size:12px;font-weight:650}.category-grid button.selected,.income-grid button.selected{color:var(--green);border-color:var(--green);background:#f4fcf8}.category-grid button.selected{color:var(--red);border-color:var(--red);background:#fff}.income-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:72px}.form-rows{margin-top:0}.form-row{height:53px;display:grid;grid-template-columns:54px 1fr 16px;align-items:center;border-bottom:1px solid var(--line)}.form-row span{font-size:14px}.form-row strong{justify-self:end;font-size:14px}.muted-value{color:#a3a8ad;font-weight:500}.keypad{position:absolute;left:0;right:0;bottom:0;height:230px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #e5e7e9;background:#fff}.ai-entry-panel{display:grid;gap:12px;padding:16px;border:1px solid #d8f0e6;border-radius:10px;background:linear-gradient(135deg,#f5fcf8,#fff)}.ai-entry-panel.compact{margin:14px 0;padding:13px;gap:9px}.ai-panel-title{display:flex;align-items:center;gap:8px;color:var(--green);font-size:14px}.ai-panel-title span{width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#e5f7ef}.ai-entry-panel textarea{width:100%;min-height:74px;resize:none;padding:12px;color:#151515;border:1px solid #dfe5e8;border-radius:10px;outline:none;background:#fff;font:inherit;font-size:14px;line-height:1.5}.ai-entry-panel.compact textarea{min-height:52px}.ai-entry-panel textarea:focus{border-color:var(--green);box-shadow:0 0 0 3px #10ad6614}.ai-result-card{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.ai-result-card p{grid-column:1 / -1;margin:0;color:#66736d;font-size:12px}.ai-result-card div{min-height:52px;display:grid;align-content:center;gap:4px;padding:8px;border:1px solid #e6ece8;border-radius:8px;background:#fff}.ai-result-card span{color:#7a8389;font-size:11px}.ai-result-card strong{font-size:12px}.ai-primary-action{height:42px;color:#fff;border-radius:10px;background:var(--green);font-size:14px;font-weight:800}.ai-hero{margin:8px 0 14px;padding:18px;color:#fff;border-radius:10px;background:linear-gradient(135deg,#10ad66,#0c9658)}.ai-hero h3{margin:0 0 8px;font-size:22px}.ai-hero p{margin:0;opacity:.86;font-size:13px;line-height:1.6}.ai-suggestion-list{margin-top:14px}.ai-suggestion-list h3{margin:0 0 10px;font-size:15px}.ai-suggestion-list button{width:100%;height:42px;margin-bottom:8px;padding:0 12px;text-align:left;color:#374139;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:13px}.keypad button{min-height:57px;border-right:1px solid #e5e7e9;border-bottom:1px solid #e5e7e9;font-size:22px}.keypad .save-key{grid-column:4;grid-row:4 / span 1;color:#fff;border-bottom-right-radius:33px;background:linear-gradient(180deg,#13bd70,#049653);font-size:17px}.screen-header{height:42px;margin-bottom:14px}.screen-header h2{margin:0;font-size:17px;font-weight:800}.plain-icon,.header-right{width:46px;min-height:32px;display:inline-flex;align-items:center}.header-right{justify-content:flex-end;font-size:13px}.header-right:has(.month-select){width:78px}.search-box{height:42px;margin-bottom:17px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#a3a8ad;border:1px solid var(--line);border-radius:8px;font-size:13px}.filter-row{height:34px;margin-bottom:14px}.filter-row button{min-width:50px;height:30px;border-radius:8px;background:#f2f3f4;font-size:13px;font-weight:700}.filter-row .active{color:#fff;background:var(--green)}.filter-row span{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:#444;font-size:12px}.bill-list{height:540px;overflow:hidden}.phone-content.with-nav .bill-list{height:452px}.bill-group{border-top:1px solid #f0f1f2}.bill-date{height:38px;display:flex;align-items:center;justify-content:space-between;color:#7b8086;font-size:11px}.bill-date strong{color:#202225;font-size:13px}.month-total{position:absolute;left:18px;right:18px;bottom:21px;height:54px;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:14px;padding:0 16px;border:1px solid var(--line);border-radius:8px;background:#fff;font-size:12px}.phone-content.with-nav .month-total{bottom:103px}.month-total span{color:#70767b}.month-select{color:#222;white-space:nowrap}.metric-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}.metric-pair>div,.card{border:1px solid var(--line);border-radius:8px;background:#fff}.metric-pair>div{min-height:99px;padding:18px 14px}.metric-pair span{display:flex;align-items:center;gap:4px;color:#5d6268;font-size:12px}.metric-pair strong{display:block;margin:11px 0 5px;font-size:22px;white-space:nowrap}.metric-pair em{font-style:normal;font-size:12px}.chart-card{height:198px;padding:14px;margin-bottom:10px}.legend{gap:8px!important}.legend i,.legend b{width:7px;height:7px;border-radius:50%;background:var(--green)}.legend b{background:var(--blue)}.line-chart{width:100%;height:148px}.grid-line{fill:none;stroke:#edf0f2;stroke-width:1}.chart-green,.chart-blue{fill:none;stroke:var(--green);stroke-width:4;stroke-linecap:round}.chart-blue{stroke:var(--blue)}.line-chart circle{fill:var(--green)}.line-chart rect{fill:#fff;stroke:#e6e9eb;filter:drop-shadow(0 6px 12px rgba(0,0,0,.08))}.line-chart text{fill:#303437;font-size:11px}.ranking-card{height:224px;padding:13px 14px;margin-bottom:10px}.rank-row{display:grid;grid-template-columns:30px 42px 1fr 34px 70px;align-items:center;gap:8px;height:28px;font-size:12px}.rank-track{height:4px;background:#eef0f2}.rank-track i.red{background:var(--red)}.rank-track i.green{background:var(--green)}.rank-track i.orange{background:var(--orange)}.rank-track i.purple{background:var(--purple)}.rank-track i.gray{background:#a6abb0}.rank-row em,.rank-row strong{color:#5d6268;font-style:normal;font-size:11px;font-weight:550;text-align:right}.insight-card{min-height:90px;padding:17px 14px;display:grid;grid-template-columns:1fr 60px;align-items:center;border:1px solid #d8f0e6;border-radius:8px;background:linear-gradient(135deg,#f3fbf7,#fff)}.insight-card strong{display:block;margin:8px 0 5px;font-size:15px}.insight-card p{margin:0;color:#5f696f;font-size:12px;line-height:1.55}.insight-card>span{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;color:var(--green);border-radius:50%;background:#e5f7ef}.budget-main{height:196px;padding:22px;display:grid;grid-template-columns:124px 1fr;align-items:center;gap:16px;margin-bottom:13px}.donut{width:126px;height:126px;display:grid;place-items:center;align-content:center;border-radius:50%;background:radial-gradient(circle,#fff 52%,transparent 53%),conic-gradient(var(--red) 0deg 96deg,#ff7e24 96deg 258deg,#edf0f2 258deg)}.donut span{font-size:28px;font-weight:750}.donut em{color:#60676c;font-size:12px;font-style:normal}.budget-values p{margin:0 0 14px;display:flex;justify-content:space-between;gap:10px;color:#5e656a;font-size:13px}.budget-values span,.budget-values strong{white-space:nowrap}.budget-values b{display:block;margin-top:8px;color:var(--green);font-size:24px;white-space:nowrap}.budget-list{height:330px;padding:14px;margin-bottom:12px}.budget-row{display:grid;grid-template-columns:36px 1fr 84px;align-items:center;gap:9px;height:48px}.budget-row strong{display:block;margin-bottom:8px;font-size:13px}.budget-row p{margin:0;display:grid;justify-items:end;gap:4px;font-size:11px}.budget-row p span{color:#73797f}.week-row,.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr)}.week-row{margin:12px 0;color:#44494e;font-size:13px;text-align:center}.calendar-grid{row-gap:13px;margin-bottom:18px}.calendar-grid button{position:relative;height:45px;display:grid;justify-items:center;align-content:center;gap:5px;color:#111;font-size:16px}.calendar-grid button:nth-child(-n+6),.calendar-grid button:nth-last-child(-n+5){color:#a9aeb3}.calendar-grid .selected span{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:var(--green)}.calendar-grid i{width:4px;height:4px;display:inline-block;border-radius:50%}.calendar-grid i.green{background:var(--green)}.calendar-grid i.red{background:var(--red)}.calendar-grid i.orange{background:var(--orange)}.calendar-detail{height:304px;padding:18px 16px}.calendar-detail h3{margin:0 0 18px;font-size:16px}.calendar-detail h3 span{color:#767c82;font-size:12px;font-weight:500}.day-summary{padding-bottom:12px;border-bottom:1px solid var(--line)}.day-summary p{margin:0;display:grid;gap:6px;color:#73797f;font-size:12px}.day-summary strong{font-size:16px}.recurring-summary{height:118px;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.recurring-summary span,.recurring-summary em,.net-asset span{display:block;color:#60666c;font-size:13px;font-style:normal}.recurring-summary strong{display:block;margin:10px 0 8px;font-size:25px}.recurring-summary svg{color:var(--green)}.sub-title{margin:0 0 12px}.reminder-list{display:grid;gap:10px}.reminder-row{min-height:72px;display:grid;grid-template-columns:44px 1fr auto 39px 14px;align-items:center;gap:8px;padding:10px;border:1px solid var(--line);border-radius:8px}.reminder-row strong{display:block;margin-bottom:3px;font-size:13px}.reminder-row span{display:block}.reminder-row em{font-style:normal;font-size:12px}.switch{position:relative;width:34px;height:20px;border-radius:999px;background:#c9cdd0}.switch:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff}.switch.on{background:var(--green)}.switch.on:after{left:16px}.wide-green{width:100%;height:48px;margin:14px 0 12px;display:flex;align-items:center;justify-content:center;gap:8px;color:#fff;border-radius:8px;background:linear-gradient(180deg,#12bd70,#049653);font-size:15px;font-weight:800}.asset.metric-pair>div{min-height:92px}.asset.metric-pair strong{font-size:23px}.net-asset{height:76px;padding:15px;margin-bottom:17px}.net-asset strong{display:block;margin-top:8px;font-size:19px}.account-list{margin-bottom:12px}.account-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;min-height:52px;border-bottom:1px solid var(--line)}.account-row strong{display:block;font-size:13px}.account-row span{display:block;margin-top:4px}.family-hero{padding:18px;border-radius:8px;background:linear-gradient(135deg,#e8f8f1,#f6fbfa)}.family-hero svg{color:var(--green)}.family-hero strong{margin-left:8px;font-size:16px}.family-hero p{margin:18px 0 0;display:inline-grid;width:49%;gap:9px;color:#727a80;font-size:12px}.family-hero b,.family-hero em{color:#111;font-size:24px;font-style:normal}.family-hero em{color:var(--green)}.settings-mini{display:inline-flex;align-items:center;gap:4px}.members{display:flex;gap:20px;margin-bottom:17px}.member{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:var(--green);font-size:13px;font-weight:750}.m1{background:#4b95ff}.m2{background:#ff982d}.m3{background:#ff5d54}.invite{color:#777;border:1px dashed #9ea4aa;background:#fff}.tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:2px 0 12px;border-bottom:1px solid var(--line)}.tabs button{position:relative;height:42px;color:#6d747a;font-size:13px}.tabs .active{color:var(--green);font-weight:800}.tabs .active:after{content:"";position:absolute;left:50%;bottom:0;width:36px;height:3px;border-radius:999px;transform:translate(-50%);background:var(--green)}.family-row{display:grid;grid-template-columns:36px 36px 1fr auto;align-items:center;min-height:58px;border-bottom:1px solid var(--line)}.family-row>span{color:#777d83;font-size:12px}.family-row strong{display:block;font-size:13px}.family-row p{margin:0;display:grid;gap:4px;text-align:right;font-size:13px}.family-total{height:47px;margin-top:10px;padding:0 12px;border:1px solid var(--line);border-radius:8px;font-size:13px}.template-list{display:grid;gap:14px}.template-row{min-height:76px;display:grid;grid-template-columns:48px 1fr auto 22px;align-items:center;gap:9px;padding:13px;border:1px solid var(--line);border-radius:8px}.template-row strong{display:block;margin-bottom:8px;font-size:14px}.template-row span{margin-right:6px;padding:3px 7px;border:1px solid #edf0f1;border-radius:5px;background:#fafafa}.soft-add{position:absolute;left:18px;right:18px;bottom:106px;height:48px;display:flex;align-items:center;justify-content:center;gap:7px;color:var(--green);border-radius:8px;background:#edf9f3;font-size:15px;font-weight:800}.profile-card{height:94px;display:grid;grid-template-columns:58px 1fr 20px;align-items:center;gap:13px;padding:16px;border:1px solid var(--line);border-radius:8px;margin-bottom:18px}.avatar{width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:linear-gradient(135deg,#f1b088,#251a16);font-size:20px;font-weight:800}.profile-card strong{display:block;margin-bottom:7px;font-size:18px}.menu-group{margin-bottom:13px;overflow:hidden;border:1px solid var(--line);border-radius:8px}.menu-row{width:100%;height:46px;display:grid;grid-template-columns:28px 1fr auto 16px;align-items:center;gap:4px;padding:0 14px;border-bottom:1px solid var(--line);color:var(--green);text-align:left}.menu-row:last-child{border-bottom:0}.menu-row strong{color:#1d2023;font-size:14px}.logout{width:100%;height:46px;color:var(--red);border:1px solid #ffe0dc;border-radius:8px;font-size:14px}.auth-screen{height:100%;display:flex;flex-direction:column;justify-content:flex-start;padding:24px 4px 0}.auth-brand{padding-top:4px}.auth-logo-row{display:flex;align-items:center;gap:12px;margin-bottom:18px}.auth-logo-row>span{width:52px;height:52px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:15px;background:linear-gradient(135deg,#13bd70,#049653);box-shadow:0 14px 26px #10ad6640}.auth-logo-row strong{font-size:19px}.auth-brand h1{margin:0 0 8px;font-size:31px;line-height:1.08}.auth-brand p{margin:0;color:#657078;font-size:14px;line-height:1.7}.auth-card{display:grid;gap:9px;margin-top:20px;padding:18px;border:1px solid var(--line);border-radius:12px;background:#fff;box-shadow:0 12px 28px #14191f0f}.auth-card label{display:grid;gap:7px;color:#4d555c;font-size:13px;font-weight:700}.auth-card input{height:42px;padding:0 13px;color:#151515;border:1px solid #dfe5e8;border-radius:10px;outline:none;background:#fff;font-size:15px}.auth-card input:focus{border-color:var(--green);background:#fff;box-shadow:0 0 0 3px #10ad6614}.auth-message{margin:-2px 0 0;color:var(--red);font-size:12px}.auth-sub-actions{display:flex;align-items:center;justify-content:space-between;margin-top:-2px}.auth-sub-actions button{color:var(--green);font-size:12px;font-weight:750}.auth-primary{height:46px;margin-top:4px;color:#fff;border-radius:10px;background:linear-gradient(180deg,#12bd70,#049653);font-size:16px;font-weight:800}.wechat-login{height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;color:#161a1d;border:1px solid #dfe5e8;border-radius:10px;background:#fff;font-size:14px;font-weight:800}.wechat-login svg{color:#07c160}.biometric-login{height:30px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#626b72;font-size:12px;font-weight:750}.auth-switch{height:28px;color:var(--green);font-size:13px;font-weight:750}.auth-agreement{margin:-1px 0 0;color:#8a9299;font-size:11px;line-height:1.5;text-align:center}.auth-register-spacer{flex:1}.auth-modal-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;display:flex;align-items:center;justify-content:center;padding:24px;background:#151c2138;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.auth-modal{width:100%;padding:24px 20px 18px;text-align:center;border:1px solid #e5eaed;border-radius:14px;background:#fff;box-shadow:0 22px 48px #14191f33}.auth-modal>span{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.wechat-mark{color:#07c160;background:#eafaf1}.lock-mark{color:var(--green);background:var(--green-soft)}.auth-modal h2{margin:16px 0 8px;font-size:20px}.auth-modal p{margin:0;color:#687179;font-size:13px;line-height:1.7}.auth-modal-primary{width:100%;height:44px;margin-top:18px;color:#fff;border-radius:10px;background:var(--green);font-size:15px;font-weight:800}.admin-phone-content{overflow-y:auto;padding:22px 18px 18px;background:#fff;scrollbar-width:none}.admin-phone-content::-webkit-scrollbar,.admin-detail-scroll::-webkit-scrollbar{display:none}.admin-bottom-nav{position:absolute;left:0;right:0;bottom:0;height:86px;padding:9px 24px 21px;display:grid;grid-template-columns:repeat(4,1fr);align-items:end;background:#fff;border-top:1px solid #f2f2f2}.admin-bottom-nav:after{content:"";position:absolute;left:50%;bottom:7px;width:134px;height:4px;border-radius:999px;transform:translate(-50%);background:#111}.admin-bottom-nav button{display:grid;place-items:center;gap:4px;color:#6d747b;font-size:11px}.admin-bottom-nav button.active{color:var(--green);font-weight:800}.admin-topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin:5px 0 16px}.admin-topbar.compact{margin-bottom:14px}.admin-topbar h1{margin:0 0 6px;font-size:27px;line-height:1.08;letter-spacing:0}.admin-topbar span{color:#7d8790;font-size:13px}.admin-status{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:800;white-space:nowrap}.admin-status.green{color:var(--green);background:var(--green-soft)}.admin-status.red{color:var(--red);background:var(--red-soft)}.admin-status.blue{color:var(--blue);background:var(--blue-soft)}.admin-status.orange{color:var(--orange);background:var(--orange-soft)}.admin-status.purple{color:var(--purple);background:var(--purple-soft)}.admin-metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px}.admin-metric-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.admin-metric-card{min-height:92px;padding:13px;border:1px solid #e5ece8;border-radius:11px;background:linear-gradient(180deg,#fff,#fbfdfc);box-shadow:0 10px 22px #14191f0d}.admin-metric-card span,.admin-metric-card em{display:block;color:#7b858d;font-size:12px;font-style:normal}.admin-metric-card strong{display:block;margin:9px 0 6px;font-size:25px;line-height:1}.admin-metric-card em{color:var(--green);font-weight:800}.admin-metric-card.red em{color:var(--red)}.admin-metric-card.orange em{color:var(--orange)}.admin-metric-card.blue em{color:var(--blue)}.admin-metric-card.purple em{color:var(--purple)}.admin-card{margin-bottom:12px;padding:15px;border:1px solid #e5ece8;border-radius:12px;background:#fff;box-shadow:0 10px 24px #14191f0e}.admin-section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.admin-section-title h2{margin:0;font-size:16px}.admin-section-title span,.admin-section-title svg{color:#7d8790;font-size:12px}.admin-mini-chart{height:160px;padding:14px 6px 0;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:9px;border-radius:10px;background:linear-gradient(180deg,transparent 32%,#f0f3f1 33%,transparent 34%),linear-gradient(180deg,transparent 66%,#f0f3f1 67%,transparent 68%)}.admin-mini-chart i{border-radius:7px 7px 0 0;background:linear-gradient(180deg,#28cd83,#069956)}.admin-alert-row,.admin-ledger-row,.admin-log-row,.admin-ai-log-row{display:grid;align-items:center;border-bottom:1px solid #edf1ef}.admin-alert-row{min-height:58px;grid-template-columns:10px 1fr 18px;gap:10px}.admin-alert-row:last-of-type,.admin-ledger-row:last-child,.admin-log-row:last-child,.admin-ai-log-row:last-child{border-bottom:0}.admin-alert-row i,.admin-log-row i{width:8px;height:8px;border-radius:50%}.admin-alert-row i.red,.admin-log-row i.red{background:var(--red)}.admin-alert-row i.orange,.admin-log-row i.orange{background:var(--orange)}.admin-alert-row i.gray{background:#9aa1a7}.admin-log-row i.green{background:var(--green)}.admin-log-row i.blue{background:var(--blue)}.admin-log-row i.purple{background:var(--purple)}.admin-alert-row strong,.admin-ledger-row strong,.admin-log-row strong,.admin-ai-log-row strong{display:block;margin-bottom:4px;font-size:13.5px}.admin-alert-row span,.admin-ledger-row span,.admin-log-row span,.admin-ai-log-row em{color:#7d8790;font-size:11.5px;font-style:normal}.admin-wide-action,.admin-fixed-action{width:100%;height:44px;display:inline-flex;align-items:center;justify-content:center;gap:6px;color:#fff;border-radius:10px;background:linear-gradient(180deg,#12bd70,#049653);font-size:14px;font-weight:800}.admin-wide-action{margin-top:12px}.admin-search{height:46px;margin-bottom:12px;padding:0 14px;display:flex;align-items:center;gap:9px;color:#9aa1a7;border:1px solid #e1e7e4;border-radius:11px;background:#fff;font-size:13px}.admin-tabs{height:38px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.admin-tabs button{border-radius:9px;background:#f3f4f4;color:#4f5961;font-size:13px;font-weight:750}.admin-tabs button.active{color:#fff;background:var(--green)}.admin-user-list{display:grid;gap:9px;padding-bottom:58px}.admin-user-row{min-height:82px;padding:12px;display:grid;grid-template-columns:42px 1fr auto 16px;align-items:center;gap:10px;text-align:left;border:1px solid #e5ece8;border-radius:12px;background:#fff;box-shadow:0 8px 18px #14191f0b}.admin-avatar{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;color:#fff;border-radius:50%;background:var(--green);font-size:15px;font-weight:850}.admin-avatar.red{background:var(--red)}.admin-avatar.blue{background:var(--blue)}.admin-user-row strong{display:block;margin-bottom:5px;font-size:14px}.admin-user-row span,.admin-user-row em{display:block;color:#7d8790;font-size:11px;font-style:normal;line-height:1.45}.admin-fixed-action{position:sticky;bottom:0;margin-top:2px;box-shadow:0 -8px 18px #ffffffe6}.admin-detail-scroll{height:100%;overflow-y:auto;padding-bottom:10px;scrollbar-width:none}.admin-profile-summary{min-height:92px;margin:8px 0 12px;padding:16px;display:grid;grid-template-columns:54px 1fr auto;align-items:center;gap:12px;border-radius:13px;background:linear-gradient(135deg,#eefaf4,#fff)}.admin-profile-summary .admin-avatar{width:54px;height:54px;font-size:19px}.admin-profile-summary h1{margin:0 0 5px;font-size:21px}.admin-profile-summary p{margin:0;color:#7d8790;font-size:12px}.admin-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.admin-info-grid div{min-height:66px;padding:11px;display:grid;align-content:center;gap:7px;border-radius:9px;background:#f7faf8}.admin-info-grid span{color:#7d8790;font-size:11px}.admin-info-grid strong{font-size:15px}.admin-action-pair{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.admin-action-pair button{height:38px;border-radius:9px;font-size:13px;font-weight:800}.admin-action-pair button:first-child{color:var(--red);border:1px solid #ffd8d4;background:#fff8f7}.admin-action-pair button:last-child{color:var(--green);border:1px solid #d7efe4;background:#f5fcf8}.admin-ledger-row{min-height:64px;grid-template-columns:42px 1fr auto;gap:10px}.admin-ledger-row em{color:#4f5961;font-size:12px;font-style:normal;font-weight:750}.admin-log-row{min-height:52px;grid-template-columns:10px 1fr;gap:10px}.admin-ai-test{background:linear-gradient(135deg,#f5fcf8,#fff)}.admin-ai-input{min-height:46px;padding:13px;color:#202529;border:1px solid #dfe8e3;border-radius:10px;background:#fff;font-size:14px;font-weight:750}.admin-ai-log-row{min-height:64px;grid-template-columns:38px 1fr;gap:10px}.admin-ai-dot{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.admin-ai-dot.green{color:var(--green);background:var(--green-soft)}.admin-ai-dot.red{color:var(--red);background:var(--red-soft)}.admin-owner-card{min-height:112px;margin-bottom:12px;padding:17px;display:grid;grid-template-columns:56px 1fr;align-items:center;gap:13px;border:1px solid #d9efe5;border-radius:13px;background:linear-gradient(135deg,#eefaf4,#fff)}.admin-owner-card>span{width:56px;height:56px;display:inline-flex;align-items:center;justify-content:center;color:var(--green);border-radius:16px;background:#dff6eb}.admin-owner-card strong{display:block;margin-bottom:5px;font-size:18px}.admin-owner-card p{margin:0 0 8px;color:#7d8790;font-size:12px}.admin-menu-card{padding:0 14px}.admin-menu-row{width:100%;min-height:49px;display:grid;grid-template-columns:26px 1fr auto 16px;align-items:center;gap:8px;border-bottom:1px solid #edf1ef;text-align:left}.admin-menu-row:last-child{border-bottom:0}.admin-menu-row svg{color:var(--green)}.admin-menu-row strong{font-size:13.5px}.admin-menu-row span{color:#8a9299;font-size:11.5px}.admin-switch-row{min-height:48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf1ef;font-size:13.5px;font-weight:750}.admin-switch-row:last-child{border-bottom:0}.admin-switch-row i{position:relative;width:43px;height:25px;border-radius:999px;background:#c7ced2}.admin-switch-row i:after{content:"";position:absolute;top:3px;left:3px;width:19px;height:19px;border-radius:50%;background:#fff;box-shadow:0 2px 6px #14191f29}.admin-switch-row i.on{background:var(--green)}.admin-switch-row i.on:after{transform:translate(18px)}.admin-logout{width:100%;height:42px;margin:2px 0 14px;color:var(--red);border:1px solid #ffd8d4;border-radius:10px;background:snow;font-size:14px;font-weight:800}@media(max-width:1680px){.screen-board{grid-template-columns:repeat(2,390px)}}@media(max-width:860px){.prototype-stage{padding:12px}.screen-board{width:100%;grid-template-columns:1fr;gap:24px}.phone{width:min(100%,390px);margin:0 auto}.app-stage{min-height:100vh;padding:12px;display:block}.app-demo-copy{width:min(100%,390px);margin:0 auto 14px}.app-demo-copy h1{font-size:32px}}@media(max-width:480px){body{overflow:hidden;background:#fff}.app-stage{width:100vw;min-height:100dvh;padding:0;display:block;background:#fff}.phone{width:100vw;height:100dvh;margin:0;border:0;border-radius:0;box-shadow:none}.phone-content{padding:18px 18px 22px}.phone-content.with-nav{height:calc(100dvh - 86px)}}