:root{font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;color:#202124;background:#f4f5f6;font-synthesis:none;--brand: #8f1f24;--brand-dark: #68171b;--brand-soft: #f8eaea;--green: #16805a;--green-soft: #eaf6f1;--amber: #a56312;--amber-soft: #fff4df;--red: #b43636;--line: #e7e8ea;--muted: #71757b;--surface: #ffffff}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-width:320px;background:#f4f5f6;letter-spacing:0}button,input,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-frame{min-height:100vh}.desktop-rail{display:none}.app-main{min-height:100vh;padding-bottom:calc(72px + env(safe-area-inset-bottom))}.app-header{position:sticky;top:0;z-index:20;min-height:64px;padding:11px 16px;background:#fffffff5;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:8px}.app-header h1{margin:0;font-size:19px;line-height:24px}.app-header p{margin:1px 0 0;color:var(--muted);font-size:11px}.header-action{margin-left:auto;position:relative}.header-action i{position:absolute;top:7px;right:7px;width:6px;height:6px;border-radius:50%;background:var(--red);border:1px solid #fff}.icon-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:transparent;color:#303236}.page-content{width:100%;max-width:780px;margin:0 auto;padding:14px 14px 28px}.mobile-tabs{position:fixed;z-index:25;left:0;right:0;bottom:0;height:calc(62px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:#fff;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr)}.mobile-tabs a{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#797d82;font-size:11px}.mobile-tabs a.active{color:var(--brand);font-weight:600}.section-block{margin-top:12px;padding:16px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h2,.section-block h2{margin:0;font-size:16px}.section-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.section-heading a{display:inline-flex;align-items:center;gap:2px;color:var(--brand);font-size:12px;white-space:nowrap}.status-badge{display:inline-flex;align-items:center;width:fit-content;padding:3px 7px;border-radius:4px;font-size:11px;font-weight:600}.status-badge.is-success{color:var(--green);background:var(--green-soft)}.status-badge.is-warning{color:var(--amber);background:var(--amber-soft)}.status-badge.is-danger{color:var(--red);background:#faeaea}.primary-button,.secondary-button,.light-button{min-height:44px;border-radius:6px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-weight:600}.primary-button{color:#fff;background:var(--brand)}.primary-button:disabled{cursor:not-allowed;background:#b9b9bb}.secondary-button{padding:0 16px;border:1px solid var(--line);background:#fff;color:#3a3d40}.light-button{padding:0 16px;background:#fff;color:var(--brand)}.welcome-band{min-height:126px;padding:20px;border-radius:8px;background:var(--brand);color:#fff;display:flex;align-items:flex-start;justify-content:space-between}.welcome-band p{margin:0 0 6px;color:#f4dfe0;font-size:13px}.welcome-band h2{margin:0 0 8px;font-size:22px}.welcome-band span{color:#f4dfe0;font-size:12px}.welcome-band .status-badge{color:#fff;background:#ffffff2e}.metric-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:12px;overflow:hidden;border:1px solid var(--line);border-radius:8px;background:var(--line)}.metric-item{min-width:0;min-height:128px;padding:15px;background:#fff;display:grid;grid-template-columns:auto 1fr;align-content:start;column-gap:7px}.metric-item svg{color:var(--brand)}.metric-item>span{color:#55595e;font-size:13px}.metric-item strong{grid-column:1 / -1;margin-top:16px;overflow-wrap:anywhere;font-size:20px}.metric-item small{grid-column:1 / -1;margin-top:5px;color:var(--muted);font-size:11px}.bar-chart{height:150px;margin-top:18px;padding:0 4px;display:flex;align-items:flex-end;gap:9px}.bar-column{height:100%;flex:1;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:7px}.bar-column i{width:min(24px,65%);min-height:8px;border-radius:3px 3px 0 0;background:var(--brand)}.bar-column span{color:var(--muted);font-size:10px}.relation-summary{margin-top:16px;display:grid;grid-template-columns:repeat(3,1fr)}.relation-summary div{text-align:center;border-right:1px solid var(--line)}.relation-summary div:last-child{border-right:0}.relation-summary span{display:block;color:var(--muted);font-size:12px}.relation-summary strong{margin:8px 3px 0;display:inline-block;font-size:24px}.relation-summary small{color:var(--muted);font-size:10px}.task-row{min-height:64px;display:flex;align-items:center;gap:11px;border-top:1px solid var(--line)}.task-block .section-heading+.task-row{margin-top:10px}.task-row>svg:first-child{color:var(--brand)}.task-row div{min-width:0;flex:1}.task-row strong,.task-row span{display:block}.task-row strong{font-size:13px}.task-row span{margin-top:4px;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.task-row>svg:last-child{color:#a3a6aa}.relation-overview,.wallet-band,.profile-band,.contract-status{padding:18px;border-radius:8px;background:var(--brand);color:#fff}.relation-overview>div{display:flex;align-items:baseline;gap:7px}.relation-overview svg{align-self:center}.relation-overview span{font-size:13px}.relation-overview strong{margin-left:auto;font-size:28px}.relation-overview small{font-size:11px}.relation-overview p{margin:12px 0 0;color:#efd7d9;font-size:11px}.segmented-control{height:43px;margin-top:12px;padding:3px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:6px;background:#fff}.segmented-control button{border:0;border-radius:4px;background:transparent;color:#5d6065;font-size:13px}.segmented-control button.active{color:#fff;background:var(--brand);font-weight:600}.segmented-control span{margin-left:3px;font-size:10px}.search-field{height:42px;margin-top:10px;padding:0 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#878b90}.search-field input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#25272a;font-size:13px}.member-list{margin-top:10px;border:1px solid var(--line);border-radius:8px;background:#fff;overflow:hidden}.member-row{padding:15px 13px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.member-row:last-child{border-bottom:0}.member-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);font-weight:700}.member-main{min-width:0}.member-main>div{display:flex;align-items:center;gap:6px}.member-main strong{font-size:14px}.member-main>span,.member-main>small{display:block;color:var(--muted);font-size:10px;overflow-wrap:anywhere}.member-main>span{margin-top:5px}.member-main>small{margin-top:3px}.member-value{text-align:right}.member-value span,.member-value strong{display:block}.member-value span{color:var(--muted);font-size:10px}.member-value strong{margin-top:5px;font-size:13px}.wallet-band{min-height:136px;display:flex;align-items:flex-end;justify-content:space-between;gap:12px}.wallet-band span,.wallet-band small,.wallet-band strong{display:block}.wallet-band span{color:#f1d8da;font-size:12px}.wallet-band strong{margin-top:8px;font-size:29px}.wallet-band small{margin-top:6px;color:#f1d8da;font-size:10px}.finance-summary{margin-top:12px;display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);border-radius:8px;background:#fff}.finance-summary div{padding:15px;border-right:1px solid var(--line)}.finance-summary div:last-child{border-right:0}.finance-summary span,.finance-summary strong{display:block}.finance-summary span{color:var(--muted);font-size:11px}.finance-summary strong{margin-top:7px;font-size:16px}.menu-list{padding:0 16px}.menu-list>a{min-height:72px;display:flex;align-items:center;gap:11px;border-bottom:1px solid var(--line)}.menu-list>a:last-child{border-bottom:0}.menu-icon{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:6px;background:var(--brand-soft);color:var(--brand)}.menu-icon svg{width:19px;height:19px}.menu-list a>div{min-width:0;flex:1}.menu-list strong,.menu-list span{display:block}.menu-list strong{font-size:14px}.menu-list a>div span{margin-top:4px;color:var(--muted);font-size:11px}.menu-list a>svg{color:#a0a4a8}.rules-compact>div{margin-top:16px;display:flex;align-items:flex-start;gap:10px}.rules-compact>div>svg{color:var(--brand)}.rules-compact p{margin:0}.rules-compact p strong,.rules-compact p span{display:block}.rules-compact p strong{font-size:13px}.rules-compact p span{margin-top:4px;color:var(--muted);font-size:11px;line-height:1.6}.profile-band{display:flex;align-items:center;gap:13px}.profile-avatar{width:54px;height:54px;border-radius:50%;flex:0 0 54px;display:grid;place-items:center;background:#fff;color:var(--brand);font-size:21px;font-weight:700}.profile-band h2{margin:0;font-size:19px}.profile-band p{margin:5px 0 8px;color:#efd7d9;font-size:11px}.profile-band .status-badge{color:var(--brand-dark);background:#fff}.verification-strip{margin-top:12px;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:8px;background:#fff}.verification-strip div{min-width:0;padding:13px 5px;display:flex;flex-direction:column;align-items:center;gap:7px;border-right:1px solid var(--line);color:var(--green)}.verification-strip div:last-child{border-right:0}.verification-strip span{color:#55595e;font-size:10px;text-align:center}.logout-button{width:100%;min-height:46px;margin-top:22px;border:1px solid #e4c6c8;border-radius:6px;background:#fff;color:var(--brand);display:flex;align-items:center;justify-content:center;gap:7px;font-weight:600}.version-text{margin:20px 0 4px;color:#a0a4a8;font-size:10px;text-align:center}.ledger-summary{padding:20px;border-radius:8px;background:#fff;border:1px solid var(--line)}.ledger-summary span,.ledger-summary strong,.ledger-summary small{display:block}.ledger-summary span{color:var(--muted);font-size:12px}.ledger-summary strong{margin-top:8px;color:var(--brand);font-size:28px}.ledger-summary small{margin-top:5px;color:var(--muted);font-size:10px}.negative{color:var(--green)!important}.filter-toolbar{display:grid;grid-template-columns:1fr 42px;gap:8px}.filter-toolbar button{height:42px;margin-top:10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#5c6064}.chip-row{display:flex;gap:7px;padding:12px 0;overflow-x:auto}.chip-row button,.material-tabs button{min-height:32px;padding:0 12px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#5e6266;white-space:nowrap;font-size:11px}.chip-row button.active,.material-tabs button.active{color:#fff;border-color:var(--brand);background:var(--brand)}.ledger-list{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.ledger-list article{padding:15px;border-bottom:1px solid var(--line)}.ledger-list article:last-child{border-bottom:0}.ledger-top{display:flex;justify-content:space-between;gap:12px}.ledger-top>div{min-width:0}.ledger-top strong,.ledger-top span{display:block}.ledger-top strong{font-size:13px}.ledger-top span{margin-top:5px;color:var(--muted);font-size:10px}.ledger-top b{color:var(--brand);font-size:15px;white-space:nowrap}.ledger-bottom{margin-top:12px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:7px}.ledger-bottom>span{min-width:0;color:var(--muted);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ledger-bottom time{grid-column:1 / -1;color:#999da1;font-size:10px}.withdraw-balance{padding:20px;border-radius:8px;background:var(--brand);color:#fff;position:relative}.withdraw-balance span,.withdraw-balance strong{display:block}.withdraw-balance span{color:#efd7d9;font-size:12px}.withdraw-balance strong{margin-top:8px;font-size:29px}.withdraw-balance button{position:absolute;right:18px;bottom:21px;border:0;background:transparent;color:#fff;font-size:12px;text-decoration:underline}.form-block label{display:block;margin:16px 0 7px;color:#53575b;font-size:12px}.form-block label:first-child{margin-top:0}.amount-input{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line)}.amount-input span{font-size:22px}.amount-input input{min-width:0;width:100%;margin-left:8px;border:0;outline:0;font-size:26px}.readonly-field{min-height:46px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:6px}.readonly-field span{min-width:0;flex:1;font-size:13px}.readonly-field svg:last-child{color:var(--green)}.form-block textarea{width:100%;min-height:82px;resize:vertical;padding:11px;border:1px solid var(--line);border-radius:6px;outline:0}.check-list div{min-height:44px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}.check-list div:last-child{border-bottom:0}.check-list div svg{color:var(--green)}.check-list div span{flex:1;font-size:12px}.check-list div b{color:var(--green);font-size:11px}.check-list div b.failed{color:var(--red)}.notice-box{margin-top:12px;padding:14px;display:flex;align-items:flex-start;gap:9px;border:1px solid #ecd6b4;border-radius:8px;background:#fffaf0}.notice-box>svg{flex:0 0 auto;color:var(--amber)}.notice-box p{margin:0}.notice-box strong,.notice-box span{display:block}.notice-box strong{font-size:12px}.notice-box span{margin-top:5px;color:#706454;font-size:11px;line-height:1.65}.agree-row{display:flex!important;align-items:flex-start;gap:7px;cursor:pointer}.agree-row input{width:16px;height:16px;margin:1px 0 0;accent-color:var(--brand)}.withdraw-agree{margin:14px 3px!important;color:#5c6064;font-size:11px!important}.submit-fixed{width:100%}.form-error,.form-success{margin:10px 0;font-size:12px}.form-error{color:var(--red)}.form-success{color:var(--green)}.invite-strip{min-height:82px;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-radius:8px;background:var(--brand);color:#fff}.invite-strip span,.invite-strip strong{display:block}.invite-strip span{color:#efd7d9;font-size:11px}.invite-strip strong{margin-top:5px;font-size:17px}.invite-strip button{min-height:36px;padding:0 11px;border:0;border-radius:5px;background:#fff;color:var(--brand);display:flex;align-items:center;gap:5px;font-size:11px}.material-tabs{margin:12px 0;display:flex;gap:7px;overflow-x:auto}.material-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.material-grid article{overflow:hidden;border:1px solid var(--line);border-radius:8px;background:#fff}.material-grid img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block}.material-grid article>div{position:relative;padding:11px}.material-grid article span{color:var(--brand);font-size:10px}.material-grid h2{min-height:36px;margin:5px 28px 0 0;font-size:13px;line-height:18px}.material-grid small{display:block;margin-top:7px;color:var(--muted);font-size:9px}.material-grid article button{position:absolute;right:8px;top:9px;width:30px;height:30px;border:0;border-radius:4px;background:#f5f5f5;color:var(--brand)}.contract-status{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px}.contract-status div{min-width:0}.contract-status span,.contract-status strong,.contract-status small{display:block}.contract-status span{color:#efd7d9;font-size:11px}.contract-status strong{margin-top:5px;overflow-wrap:anywhere;font-size:13px}.contract-status small{margin-top:4px;color:#efd7d9;font-size:10px}.contract-status .status-badge{color:var(--brand);background:#fff}.detail-list h2{margin-bottom:8px}.detail-list>div{min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--line)}.detail-list>div:last-child{border-bottom:0}.detail-list span{color:var(--muted);font-size:12px}.detail-list strong{font-size:12px;text-align:right;overflow-wrap:anywhere}.detail-list .verified{display:inline-flex;align-items:center;gap:4px;color:var(--green)}.empty-state,.state-panel{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#989ca1;text-align:center}.empty-state strong,.state-panel h2{margin-top:12px;color:#55595e;font-size:14px}.empty-state span,.state-panel p{margin-top:6px;font-size:11px}.state-panel .secondary-button{margin-top:14px}.skeleton-stack{display:grid;gap:12px}.skeleton{height:130px;border-radius:8px;background:#e8e9eb;animation:pulse 1.3s ease-in-out infinite alternate}.skeleton.short{height:76px}@keyframes pulse{to{opacity:.48}}.login-page{min-height:100vh;display:grid;background:#fff}.login-visual{display:none}.login-panel{min-height:100vh;padding:44px 24px 28px;display:flex;align-items:center;justify-content:center}.login-inner{width:100%;max-width:410px}.login-heading small{color:var(--brand);font-size:11px;font-weight:700}.login-heading h1{margin:10px 0 0;font-size:28px}.login-heading p{margin:8px 0 30px;color:var(--muted);font-size:13px}.login-inner form>label:not(.agree-row){display:block;margin:17px 0 7px;color:#4f5357;font-size:12px}.input-row{height:48px;padding:0 12px;display:flex;align-items:center;gap:9px;border:1px solid #d9dbde;border-radius:6px}.input-row:focus-within{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.input-row svg{color:#7b7f84}.input-row input{min-width:0;flex:1;border:0;outline:0}.code-button{flex:0 0 auto;min-height:30px;padding:0 0 0 10px;border:0;border-left:1px solid var(--line);background:transparent;color:var(--brand);font-size:11px}.login-inner .agree-row{margin-top:18px;color:var(--muted);font-size:11px;line-height:17px}.login-button{width:100%;margin-top:18px}.login-security{margin-top:24px;display:flex;align-items:center;justify-content:center;gap:6px;color:#85898e;font-size:10px}@media(min-width:800px){.app-frame{display:grid;grid-template-columns:220px minmax(0,1fr)}.desktop-rail{position:sticky;top:0;height:100vh;padding:24px 16px;display:flex;flex-direction:column;border-right:1px solid var(--line);background:#fff}.rail-brand{padding:0 9px 22px;display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line)}.rail-brand>span{width:38px;height:38px;display:grid;place-items:center;border-radius:6px;background:var(--brand);color:#fff;font-size:20px;font-weight:700}.rail-brand strong,.rail-brand small{display:block}.rail-brand strong{font-size:16px}.rail-brand small{margin-top:3px;color:var(--muted);font-size:10px}.desktop-rail nav{margin-top:18px;display:grid;gap:5px}.desktop-rail nav a{min-height:44px;padding:0 12px;border-radius:6px;display:flex;align-items:center;gap:10px;color:#55595e;font-size:13px}.desktop-rail nav a.active{color:var(--brand);background:var(--brand-soft);font-weight:600}.rail-foot{margin-top:auto;padding:12px;color:#969a9f;font-size:10px}.app-main{padding-bottom:30px}.mobile-tabs{display:none}.app-header{padding:12px 24px}.page-content{max-width:980px;padding:24px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-item{min-height:136px}.login-page{grid-template-columns:minmax(360px,44%) minmax(420px,56%)}.login-visual{position:relative;display:block;overflow:hidden;background:#3d1812}.login-visual img{width:100%;height:100%;object-fit:cover}.login-visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#32100d47}.login-panel{padding:50px}}@media(max-width:370px){.page-content{padding-left:10px;padding-right:10px}.metric-item{padding:12px}.metric-item strong{font-size:17px}.member-row{grid-template-columns:38px minmax(0,1fr)}.member-value{grid-column:2;text-align:left}.material-grid{grid-template-columns:1fr}}