/* ===== 手机端主题色变量 ===== */ /* shark = 鲨鱼记账黄色(默认); 其他主题色使用PC端紫色系配色 */ :root.skin-shark{--m-accent:#F5D547;--m-accent-text:#333;--m-accent-text2:#666;--m-accent-hover:#E6C840;--m-accent-border:rgba(0,0,0,.08)} :root:not(.skin-shark){--m-accent:var(--primary,#6366f1);--m-accent-text:#fff;--m-accent-text2:rgba(255,255,255,.75);--m-accent-hover:var(--primary-light,#818cf8);--m-accent-border:rgba(255,255,255,.15)} :root:not(.skin-shark) #pageHome .ws-month select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important} /* 账单页汇总 Hero：默认隐藏，移动端 @media 内再显示（避免 PC 端错位） */ #pageBills .bills-hero{display:none!important} /* 首页问候区日期：默认隐藏，仅移动端 @media 内显示（PC 端侧边栏保持原样） */ #pageHome .greet-date{display:none!important} /* 移动端首页问候栏：默认隐藏，仅手机端显示（PC 端 col-main 顶部不出现） */ #pageHome .mobile-greet-bar{display:none!important} .brand-date{display:none!important} @media(max-width:700px){ /* ===== 基础布局 - APP WebView全屏适配 ===== */ html{height:100vh!important;width:100vw!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important;background:#fff!important;-webkit-text-size-adjust:100%} body{height:100vh!important;width:100vw!important;overflow:hidden!important;position:fixed!important;top:0!important;left:0!important;margin:0!important;padding:0!important;background:#ffffff!important} .bg-mesh{display:none!important} .app{width:100%!important;height:100%!important;max-width:none!important;background:#ffffff!important;overflow:hidden!important;position:relative!important} /* ===== 顶部导航栏 - 鲨鱼记账黄色风格 ===== */ /* 使用padding-top留出灵动岛空间 */ .topbar{padding:env(safe-area-inset-top) 12px 0!important;gap:8px;height:calc(56px + env(safe-area-inset-top))!important;background:var(--m-accent)!important;border-bottom:none!important;color:var(--m-accent-text)!important;position:fixed!important;top:0!important;left:0!important;right:0!important;z-index:60!important;display:none;align-items:center!important;box-sizing:border-box!important} .dark .topbar{background:var(--m-accent)!important} /* 非首页隐藏整个顶部栏 */ body.home-page .topbar{display:flex!important;gap:8px!important;align-items:center!important} .brand{display:none!important} body.home-page .brand{display:flex!important;gap:8px!important;align-items:center!important} .topbar .brand-icon{width:32px!important;height:32px!important;font-size:18px!important;border-radius:10px!important;margin:0!important;background:rgba(255,255,255,.4)!important;display:flex!important;align-items:center!important;justify-content:center!important} .topbar .brand-text{display:block!important;font-size:17px!important;color:var(--m-accent-text)!important;background:none!important;-webkit-background-clip:initial!important;-webkit-text-fill-color:initial!important;letter-spacing:0!important;font-weight:600!important;white-space:nowrap!important} .topbar .brand{flex-shrink:0!important;min-width:0!important} .topbar .brand-date{display:block!important;font-size:11px!important;color:inherit!important;opacity:.75!important;margin-left:8px!important;align-self:center!important;font-weight:500!important;letter-spacing:0!important;white-space:nowrap!important} .book-chip{display:none} .top-actions{gap:16px;margin-right:0} .top-tool-btn{width:auto;height:auto;padding:6px;border-radius:8px;background:rgba(255,255,255,.4)!important;border-color:transparent!important;color:var(--m-accent-text)!important} .top-tool-btn .tool-label{display:none} .sync-status{height:26px!important;padding:0 8px!important;font-size:10px!important;gap:4px!important;background:rgba(255,255,255,.5)!important;color:var(--m-accent-text)!important;border-color:transparent!important;border-radius:13px!important} .sync-dot{width:6px!important;height:6px!important;background:#52C41A!important;border-radius:50%!important} #btnTheme{display:none!important} #btnExport{display:none!important} #btnRefresh{display:none!important} #btnLogout{display:none!important} .mobile-only{display:flex!important;background:rgba(255,255,255,.4)!important;border:none!important;border-radius:8px!important;padding:6px!important} .mobile-only .tool-icon{display:flex;align-items:center;justify-content:center} #btnSearch{margin-right:2px} /* 手机端底部导航：隐藏「统计」入口（首页/账单已有统计入口，且已独立「分析」页） */ .bottom-nav .bot-tab[data-page="stats"]{display:none!important} /* ===== 主内容区 - 用padding避开固定顶部栏和底部导航栏 ===== */ .main{ padding:0!important; height:100%!important; overflow:hidden!important; box-sizing:border-box!important; display:flex!important; flex-direction:column!important } /* 首页：顶部栏显示，需要padding-top */ body.home-page .main{padding-top:calc(56px + env(safe-area-inset-top))!important;padding-bottom:calc(52px + env(safe-area-inset-bottom))!important} /* 非首页：顶部栏隐藏，只需要底部padding */ body:not(.home-page) .main{padding-top:env(safe-area-inset-top)!important;padding-bottom:calc(52px + env(safe-area-inset-bottom))!important} .pages-wrap{flex:1!important;overflow:hidden!important;box-sizing:border-box!important;position:relative!important} .page{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:none!important} /* ===== 底部导航栏 - 固定定位，使用padding-bottom留出home indicator空间 ===== */ .bottom-nav{ position:fixed!important; bottom:0!important; left:0!important; right:0!important; transform:none!important; max-width:none!important; width:100%!important; justify-content:space-around!important; border-radius:0!important; padding:4px 0 4px!important; padding-bottom:calc(4px + env(safe-area-inset-bottom))!important; min-height:calc(52px + env(safe-area-inset-bottom))!important; box-shadow:0 -2px 12px rgba(0,0,0,.06)!important; background:#fff!important; border-top:1px solid #f0f0f0!important; border-left:none!important; border-right:none!important; border-bottom:none!important; z-index:999!important; display:flex!important; align-items:center!important; gap:0!important; box-sizing:border-box!important; margin:0!important; } .bottom-nav .bot-tab{flex:1!important;min-width:0!important;padding:6px 2px!important;font-size:11px!important;font-weight:400!important;gap:3px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;color:#999!important;background:transparent!important;border:none!important;border-radius:0!important;transition:none!important} .bottom-nav .bot-tab .tab-icon{font-size:22px!important;margin-bottom:2px!important;line-height:1!important} .bottom-nav .bot-tab .nav-kbd{display:none!important} .bottom-nav .bot-tab.active{background:transparent!important;color:var(--m-accent)!important;box-shadow:none!important;border:none!important;border-radius:0!important;position:relative!important} .bottom-nav .bot-tab.active::after{content:'';position:absolute!important;bottom:2px!important;left:50%!important;transform:translateX(-50%)!important;width:25px!important;height:3px!important;background:var(--m-accent)!important;border-radius:3px!important;box-shadow:0 0 6px var(--m-accent)!important} /* 手机端隐藏投资和账户Tab */ .bottom-nav .bot-tab[data-page="investment"],.bottom-nav .bot-tab[data-page="accounts"]{display:none!important} /* 手机端悬浮记账按钮 - 鲨鱼记账黄色风格 */ .bottom-nav .bot-tab.fab-add{display:flex!important;align-items:center!important;justify-content:center!important;position:relative!important;width:auto!important;height:48px!important;flex:0 0 auto!important;padding:0 24px!important;border-radius:24px!important;background:var(--m-accent)!important;color:var(--m-accent-text)!important;box-shadow:0 4px 12px rgba(0,0,0,.12),0 6px 24px rgba(0,0,0,.08)!important;border:none!important;text-shadow:none!important;transform:translateY(-4px)!important;-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;font-weight:700!important} .bottom-nav .bot-tab.fab-add .tab-icon{font-size:17px!important;line-height:48px!important;font-weight:700!important;letter-spacing:2px!important} .dark .bot-tab.fab-add{border-color:rgba(255,255,255,.2)!important} /* ===== iOS 键盘适配：防止页面整体被顶上去 ===== */ /* 使用 100dvh（动态视口高度）替代 100vh，iOS 键盘弹出时自动收缩 */ html,body,.app{height:100dvh!important;height:100svh!important;overscroll-behavior-y:none!important} .pages-wrap{overscroll-behavior-y:none!important} body.keyboard-open,.app.keyboard-open{overflow:hidden!important} /* 键盘弹出时：隐藏底部导航 + 去掉底部padding */ body.keyboard-open .bottom-nav{display:none!important} body.keyboard-open .main{padding-bottom:0!important;overflow:hidden!important} body.keyboard-open .page{overflow-y:hidden!important} /* 键盘弹出时，防止顶部导航被顶走 */ body.keyboard-open .topbar{position:absolute!important} body.keyboard-open .pages-wrap{height:calc(100dvh - env(safe-area-inset-top) - 56px)!important} body.keyboard-open .pages-wrap{height:calc(100svh - env(safe-area-inset-top) - 56px - env(safe-area-inset-bottom))!important} #pageHome{display:flex!important;flex-direction:column;padding:0!important;overflow:hidden!important;height:100%!important;max-height:100%!important} .page{padding:0!important} #pageHome .col-main{order:1;display:flex!important;flex-direction:column;flex:1;min-height:0;overflow:hidden} #pageHome .col-side{display:none!important} #pageHome .col-right{display:none!important} /* 手机端首页钱包卡片 - 鲨鱼记账风格：顶部汇总行 */ #pageHome .wallet-card{padding:0!important;border-radius:0!important;margin-bottom:0!important;background:transparent!important;box-shadow:none!important;overflow:hidden!important;flex-shrink:0!important} #pageHome .wallet-card::before,#pageHome .wallet-card::after{display:none!important} #pageHome .wallet-label{display:none} #pageHome .wallet-amount{display:none} #pageHome .wallet-quote{display:none!important} #pageHome .wallet-insight-grid{display:none!important} #pageHome .wallet-row{display:none!important} #pageHome .wallet-budget-item{display:none!important} /* 手机端顶部汇总卡片：年月 + 记账天数/总笔数/收支 + 预算条 + 格言 */ #pageHome .wallet-summary-bar{display:flex!important;flex-direction:column!important;align-items:stretch!important;height:auto!important;min-height:auto!important;padding:10px 12px 12px!important;background:var(--m-accent)!important;border-bottom:1px solid var(--m-accent-border)!important;gap:10px!important;box-sizing:border-box!important} #pageHome .header-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} #pageHome .ws-month{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding-left:4px!important;cursor:pointer!important;user-select:none!important} #pageHome .ws-month select{display:none!important} #pageHome .ws-year{font-size:11px!important;font-weight:400!important;color:var(--m-accent-text2)!important;line-height:1.3!important} #pageHome .ws-month-val{font-size:22px!important;font-weight:600!important;color:var(--m-accent-text)!important;line-height:1.2!important;letter-spacing:-.3px!important} #pageHome .header-stat{flex:1!important;display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important} #pageHome .hstat-item{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px 2px!important;background:rgba(255,255,255,.18)!important;border-radius:10px!important} #pageHome .hstat-val{font-size:13px!important;font-weight:700!important;color:var(--m-accent-text)!important;line-height:1.1!important;white-space:nowrap!important} #pageHome .hstat-val small{font-size:9px!important;font-weight:600!important;margin-left:1px!important} #pageHome .hstat-val.income{color:var(--income)!important} #pageHome .hstat-val.expense{color:var(--expense)!important} #pageHome .hstat-label{font-size:9px!important;font-weight:500!important;color:var(--m-accent-text2)!important;white-space:nowrap!important} #pageHome .budget-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;color:var(--m-accent-text2)!important;flex-wrap:nowrap!important} #pageHome .budget-text{white-space:nowrap!important;flex-shrink:0!important;font-weight:500!important} #pageHome .wallet-summary-bar .budget-bar-wrap{flex:1!important;height:6px!important;background:rgba(255,255,255,.25)!important;border-radius:3px!important;overflow:hidden!important;min-width:50px!important} #pageHome .wallet-summary-bar .budget-bar{height:100%!important;background:rgba(255,255,255,.9)!important;border-radius:3px!important} #pageHome .wallet-summary-bar .budget-bar.over{background:var(--income)!important} #pageHome .wallet-summary-bar .quote{margin-top:0!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.18)!important;cursor:pointer!important} #pageHome .wallet-summary-bar .quote-text{font-size:12px!important;font-weight:600!important;color:var(--m-accent-text)!important;line-height:1.45!important} /* 手机端隐藏旧年月选择行和预算卡片 */ #pageHome .month-filter-bar{position:fixed!important;top:-9999px!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important} #pageHome .budget-progress-card{display:none!important} /* 手机端快捷功能图标行 */ #pageHome .home-quick-actions{display:flex!important;justify-content:space-around!important;padding:10px 0 8px!important;margin-bottom:0!important;background:var(--m-accent)!important;border-radius:0!important;flex-shrink:0!important;border-bottom:1px solid var(--m-accent-border)!important} #pageHome .hqa-label{font-size:11px!important;color:var(--m-accent-text2)!important;text-align:center!important} #pageHome .hqa-item{display:flex!important;flex-direction:column!important;align-items:center!important;gap:4px!important;cursor:pointer!important;padding:4px 8px!important;border-radius:8px!important;transition:background .2s} #pageHome .hqa-item:active{background:rgba(255,255,255,.3)!important} #pageHome .hqa-icon{font-size:20px!important} /* 快捷操作栏 - 隐藏 */ #pageHome .quick-row{display:none!important} /* 快速记账栏移动端适配 */ #pageHome .quick-entry-bar{margin:12px!important;padding:14px 16px!important;border-radius:16px!important;border:none!important;background:#fff!important;box-shadow:0 2px 12px rgba(0,0,0,.06)!important;display:flex!important;align-items:center!important;gap:10px!important;position:relative!important;z-index:5!important} #pageHome .quick-entry-bar:focus-within{box-shadow:0 4px 16px rgba(99,102,241,.15)!important;border-color:transparent!important} #pageHome .quick-entry-input{font-size:16px!important;font-weight:500!important;color:#333!important;flex:1!important;min-width:0!important;border:none!important;background:transparent!important;outline:none!important;font-family:inherit} #pageHome .quick-entry-input::placeholder{font-size:13px!important;font-weight:400!important;color:#ccc!important} #pageHome .quick-entry-type{display:flex!important;gap:4px!important;flex-shrink:0!important} #pageHome .quick-entry-bar .qe-type-btn{font-size:13px!important;font-weight:600!important;padding:8px 14px!important;border-radius:20px!important;border:2px solid #eee!important;color:#999!important;background:transparent!important;cursor:pointer!important;font-family:inherit} #pageHome .quick-entry-bar .qe-type-btn.active{background:var(--m-accent)!important;color:var(--m-accent-text)!important;border-color:var(--m-accent)!important} #pageHome .quick-entry-bar .qe-type-btn:not(.active){border-color:#eee!important;color:#999!important} #pageHome .quick-entry-hint{display:none!important} #pageHome .quick-entry-bar .qe-mode-toggle{width:36px!important;height:36px!important;border-radius:10px!important;font-size:16px!important;border:none!important;background:#f0f0f0!important;color:#666!important} #pageHome .quick-entry-bar .qe-mode-toggle.note-mode{background:#f0f0f0!important;color:#666!important;border-color:transparent!important} #pageHome .quick-entry-bar #quickEntryGo{padding:10px 16px!important;font-size:16px!important;font-weight:700!important;border-radius:20px!important;min-width:44px!important;background:var(--m-accent)!important;color:var(--m-accent-text)!important;border:none!important;box-shadow:none!important;transform:none!important;cursor:pointer!important;font-family:inherit} #pageHome .quick-entry-bar #quickEntryGo:hover{background:var(--m-accent)!important;color:var(--m-accent-text)!important} #pageHome .quick-entry-bar #quickEntryGo:active{background:var(--m-accent-hover)!important} /* 分类浮层中的保存按钮 */ .quick-cat-panel #quickCatSave{padding:10px 16px!important;font-size:16px!important;font-weight:700!important;border-radius:20px!important;min-width:60px!important;background:var(--m-accent)!important;color:var(--m-accent-text)!important;border:none!important;box-shadow:none!important;transform:none!important;cursor:pointer!important;font-family:inherit} /* 鲨鱼记账黄色主题 - 覆盖所有按钮样式 */ #pageHome #quickEntryGo{background:var(--m-accent)!important;color:var(--m-accent-text)!important;border-radius:20px!important} #pageHome .quick-entry-bar .qe-type-btn.active{background:var(--m-accent)!important;color:var(--m-accent-text)!important;border-color:var(--m-accent)!important} .bottom-nav #botAddBtn{background:var(--m-accent)!important;color:var(--m-accent-text)!important;border-radius:24px!important} /* 快速记账分类浮层移动端 - 居中显示 */ .quick-cat-panel{max-height:70vh!important;max-width:92%!important;width:auto!important;border-radius:16px!important;animation:qcpScaleIn .25s cubic-bezier(.22,1,.36,1)!important} .quick-cat-grid{grid-template-columns:repeat(4,1fr)!important;gap:8px!important;padding:10px 16px 6px!important} .qc-item{padding:10px 2px!important;border-radius:12px!important} .qc-item-icon{width:32px!important;height:32px!important;font-size:18px!important;border-radius:8px!important} .qc-item-name{font-size:11px!important} .quick-cat-note-row{padding:0 16px 2px!important} .qc-note-btn{padding:4px 10px!important;font-size:11px!important;border-radius:14px!important} .quick-cat-desc-row{padding:8px 16px 12px!important;display:flex!important;align-items:center!important;gap:8px!important} .quick-cat-desc{flex:1!important} #quickCatSave{flex-shrink:0!important} /* 浮动金额动画移动端 */ .float-amount-anim{font-size:20px!important} /* 左滑显示操作按钮 */ .tx-swipe-wrap{position:relative} .tx-swipe-wrap .tx-item{position:relative;z-index:2;background:#fff!important;transition:transform .35s cubic-bezier(.22,1,.36,1)} .tx-swipe-btns{position:absolute;right:0;top:0;bottom:0;width:0;overflow:hidden;z-index:3;display:flex!important;transition:width .25s ease} .tx-swipe-wrap.open .tx-swipe-btns{width:70px} .tx-swipe-btns button{flex:1;border:none;font-size:14px;font-weight:600;color:#fff;font-family:inherit;cursor:pointer;opacity:0;transition:opacity .2s ease .1s} .tx-swipe-wrap.open .tx-swipe-btns button{opacity:1} .tx-swipe-edit{background:#6C63FF} .tx-swipe-edit:active{background:#5B54E0} .tx-swipe-del{background:#EF4444} .tx-swipe-del:active{background:#DC2626} /* 日账单列表卡片 */ #pageHome .list-card{margin-bottom:0;border-radius:0!important;padding:0!important;flex:1 1 auto!important;min-height:0!important;overflow-x:hidden!important;overflow-y:auto!important;border:none!important;background:#fff!important} #pageHome .list-card .home-section-head{padding:12px 14px 10px!important;margin-bottom:0!important;border-bottom:1px solid #f5f5f5!important} #pageHome .list-card .section-title{font-size:17px!important;font-weight:600!important;margin:0!important;color:#333!important} #pageHome .list-card .home-month-select{font-size:14px!important} /* 1024px以下：隐藏多余首页模块 */ #pageHome .quick-row{display:none!important} #pageHome .calendar-card,#pageHome .top-expense-card,#pageHome .networth-card,#pageHome .side-card{display:none!important} #pageHome #recentList.home-day-bills{max-height:none;overflow:visible} #pageHome .calendar-grid{overflow:visible;gap:3px} #pageHome .calendar-cell{min-height:46px;padding:3px 2px;border-radius:8px} #pageHome .calendar-day-hd{font-size:11px;padding:5px 0} #pageHome .calendar-grid.month-mode .calendar-period-cell, #pageHome .calendar-grid.year-mode .calendar-period-cell{min-height:78px;padding:8px 6px} /* 手机端日账单列表优化 */ #pageHome .home-section-head{padding:4px 12px 10px!important} #pageHome .list-card .section-title{font-size:16px!important} /* 手机端卡片统一12px圆角 */ #pageHome .side-card,#pageBills .list-card,#pageBills .bill-table-card,#pageInvestment .chart-card,#pageInvestment .list-card,#pageStats .chart-card,#pageStats .side-card,#pageAccounts .list-card,#pageAccounts .side-card,#pageSettings .list-card,#pageSettings .side-card{border-radius:12px} /* 手机端文字层级 */ #pageHome .section-title,#pageBills .section-title,#pageInvestment .section-title,#pageStats .section-title,#pageAccounts .section-title,#pageSettings .section-title{font-size:18px} #pageHome .side-card-title,#pageBills .side-card-title,#pageStats .side-card-title{font-size:16px} #pageHome .networth-amount{font-size:30px} #pageHome .greeting h2{font-size:20px} #pageHome .quote-text{font-size:14px} #pageHome .bqs-label,#pageHome .bqs-cat-name,#pageHome .bqs-cat-amt{font-size:14px} #pageHome .insight-label{font-size:12px} #pageHome .insight-value{font-size:16px} #pageHome .top-exp-item{padding:10px 8px!important;margin-bottom:10px!important} #pageHome .top-exp-name{font-size:13px!important;font-weight:400!important} #pageHome .top-exp-amt{font-size:12px!important;font-weight:400!important} #pageHome .top-exp-rank{width:20px!important;height:20px!important;font-size:10px!important} #pageHome .quote-card{padding:16px 15px!important;border-radius:12px!important;margin-bottom:16px!important} #pageHome .quote-text{font-size:14px!important;line-height:1.6!important} #pageHome .quote-author{font-size:12px!important;margin-top:8px!important} #pageBills .bills-tabs{position:sticky;top:0;z-index:12;background:var(--bg);padding-bottom:8px;margin-bottom:8px;overflow-x:auto;scrollbar-width:none} #pageBills .bills-tabs::-webkit-scrollbar{display:none} #pageBills .bills-tabs .tab{white-space:nowrap;min-width:max-content} #pageBills .bills-panel{height:auto!important;overflow:visible!important} #pageBills .bills-panel.hide{display:none!important} #pageBills #billsPanelDay.hide{display:none!important} #pageBills .quick-entry{grid-template-columns:1fr;gap:16px} #pageBills .bill-year-summary{font-size:12px;gap:6px} #pageBills .bills-workspace{display:block!important;overflow:visible!important} #pageBills .bills-workspace>div:first-child{display:block!important;overflow:visible!important} #pageBills #billsList,#pageBills #monthBillCats,#pageBills #yearBillMonths{overflow:visible!important;max-height:none!important} #pageBills .bill-detail-panel{display:none!important} #pageBills .bill-table-card{overflow-x:auto} #pageBills .bill-table{min-width:720px} #pageInvestment{display:block!important} .investment-page-head{grid-template-columns:1fr} .investment-actions{grid-column:1} .investment-top-grid,.investment-lower-grid{display:block!important} .investment-top-grid .stats-summary-card,.investment-top-grid .invest-calendar-card,.investment-record-card,.investment-analysis-card{margin-bottom:16px!important;border-radius:12px} .investment-top-grid .stats-summary-grid{grid-template-columns:repeat(3,1fr)!important;gap:4px!important} .investment-top-grid .ss-item{padding:10px 6px!important;border-radius:8px!important} .investment-top-grid .ss-label{font-size:10px!important;margin-bottom:2px!important} .investment-top-grid .ss-value{font-size:15px!important} .invest-total-item{grid-column:auto!important} .investment-top-grid .stats-summary-card{padding:12px 10px!important} .investment-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px} .investment-add-btn,.investment-batch-btn{padding:10px 8px!important;font-size:12px!important;border-radius:8px!important;height:48px!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important} .invest-calendar-card{min-height:auto;padding:12px 10px!important;border-radius:12px} .invest-calendar-head{align-items:flex-start} .invest-calendar-grid{grid-template-columns:repeat(4,1fr)!important;gap:4px!important;min-height:auto} .invest-month-cell{min-height:auto!important;padding:8px 4px!important;border-radius:8px!important} .invest-month-amt{font-size:11px!important} .invest-month-status{font-size:9px!important} .investment-record-card,.investment-analysis-card{overflow:visible!important} #investmentList,#investAnalysisPanel{overflow:visible!important;max-height:none!important} .invest-analysis-grid{grid-template-columns:1fr;gap:16px} .invest-mini-row{grid-template-columns:42px minmax(0,1fr) 72px;font-size:13px;min-height:64px} #pageStats{display:flex!important;flex-direction:column!important;height:calc(100dvh - 52px)!important;overflow:hidden!important;background:#fff!important} /* ===== 手机端统计页面 ===== */ #pageStats .asset-change-card{display:flex!important;flex-direction:column!important;flex:1!important;margin-bottom:0!important;border-radius:0!important;overflow:hidden!important;background:#fff!important;border:none!important} #pageStats .asset-ledger-hero{margin:0 0 10px 0;padding:0;border:none} #pageStats .asset-current-card{display:flex!important;flex-direction:row!important;align-items:center!important;gap:12px!important;padding:16px!important;border-radius:16px!important} #pageStats .asset-current-label{font-size:12px!important;margin-bottom:6px!important} #pageStats .asset-current-value{font-size:26px!important;line-height:1.2!important} #pageStats .asset-gain-meta{font-size:11px!important;gap:12px!important;margin-top:8px!important} #pageStats .asset-current-card .btn-primary{flex-shrink:0;width:auto!important;min-width:auto;padding:10px 16px;font-size:13px;border-radius:12px;white-space:nowrap} #pageStats .asset-summary-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;padding:0!important;margin:0 0 10px 0} #pageStats .asset-metric{padding:12px!important;border-radius:12px!important} #pageStats .asset-metric-label{font-size:11px!important;margin-bottom:4px!important} #pageStats .asset-metric-value{font-size:16px!important} #pageStats .asset-ledger-layout{display:flex!important;flex-direction:column!important;flex:1!important;overflow:hidden!important;min-height:0;align-items:stretch!important} #pageStats .asset-ledger-left{order:1;flex:1!important;overflow:hidden!important;padding:0 12px!important;display:flex!important;flex-direction:column!important;min-height:0} /* 列表/表格切换按钮 */ #pageStats .asset-view-toggle{display:flex!important;gap:6px;margin-bottom:8px;flex-wrap:wrap;padding:0;flex-shrink:0} #pageStats #assetChangeRecords{flex:1!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;min-height:0} #pageStats .asset-view-toggle .asset-action-btn{font-size:12px!important;padding:6px 12px!important;border-radius:8px!important;background:#f5f5f5!important;color:#333!important;border:none!important} #pageStats .asset-view-toggle .asset-action-btn.active{background:var(--m-accent)!important;color:var(--m-accent-text)!important} /* 手机端记录卡片 */ #pageStats .chart-card{display:none!important} #pageStats .asset-record-card{padding:12px 14px!important;border-radius:12px!important;border:1px solid #f0f0f0!important;margin:0 0 8px 0!important;background:#fff!important;box-shadow:none!important} #pageStats .asset-record-list{gap:8px!important} #pageStats .asset-record-date{font-size:13px!important;color:#999!important} #pageStats .asset-record-date b{font-size:15px!important;color:#333!important} #pageStats .asset-record-date span{display:none!important} #pageStats .asset-record-amount{font-size:18px!important;font-weight:600!important} #pageStats .asset-record-index{font-size:11px!important} #pageStats .asset-record-change{font-size:12px!important} #pageStats .asset-record-change.income{color:var(--income,#ff4d4f)!important} /* 红涨 */ #pageStats .asset-record-change.expense{color:var(--expense,#52C41A)!important} /* 绿跌 */ #pageStats .asset-record-interval{font-size:11px!important;color:var(--text-tertiary)!important} #pageStats .asset-record-note{position:static;max-width:none;text-align:left;margin-top:6px;font-size:12px} /* 手机端统计表格适配 */ #pageStats .asset-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch} #pageStats .asset-change-table{width:100%;border-collapse:collapse;font-size:12px} #pageStats .asset-change-table th{padding:8px 6px!important;font-size:12px!important;border-bottom:2px solid #f0f0f0;font-weight:600;background:#fff;color:#999} #pageStats .asset-change-table td{padding:8px 6px!important;font-size:12px!important;border-bottom:1px solid #f5f5f5;color:#333} #pageStats #assetChangeSummary{padding:12px;flex-shrink:0;margin:0} #pageStats .asset-change-table th:nth-child(1), #pageStats .asset-change-table td:nth-child(1), #pageStats .asset-change-table th:nth-child(5), #pageStats .asset-change-table td:nth-child(5), #pageStats .asset-change-table th:nth-child(6), #pageStats .asset-change-table td:nth-child(6){display:none!important} /* 手机端统计概览卡片优化 */ #pageStats .ss-item{padding:14px 12px!important;border-radius:12px!important;background:#f8f8f8!important;border:none!important} #pageStats .ss-label{font-size:12px!important;color:#999!important} #pageStats .ss-value{font-size:20px!important;font-weight:600!important;color:#333!important} #pageStats .stats-summary-title{font-size:17px!important;margin-bottom:12px!important;color:#333!important;font-weight:600!important} /* 手机端投资页概览优化 */ #pageInvestment .ss-item{padding:14px 12px!important;border-radius:10px!important} #pageInvestment .ss-label{font-size:11px!important} #pageInvestment .ss-value{font-size:18px!important} #pageInvestment .invest-calendar-head{margin-bottom:10px!important} #pageInvestment .invest-calendar-nav{font-size:12px!important} #pageAccounts{display:block!important} #pageAccounts .accounts-main{display:block!important;overflow:visible!important} #pageAccounts .accounts-list-pane{max-height:none!important;min-height:0!important;overflow:visible!important;margin-bottom:16px} #pageAccounts #accountsList{overflow:visible!important} /* 手机端隐藏流水/资产分布/对账，只保留账户列表 */ #pageAccounts .account-ledger-card{display:none!important} #pageAccounts .account-chart-card{display:none!important} #pageAccounts .accounts-sidebar{display:none!important} /* 手机端统计页面：隐藏趋势概览/图表/右侧表单区 */ #pageStats #assetChartOverview{display:none!important} #pageStats #assetChangeChart{display:none!important} #pageStats .asset-ledger-right{display:none!important} /* 手机端分析页（独立页面，与统计/净值台账分开） */ #pageAnalysis{background:#f6f7f9} #pageAnalysis .analysis-page{display:flex!important;flex-direction:column!important;gap:12px;padding:12px} #pageAnalysis .bstats-card{background:#fff;border-radius:16px;padding:14px;box-shadow:0 1px 3px rgba(0,0,0,.04)} #pageAnalysis .bstats-card-title{font-size:15px;font-weight:600;margin-bottom:12px;color:#1f2933} #pageAnalysis .bstats-overview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:10px} #pageAnalysis .bstats-ov{background:#f8f9fb;border-radius:12px;padding:10px;text-align:center;cursor:pointer;transition:background .15s} #pageAnalysis .bstats-ov:active{background:#e8eaf0} #pageAnalysis .bstats-ov-label{font-size:11px;color:#999;margin-bottom:4px} #pageAnalysis .bstats-ov-val{font-size:17px;font-weight:700} #pageAnalysis .bstats-ov-val.income{color:var(--income,#f43f5e)} #pageAnalysis .bstats-ov-val.expense{color:var(--expense,#10b981)} #pageAnalysis .bstats-subrow{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:12px;color:#666} #pageAnalysis .bstats-subrow span{cursor:pointer;padding:2px 4px;border-radius:6px;transition:background .15s} #pageAnalysis .bstats-subrow span:active{background:#f0f0f0} #pageAnalysis .bstats-subrow b{color:#333;font-weight:600} #pageAnalysis #chartTrend,#pageAnalysis #chartPie{width:100%;height:220px} #pageAnalysis .overview-mini{margin-bottom:10px} #pageAnalysis .overview-mini-title{font-size:12px;color:#999;margin-bottom:4px} #pageAnalysis .overview-mini-value{font-size:13px;color:#333;font-weight:500} #pageAnalysis .overview-bar{height:6px;border-radius:3px;background:#eee;overflow:hidden;margin-top:6px} #pageAnalysis .overview-bar i{display:block;height:100%} #pageAnalysis .insight-card{background:#f8f9fb;border-radius:12px;padding:12px;margin-bottom:8px} #pageAnalysis .insight-title{font-size:13px;font-weight:600;margin-bottom:4px;color:#1f2933} #pageAnalysis .insight-desc{font-size:12px;color:#666;line-height:1.5} #pageAnalysis .insight-card.good .insight-title{color:var(--expense,#15803d)} #pageAnalysis .insight-card.warn .insight-title{color:var(--income,#be123c)} #pageSettings{display:block!important} #pageSettings .settings-main{overflow:visible!important} #pageSettings .settings-sidebar{display:none!important} #pageSettings .rule-row{grid-template-columns:1fr!important;padding:12px 8px!important;min-height:56px!important;align-items:center!important} #pageSettings .setting-inline{grid-template-columns:1fr!important;padding:12px 8px!important;min-height:56px!important;align-items:center!important} #pageSettings .rule-test{grid-template-columns:1fr!important} #pageSettings .setting-group-title{font-size:12px!important;margin-bottom:8px!important;padding:0 4px!important} /* 手机端设置页用户信息卡片 */ #pageSettings .user-info-card{display:block!important;background:var(--card)!important;border-radius:12px!important;padding:16px 15px!important;margin-bottom:12px!important;text-align:center!important} #pageSettings .settings-reminder{display:none;align-items:center;gap:8px;padding:10px 14px;margin:0 0 12px;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#c2410c;font-size:13px;cursor:pointer} #pageSettings .settings-reminder .remind-icon{font-size:16px} #pageSettings .settings-reminder .remind-text{flex:1} #pageSettings .settings-reminder .remind-action{color:#f97316;font-weight:500} #pageSettings .user-info-title{font-size:18px!important;font-weight:400!important;color:var(--text)!important;margin-bottom:12px!important} #pageSettings .user-info-stats{display:flex!important;justify-content:center!important;gap:32px!important} #pageSettings .user-stat-item{text-align:center!important} #pageSettings .user-stat-val{font-size:22px!important;font-weight:400!important;color:var(--primary)!important} #pageSettings .user-stat-label{font-size:12px!important;color:var(--text-secondary)!important;margin-top:4px!important} /* 手机端设置页快捷功能4宫格 */ #pageSettings .quick-action-grid{display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:10px!important;margin-bottom:16px!important} #pageSettings .quick-action-item{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;background:var(--card)!important;border-radius:12px!important;padding:14px 4px!important;gap:6px!important;cursor:pointer!important} #pageSettings .quick-action-icon{font-size:24px!important} #pageSettings .quick-action-label{font-size:12px!important;font-weight:400!important;color:var(--text-secondary)!important;text-align:center!important} /* 手机端设置页隐藏复杂设置 */ #pageSettings #settingsBudget{display:none!important} #pageSettings #settingsSearch{display:none!important} #pageSettings #settingsColumns{display:none!important} #pageSettings #settingsShortcuts{display:none!important} #pageSettings #settingsAmountRules{display:none!important} #pageSettings .settings-section .rule-row{display:none!important} #pageSettings .settings-section .rule-test{display:none!important} #pageSettings .settings-section .alias-row{display:none!important} #pageSettings #homeIndicatorSettings{display:none!important} #pageSettings .setting-group-title:has(+ #homeIndicatorSettings){display:none!important} .matrix-table,.anomaly-table,.keyword-year-row{font-size:11px} .modal{align-items:center!important;padding:0 12px calc(14px + env(safe-area-inset-bottom))!important} .modal-sheet{max-height:88dvh;border-radius:20px!important;animation:sheetSlideUp .2s cubic-bezier(.4,0,.2,1);box-shadow:0 18px 46px rgba(15,23,42,.22)} @keyframes sheetSlideUp{from{transform:translateY(100%)}to{transform:translateY(0)}} .sheet-body{padding:16px 15px 24px} /* 手机端记账弹窗：分类名称前小圆点隐藏，字体缩小 */ .cat-pill::before{display:none!important} .cat-pill{font-size:12px!important;padding:5px 8px!important;gap:2px!important} .cat-pills{gap:5px!important} /* 手机端记账弹窗：隐藏心情选择（包括标签文字） */ .field:has(#moodRow){display:none!important} .wallet-quote{position:relative;top:auto;right:auto;max-width:none;margin-top:12px} .wallet-insight-grid{grid-template-columns:1fr 1fr} .calendar-grid{gap:5px} .calendar-cell{min-height:44px} .invest-batch-row{grid-template-columns:1fr} .invest-batch-remove{width:100%} /* 手机端收口优化：只影响小屏，避免横向溢出 */ .app,.main,.page,.list-card,.side-card,.chart-card,.wallet-card{max-width:100%;min-width:0} /* Tab切换无动画，瞬时切换 */ .page{animation:none!important} .bills-panel{animation:none!important} .topbar{min-width:0} .top-actions{margin-left:auto;min-width:0;gap:2px;align-items:center!important} .sync-status{height:26px!important;padding:0 2px!important;font-size:10px!important;gap:2px!important} .sync-dot{width:5px!important;height:5px!important} .top-tool-btn{flex:0 0 30px;width:30px!important;height:30px!important;border-radius:10px;font-size:15px!important} .brand-icon{width:30px;height:30px;font-size:16px} .bottom-nav{overflow:visible;gap:2px} .bot-tab{padding:6px 2px!important;font-size:11px!important;line-height:1.1;font-weight:700} .bot-tab .tab-icon{font-size:22px!important} .bot-tab .nav-kbd{display:none} .bot-tab[data-page="investment"],.bot-tab[data-page="accounts"]{display:none!important} .bot-tab.fab-add{width:auto!important;height:48px!important;flex:0 0 auto!important;padding:0 16px!important;border-radius:19px!important;background:var(--m-accent)!important;color:var(--m-accent-text)!important;box-shadow:0 2px 8px rgba(99,102,241,.25),0 4px 16px rgba(99,102,241,.15)!important;border:none!important;text-shadow:none!important;align-items:center!important;justify-content:center!important;transform:translateY(-4px)!important} .bot-tab.fab-add .tab-icon{font-size:13px!important;line-height:38px!important;font-weight:600!important;letter-spacing:1px!important} #pageHome .quick-row{display:none!important} #pageHome .filter-row{display:none!important} #pageHome .list-card .home-section-head{padding:10px 12px 8px!important} #pageHome .list-card .section-title{font-size:16px!important;font-weight:400!important;margin:0!important} #pageHome .list-card .home-month-select{font-size:13px!important} #pageHome .calendar-head,.side-card-title{gap:8px;flex-wrap:wrap} #pageHome .calendar-title{font-size:15px;font-weight:700} #pageHome .calendar-nav{margin-left:auto} #pageHome .rank-switch,#pageHome .rank-sort-switch{margin-left:0;max-width:100%;overflow-x:auto;scrollbar-width:none} #pageHome .rank-switch::-webkit-scrollbar,#pageHome .rank-sort-switch::-webkit-scrollbar{display:none} /* 手机端净资产卡片优化 */ #pageHome .networth-card{padding:16px 15px!important} #pageHome .networth-card .greeting{margin-bottom:12px!important} #pageHome .networth-card .greeting h2{font-size:18px!important} #pageHome .networth-card .greeting p{font-size:12px!important;margin-top:4px!important} #pageHome .networth-card .greet-date{display:block!important;font-size:12px!important;color:var(--text-tertiary);margin-top:2px!important;font-weight:600!important} /* 移动端首页问候栏（col-main 顶部，仅手机端显示） */ #pageHome .mobile-greet-bar{display:none!important} .brand-date{display:none!important} #pageHome .mobile-greet-bar .mobile-greet-line{font-size:21px!important;font-weight:700!important;color:var(--text)!important;line-height:1.3!important} #pageHome .mobile-greet-bar .mobile-greet-date{font-size:13px!important;color:var(--text-secondary)!important;margin-top:4px!important;font-weight:600!important} #pageHome .home-clock{margin-top:6px!important;padding:5px 8px!important;font-size:11px!important} #pageHome .networth-label{font-size:12px!important;margin-bottom:4px!important} #pageHome .networth-amount{font-size:26px!important} #pageHome .networth-trend{font-size:11px!important} #pageHome .networth-breakdown{grid-template-columns:repeat(2,1fr)!important;gap:8px!important;margin-top:12px!important} #pageHome .networth-mini{padding:10px 12px!important;border-radius:10px!important;text-align:center!important} #pageHome .networth-mini-label{font-size:10px!important;margin-bottom:2px!important} #pageHome .networth-mini-val{font-size:13px!important} /* 手机端消费人格卡片优化 */ #pageHome .persona-card{padding:14px 15px!important;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important} #pageHome .persona-card::before{display:none!important} #pageHome .persona-tag{font-size:11px!important;padding:3px 10px!important;background:var(--primary-soft)!important;color:var(--primary)!important;margin-bottom:8px!important} #pageHome .persona-title{font-size:16px!important;margin-bottom:4px!important;color:var(--text)!important} #pageHome .persona-desc{font-size:12px!important;opacity:1!important;color:var(--text-secondary)!important} /* 手机端账户速览优化 */ #pageHome .side-card:has(#accountSnapshot){padding:12px 0!important} #pageHome .side-card:has(#accountSnapshot) .side-card-title{padding:0 15px 10px!important;margin-bottom:0!important;border-bottom:1px solid var(--border-light)!important} #pageHome .account-mini{margin:0!important;padding:12px 15px!important;border-radius:0!important;border:none!important;border-bottom:1px solid var(--border-light)!important} #pageHome .account-mini:last-child{border-bottom:none!important} #pageHome .account-mini:hover{background:var(--bg-warm)!important;transform:none!important;box-shadow:none!important} #pageHome .account-mini-icon{width:36px!important;height:36px!important;border-radius:10px!important;font-size:16px!important} #pageHome .account-mini-name{font-size:14px!important} #pageHome .account-mini-type{font-size:11px!important} #pageHome .account-mini-bal{font-size:14px!important} #pageHome .acc-mini-btn{width:30px!important;height:30px!important;border-radius:8px!important;font-size:13px!important} /* 手机端分类参考电脑端：横向圆角标签，不再使用大宫格 */ .cat-pills{display:flex!important;flex-wrap:wrap!important;gap:5px!important;margin-bottom:12px!important;max-height:142px!important;overflow-y:auto!important;padding-bottom:2px!important} .cat-pill{flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;padding:5px 8px!important;border-radius:999px!important;font-size:12px!important;font-weight:400!important;gap:2px!important;text-align:left!important;min-height:0!important;border-width:1.5px!important;background:transparent!important;color:var(--text-secondary)!important} .cat-pill span{font-size:12px!important;width:auto!important;height:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-right:1px!important} .cat-pill.active{border-color:var(--primary)!important;background:var(--primary)!important;color:#fff!important;box-shadow:0 4px 12px rgba(99,102,241,.25)!important} .cat-pill.active::before{background:#fff!important;box-shadow:0 0 0 2px var(--cat-color)!important} /* 手机端弹窗内Tab切换优化 - 鲨鱼记账风格 */ .type-pills{gap:6px!important;margin-bottom:12px!important} .pill{padding:12px 6px!important;border-radius:10px!important;font-size:13px!important;font-weight:400!important;border-width:1.5px!important} /* 手机端记账弹窗字段精简 */ .modal-sheet .field:nth-last-child(3){display:none!important} .modal-sheet .mood-row{display:none!important} .modal-sheet .quick-notes{display:none!important} .modal-sheet #rateField.hide{display:none!important} /* 手机端表单输入优化 */ .field{margin-bottom:12px!important} .field label{font-size:12px!important;margin-bottom:5px!important} .field input,.field select{padding:11px 12px!important;font-size:15px!important;border-radius:10px!important} .field #txDesc{height:44px!important;padding:10px 12px!important} .field #txDate{height:44px!important;padding:10px 12px!important} .modal-sheet #txMainGrid{margin-top:-10px!important;margin-bottom:0!important} .modal-sheet #txGridInner{gap:6px 10px!important} .modal-sheet .tx-grid-item{padding:0!important;margin:0!important} .modal-sheet .tx-grid-item label{margin:0!important;padding:0!important;font-size:11px!important;line-height:1.2!important;height:auto!important} .modal-sheet #txGridInner input{ width:100%!important;min-width:0!important;display:block!important; -webkit-appearance:none!important;appearance:none!important;box-sizing:border-box!important; height:44px!important;padding:10px 12px!important;margin:2px 0 0!important; border-radius:10px!important } .modal-sheet .calc-hint:empty{display:none!important} .modal-sheet #discountResult{padding:2px 0!important;margin:0!important} .sheet-title{font-size:18px!important;font-weight:400!important} .sheet-head{padding:14px 15px!important} /* 手机端保存按钮优化 */ .modal-sheet .btn-primary{height:48px!important;border-radius:12px!important;font-size:15px!important;font-weight:400!important;margin-top:4px!important} /* 手机端账单页精简 */ #pageBills .filter-row{display:none!important} #pageBills .pc-tools-row{display:none!important} #pageBills .advanced-filter{display:none!important} #pageBills #billCatFilter{display:none!important} #pageBills .search-history{display:none!important} #pageBills .bills-sidebar{display:none!important} #pageBills .bills-workspace{display:none!important} /* 账单页顶部Tab - 白色背景,黄色按钮 */ #pageBills .bills-tabs{padding:0 0 10px!important;margin:0!important;background:var(--bg)!important;border-radius:0!important;gap:0!important;height:auto!important;display:flex!important;align-items:flex-end!important;position:sticky!important;top:0!important;z-index:12!important;padding-top:env(safe-area-inset-top)!important} #pageBills .bills-tab[data-billtab="day"]{display:none!important} #pageBills .bills-tabs .bills-tab{flex:1;padding:12px 8px!important;font-size:15px!important;border-radius:10px!important;border:3px solid transparent!important;background:#e9ecf2!important;color:#64748b!important;font-weight:400!important;text-align:center!important} #pageBills .bills-tabs .bills-tab.active{background:#fff!important;color:#2b2b2b!important;font-weight:700!important;border:3px solid var(--m-accent)!important} #pageBills .bills-panel.hide{display:none!important} #pageBills #billsPanelYear .month-bill-month-nav{display:none!important} #pageBills .year-bill-summary{display:block!important;background:#fff!important;border-radius:16px!important;padding:16px!important;margin:0 12px 12px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;grid-template-columns:none!important} #pageBills .year-bill-summary .mb-item{background:transparent!important;border:none!important;box-shadow:none!important;padding:6px 0!important;text-align:center!important} #pageBills .year-bill-summary .mb-label{font-size:12px!important;color:#94a3b8!important} #pageBills .year-bill-summary .mb-val{font-size:20px!important;font-weight:400!important} #pageBills .year-bill-summary .mb-val.income{color:#ff4d4f!important} #pageBills .year-bill-summary .mb-val.expense{color:#52C41A!important} #pageBills .year-bill-months{padding:0 0 12px!important;display:flex!important;flex-direction:column!important;gap:8px!important} #pageBills .year-month-header{padding:8px 12px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;align-items:center!important;gap:4px!important} #pageBills .year-month-header span{text-align:center} #pageBills .year-month-header span:first-child{text-align:center} #pageBills .year-month-row{padding:14px 12px!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;align-items:center!important;gap:4px!important;cursor:pointer!important;background:#fff!important;border-bottom:1px solid #f0f0f0!important;border-radius:0!important;box-shadow:none!important} #pageBills .year-month-row span{text-align:center} #pageBills .year-month-row span:first-child{text-align:center} #pageBills .ym-col-month{font-size:14px!important;color:#333!important;font-weight:400!important;text-align:left} #pageBills .ym-col-inc,#pageBills .ym-col-exp,#pageBills .ym-col-bal{font-size:13px!important;text-align:right!important;font-weight:400!important} #pageBills .ym-col-arrow{color:#ccc!important;font-size:16px!important;text-align:right!important;font-weight:400!important} /* 手机端月账单 */ #pageBills #billsPanelDay{flex:1!important;min-height:0!important;background:#fff!important} #pageBills #billsPanelMonth,#pageBills #billsPanelYear{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding:0!important;background:#fff!important} #pageBills #billsPanelMonth .month-bill-month-nav{padding:0 12px!important;margin-bottom:12px!important} #pageBills #billsPanelYear .month-bill-month-nav{padding:0 12px!important;margin-bottom:12px!important} #pageBills #billsPanelMonth .month-bill-month-nav button{width:32px!important;height:32px!important;font-size:14px!important} #pageBills #billsPanelMonth .month-bill-summary-inner{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;margin-bottom:8px!important} #pageBills #billsPanelMonth .month-bill-summary-inner .mb-item{padding:10px 4px!important;border-radius:10px!important;background:#f6f7f9!important} #pageBills #billsPanelMonth .month-bill-summary-inner .mb-val{font-size:16px!important} #pageBills #monthBillSummary{background:#fff!important;border-radius:16px!important;padding:14px!important;margin:0 12px 12px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important} #pageBills #monthBillCats .side-card{border-radius:16px!important;margin:0 12px 12px!important;background:#fff!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important} /* 各页面背景色 - 账单页改为灰底白卡（与分析页一致） */ #pageBills{background:#f6f7f9!important} body.bills-page{background:#f6f7f9!important} body.bills-page .main{background:#f6f7f9!important} #pageStats{background:#fff!important} #pageSettings{background:#fff!important} #pageAccounts{background:#fff!important} #pageInvestment{background:#fff!important} .tx-item{gap:12px;padding:16px 14px;min-width:0;min-height:68px;align-items:center;border-bottom:1px solid #f5f5f5!important} .date-header{padding:14px 14px 8px!important;font-size:14px!important;font-weight:600!important;color:#333!important} .tx-icon{width:42px;height:42px;border-radius:12px;font-size:20px;display:flex!important;align-items:center!important;justify-content:center!important} .tx-main{min-width:0;overflow:hidden;flex:1!important} .tx-cat-dot{display:none!important} .tx-title{font-size:15px;gap:3px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500;color:#333} .tx-sub{font-size:12px;gap:3px;min-width:0;overflow:hidden;white-space:nowrap;color:#999} .tx-sub span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .tx-amount{font-size:16px;max-width:120px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:right;font-weight:600;margin-right:4px} .tx-amount.expense{color:#52C41A} .tx-amount.income{color:#ff4d4f} .tx-actions{display:none} .tag-pill,.large-badge,.status-badge{font-size:10px;padding:2px 6px;margin-left:3px} #pageInvestment .investment-actions{grid-template-columns:1fr 1fr!important} #pageInvestment .investment-add-btn,#pageInvestment .investment-batch-btn{min-width:0;white-space:normal;line-height:1.25} #pageStats .asset-summary-grid,.stats-summary-grid{grid-template-columns:1fr 1fr!important} #pageStats canvas{max-width:100%!important} #pageAccounts .acc-card{min-width:0;padding:14px 16px!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #f5f5f5!important;margin:0!important;box-shadow:none!important;background:#fff!important} #pageAccounts .acc-info{min-width:0;overflow:hidden;flex:1!important} #pageAccounts .acc-name{font-size:15px!important;font-weight:500!important;color:#333!important} #pageAccounts .acc-type{font-size:12px!important;color:#999!important} #pageAccounts .acc-name,#pageAccounts .acc-type{white-space:nowrap;overflow:hidden;text-overflow:ellipsis} #pageAccounts .acc-balance{font-size:17px!important;font-weight:600!important;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#333!important} #pageSettings .tx-item{align-items:center!important;padding:16px 14px!important;border-radius:0!important;border-left:none!important;border-right:none!important;border-bottom:1px solid #f5f5f5!important;margin:0!important;box-shadow:none!important;background:#fff!important} #pageSettings .tx-amount{max-width:120px;font-size:15px!important;font-weight:500!important;color:#999!important} #pageSettings .tx-title{font-size:15px!important;font-weight:500!important;color:#333!important} .modal-sheet{width:100%;max-width:100%;overflow-x:hidden} .sheet-body input,.sheet-body select,.sheet-body textarea{max-width:100%;min-width:0} .login-fullscreen{align-items:stretch!important} .login-shell{height:100dvh;display:flex;flex-direction:column;justify-content:center;gap:18px;padding:22px 16px;overflow-y:auto} .login-shell::before{display:none} .login-hero{max-width:none;transform:none} .login-badge{font-size:12px;margin-bottom:12px} .login-title{font-size:38px;letter-spacing:-1.4px;margin-bottom:12px;line-height:1.02;white-space:normal;text-wrap:balance} .login-title span{display:block;margin-left:0;margin-top:3px;letter-spacing:-1.2px} .login-title::after{width:72px;height:4px;margin-top:13px} .login-subtitle{font-size:14px;line-height:1.65;margin-bottom:0} .login-visual{display:none} .login-panel{max-width:none;transform:none} .login-card{padding:22px;border-radius:24px} .login-card-head{margin-bottom:18px} .login-logo{width:44px;height:44px;border-radius:15px;font-size:21px} .login-card-title{font-size:21px} .login-password-row{gap:8px} .login-tip{font-size:11px;margin:10px 0 14px} /* 搜索页样式 */ #pageSearch{background:var(--m-accent)!important;overflow:hidden!important;padding:0!important;height:100%!important} .search-page{display:flex;flex-direction:column;height:100%} .search-topbar{display:flex;align-items:center;gap:8px;height:40px;padding:0 16px;background:var(--m-accent);flex-shrink:0} .search-filter-btn{display:flex!important;align-items:center;gap:4px;font-size:13px;font-weight:600;color:#333;white-space:nowrap;cursor:pointer;padding:6px 10px;border-radius:8px;background:rgba(255,255,255,.5);min-width:0} .search-input-wrap input{width:100%;padding:10px 14px;border-radius:20px;border:none;font-size:15px;background:rgba(255,255,255,.95);outline:none;color:#333;box-shadow:0 2px 8px rgba(0,0,0,.06)} .search-input-wrap input::placeholder{color:#999;font-weight:400} .cal-close-btn{width:36px;height:36px;border-radius:50%;background:rgba(0,0,0,.08);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;padding:0;flex-shrink:0} .cal-close-btn:hover{background:rgba(0,0,0,.15)} .search-content{flex:1;background:#fff;overflow-y:auto;display:flex;flex-direction:column} .search-empty{display:flex;flex-direction:column;align-items:center;gap:16px;color:#999;font-size:14px;padding:60px 20px;text-align:center;background:#fff} .search-empty svg{width:72px;height:72px;opacity:.4} .search-hot{padding:16px;border-bottom:1px solid #eee;background:#fff} .search-hot-title{font-size:13px;color:#666;font-weight:600;margin-bottom:10px} .search-hot-tags{display:flex;flex-wrap:wrap;gap:8px} .search-hot-tag{padding:6px 14px;border-radius:20px;background:#f0f0f0;color:#666;font-size:13px;cursor:pointer} .search-hot-tag:active{background:#e0e0e0} .search-results{padding:0;width:100%;background:#fff} .search-results .tx-item{min-height:64px!important;padding:10px 14px!important;border-bottom:1px solid #f0f1f3!important;background:#fff!important;gap:10px!important} .search-results .tx-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:18px!important} .search-results .tx-title{font-size:13px!important;font-weight:400!important;color:#1f2933!important} .search-results .tx-sub{font-size:11px!important;color:#9aa3ad!important;margin-top:2px!important} .search-results .tx-amount{font-size:13px!important;font-weight:400!important;max-width:110px!important;margin-right:4px!important} .search-summary-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:#fff;border-bottom:1px solid #f0f0f0;font-size:13px} .search-summary-bar span:first-child{color:#999} .search-summary-exp{color:#52C41A;font-weight:600} .search-summary-inc{color:#ff4d4f;font-weight:600} /* 筛选面板 */ .search-filter-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);z-index:200;opacity:0;pointer-events:none;transition:opacity .25s ease} .search-filter-overlay.show{opacity:1;pointer-events:auto} .search-filter-panel{position:fixed;left:16px;right:16px;top:50%;background:#fff;border-radius:16px;z-index:201;padding:20px;transform:translateY(-50%) scale(.9);transition:all .25s cubic-bezier(.22,1,.36,1);opacity:0;pointer-events:none;box-shadow:0 20px 60px rgba(0,0,0,.2)} .search-filter-panel.show{transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto} .search-filter-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px} .search-filter-head span{font-size:17px;font-weight:600;color:#333} .search-filter-head button{font-size:14px;color:#999;background:none;border:none;cursor:pointer} .search-filter-group{margin-bottom:16px} .search-filter-label{font-size:13px;color:#999;margin-bottom:10px} .search-filter-options{display:flex;flex-wrap:wrap;gap:8px} .search-filter-options button{padding:8px 16px;border-radius:10px;border:1px solid #e8e8e8;background:#fff;color:#666;font-size:14px;cursor:pointer;transition:all .15s} .search-filter-options button.active{background:var(--m-accent)!important;color:var(--m-accent-text)!important;border-color:var(--m-accent)!important;font-weight:600} .search-filter-confirm{width:100%;padding:14px;border-radius:14px;border:none;background:var(--m-accent);color:var(--m-accent-text);font-size:16px;font-weight:600;cursor:pointer;margin-top:8px} .search-filter-confirm:active{opacity:.9} /* 日历页样式 */ #pageCalendar{background:#fff!important;overflow:hidden!important;padding:0!important;height:100%!important} .calendar-page{display:flex;flex-direction:column;height:100%} .calendar-topbar{display:flex;align-items:center;justify-content:center;height:40px;padding:0 12px;background:var(--m-accent);flex-shrink:0;gap:8px} .cal-nav-btn{width:30px;height:30px;border:none;border-radius:8px;background:rgba(255,255,255,.5);color:#333;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0} .cal-month-title{font-size:16px;font-weight:700;color:#333;cursor:pointer;user-select:none} .cal-book-select{height:26px;padding:0 8px;border-radius:6px;border:none;background:rgba(255,255,255,.5);color:#333;font-size:12px;margin-left:auto} .cal-body{flex-shrink:0;background:#fff} .cal-weekdays{display:grid;grid-template-columns:repeat(7,1fr);padding:8px 16px 4px;text-align:center;font-size:12px;color:#999;font-weight:600} .cal-grid{display:grid;grid-template-columns:repeat(7,1fr);padding:0 16px;gap:2px;background:#f5f5f5;border-top:1px solid #f0f0f0;border-bottom:1px solid #f0f0f0} .cal-cell{background:#fff;height:52px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;position:relative;padding:3px 0;border-radius:8px} .cal-cell .cal-day-num{font-size:14px;font-weight:500;color:#333;line-height:1} .cal-cell .cal-day-amount{font-size:9px;font-weight:600;line-height:1.3;display:block} .cal-cell .cal-day-amount.income{color:#ff4d4f} .cal-cell .cal-day-amount.expense{color:#52C41A} .cal-cell.other-month .cal-day-num{color:#ccc} .cal-cell.today{background:var(--m-accent)!important;border-radius:10px;box-shadow:0 1px 4px rgba(0,0,0,.1)} .cal-cell.today .cal-day-num{font-weight:700;color:var(--m-accent-text)} .cal-cell.today .cal-day-amount{color:var(--m-accent-text)!important} .cal-cell.selected{background:#FFFBE6;outline:2px solid var(--m-accent);outline-offset:-2px;z-index:1;border-radius:10px} .cal-detail{flex:1;overflow-y:auto;background:#fff;padding:0 16px;display:flex;flex-direction:column;min-height:0} .cal-detail-header{font-size:14px;font-weight:600;color:#333;padding:10px 0 8px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;flex-shrink:0} .cal-bills-total{font-size:13px;color:#666;font-weight:500} .cal-bills-list{flex:1;overflow-y:auto;padding:4px 0} .cal-bills-list .tx-item{min-height:64px!important;padding:10px 0!important;border-bottom:1px solid #f0f1f3!important;background:#fff!important;gap:10px!important} .cal-bills-list .tx-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:18px!important} .cal-bills-list .tx-title{font-size:13px!important;font-weight:400!important;color:#1f2933!important} .cal-bills-list .tx-sub{font-size:11px!important;color:#9aa3ad!important;margin-top:2px!important} .cal-bills-list .tx-amount{font-size:13px!important;font-weight:400!important;max-width:110px!important;margin-right:4px!important} /* 2026-07-07 手机端初步整理：恢复常用功能，减少隐藏导致的混乱 */ body{background:#fff!important} .main{background:#fff!important} /* 底部导航：隐藏投资和账户，投资从首页快捷入口进入 */ .bot-tab[data-page="investment"]{display:none!important} .bot-tab[data-page="accounts"]{display:none!important} .bot-tab{min-width:0!important} .bot-tab:not(.fab-add){flex:1 1 0!important} .bot-tab.fab-add{margin-left:2px!important;margin-right:2px!important} /* 首页：隐藏预算和搜索，日账单区域更简洁 */ #pageHome{background:#fff!important} #pageHome .budget-progress-card{display:none!important} #pageHome .budget-progress-title{display:none!important} #pageHome .budget-progress-info{display:none!important} #pageHome .home-quick-actions{margin:0!important;padding:10px 8px 4px!important;background:#F7F7F7!important;border-bottom:1px solid #e8e8e8!important;box-shadow:none!important} #pageHome .home-reminder{display:none;align-items:center;gap:8px;padding:10px 14px;margin:8px 12px 0;background:#fff7ed;border:1px solid #fed7aa;border-radius:10px;color:#c2410c;font-size:13px;cursor:pointer} #pageHome .home-reminder .remind-icon{font-size:16px} #pageHome .home-reminder .remind-text{flex:1} #pageHome .home-reminder .remind-arrow{font-size:16px;color:#f97316} #pageHome .hqa-icon{width:26px!important;height:26px!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:8px!important;background:#fff8d8!important;font-size:16px!important} #pageHome .hqa-label{font-size:11px!important;font-weight:400!important;color:#555!important} #pageHome .list-card{margin:0 0 12px!important;border-radius:0!important;background:#fff!important;border-left:none!important;border-right:none!important;border-top:none!important;border-bottom:none!important;box-shadow:none!important;overflow-x:hidden!important;overflow-y:auto!important;display:flex!important;flex-direction:column!important;flex:1 1 auto!important;min-height:0!important} #pageHome .home-section-head{display:none!important} #pageHome .filter-row{display:none!important} #pageHome #recentList.home-day-bills{flex:1 1 auto!important;min-height:0!important;max-height:none!important;overflow:visible!important;padding-bottom:8px!important} /* 账单页：日账单优化，只记录区域滑动 */ #pageBills{background:#f6f7f9!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} #pageBills:not(.hide){overflow:hidden!important} #pageBills .bills-tabs{position:sticky!important;top:0!important;z-index:12!important;padding:8px 12px 0!important;background:#f6f7f9!important;border-radius:0!important;box-shadow:none!important;flex-shrink:0!important;gap:8px!important;display:flex!important;align-items:center!important;margin:0!important} #pageBills .bills-tab[data-billtab="day"]{display:block!important;margin-right:6px!important} #pageBills .bills-tabs .bills-tab{flex:1!important;padding:11px 4px!important;font-size:14px!important;margin:0!important;background:#e9ecf2!important;color:#64748b!important;font-weight:500!important;border:1px solid transparent!important;border-radius:12px!important} #pageBills .bills-tab[data-billtab="year"]{margin-left:6px!important} #pageBills .bills-tabs .bills-tab.active{background:#fff!important;color:#2b2b2b!important;font-weight:800!important;box-shadow:0 4px 12px rgba(15,23,42,.12)!important} #pageBills #billsPanelDay{padding:10px 0 0!important;flex:1!important;min-height:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important} #pageBills #billsPanelDay .filter-row{display:flex!important;flex-wrap:wrap!important;gap:4px!important;margin:0 12px 8px!important;padding:8px 10px!important;background:#fff!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;align-items:center!important;flex-shrink:0!important} #pageBills #billsPanelDay .filter-row input{flex:1!important;min-width:100px!important;height:32px!important;border-radius:8px!important;background:#f7f8fb!important;border:1px solid #e8ebf1!important;font-size:12px!important;padding:0 8px!important;order:4!important} #pageBills #billsPanelDay .filter-row select{height:32px!important;border-radius:8px!important;background:#f7f8fb!important;border:1px solid #e8ebf1!important;font-size:12px!important;padding:0 6px!important;-webkit-appearance:none!important;appearance:none!important;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E")!important;background-repeat:no-repeat!important;background-position:right 6px center!important;padding-right:18px!important;flex:0 0 auto!important;min-width:0!important;max-width:28%!important} #pageBills .pc-tools-row{display:none!important} #pageBills .advanced-filter{display:none!important} #pageBills .search-history{display:none!important} #pageBills .bills-workspace{display:flex!important;flex-direction:column!important;overflow:hidden!important;flex:1!important;min-height:0!important} #pageBills .bills-workspace>div:first-child{display:block!important;flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior:contain!important;padding-bottom:14px!important} #pageBills #billsList{display:block!important;background:#fff!important;margin:0 12px!important;border-radius:16px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;border:none!important;overflow:hidden!important} #pageBills #billsTableWrap,#pageBills #splitWorkbench,.bill-detail-panel{display:none!important} #pageBills .bills-sidebar{display:none!important} #pageBills .bill-year-summary{display:none!important} #pageBills .bill-result-summary{display:flex!important;overflow-x:auto!important;gap:0!important;margin:0 0 6px!important;padding:0 12px!important;scrollbar-width:none!important;flex-shrink:0!important;background:#fff!important} #pageBills .bill-result-summary::-webkit-scrollbar{display:none!important} #pageBills .bill-sum-card{flex:1!important;min-width:0!important;padding:6px 4px!important;border-radius:0!important;background:#f7f8fb!important;border:none!important;border-right:1px solid #eef0f4!important;box-shadow:none!important} #pageBills .bill-sum-label{font-size:10px!important;color:#999!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .bill-sum-value{font-size:13px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .bill-sum-sub{font-size:9px!important;margin-top:1px!important;color:#bbb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills #billCatFilter{display:block!important;margin:0 0 6px!important;padding:0 12px!important;flex-shrink:0!important} #pageBills .bill-filter-chip{display:inline-flex!important;align-items:center!important;gap:4px!important;padding:4px 10px!important;background:var(--m-accent)!important;border-radius:20px!important;font-size:12px!important;font-weight:400!important;color:#333!important} /* 账单页顶部汇总 Hero（与首页钱包卡同款黄色渐变） */ #pageBills .bills-hero{display:block!important;margin:0 12px 12px!important;background:#fff!important;border-radius:16px!important;padding:14px 16px!important;color:#2b2b2b!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important} #pageBills .bills-hero::after{content:none!important} #pageBills .bills-hero .bh-top{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;z-index:1!important} #pageBills .bills-hero .bh-label{font-size:13px!important;font-weight:700!important;color:#64748b!important} #pageBills .bills-hero .bh-count{font-size:11px!important;color:#64748b!important;background:#f1f4f8!important;padding:2px 9px!important;border-radius:10px!important} #pageBills .bills-hero .bh-balance{display:flex!important;align-items:baseline!important;gap:8px!important;margin:8px 0 12px!important;position:relative!important;z-index:1!important} #pageBills .bills-hero .bh-balance-label{font-size:12px!important;color:#94a3b8!important} #pageBills .bills-hero .bh-balance-val{font-size:32px!important;font-weight:800!important;letter-spacing:-.5px!important;color:#2b2b2b!important;line-height:1!important} #pageBills .bills-hero .bh-balance-sign{font-size:11px!important;color:#94a3b8!important} #pageBills .bills-hero .bh-stats{display:flex!important;gap:10px!important;position:relative!important;z-index:1!important} #pageBills .bills-hero .bh-stat{flex:1!important;display:flex!important;align-items:center!important;gap:6px!important;background:#f6f7f9!important;border-radius:12px!important;padding:8px 10px!important} #pageBills .bills-hero .bh-stat-dot{width:8px!important;height:8px!important;border-radius:50%!important;flex-shrink:0!important} #pageBills .bills-hero .bh-stat-dot.income{background:#be123c!important} #pageBills .bills-hero .bh-stat-dot.expense{background:#15803d!important} #pageBills .bills-hero .bh-stat-label{font-size:12px!important;color:#64748b!important} #pageBills .bills-hero .bh-stat-val{margin-left:auto!important;font-size:14px!important;font-weight:800!important} #pageBills .bills-hero .bh-stat-val.income{color:#be123c!important} #pageBills .bills-hero .bh-stat-val.expense{color:#15803d!important} #pageBills .year-separator{margin:16px 12px 4px!important;padding:4px 0 6px!important;font-size:13px!important;font-weight:800!important;color:#94a3b8!important;letter-spacing:3px!important;border-bottom:1px dashed #e6e9ef!important} /* 日账单：按天聚合统计，每天一行收支，无明细 */ #pageBills .date-group-stat{border-top:none!important;margin:0!important} #pageBills .date-group-stat .date-header{position:static!important;cursor:default!important;background:transparent!important;border:none!important;border-left:4px solid var(--m-accent)!important;border-radius:0!important;margin:14px 12px 6px!important;padding:0 4px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;border-bottom:none!important;box-shadow:none!important} #pageBills .date-group-stat .date-header:active{transform:none!important} #pageBills .date-group-stat .date-label{font-size:15px!important;font-weight:700!important;color:#1f2933!important} #pageBills .date-group-stat .date-summary{font-size:13px!important;display:flex!important;gap:10px!important;align-items:center!important} #pageBills .date-group-stat .ds-item.inc{color:#be123c!important;font-weight:600!important} #pageBills .date-group-stat .ds-item.exp{color:#15803d!important;font-weight:600!important} /* 月/年账单行卡片化 */ #pageBills .year-month-row{display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;align-items:center!important;padding:14px 12px!important;margin:0 12px!important;background:#fff!important;border-bottom:none!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;gap:4px!important;cursor:pointer!important} #pageBills .year-month-row:active{transform:scale(.99)!important;box-shadow:0 2px 8px rgba(15,23,42,.08)!important} #pageBills .year-bill-months{padding:0 0 12px!important;display:flex!important;flex-direction:column!important;gap:8px!important} #pageBills .month-bill-month-nav{margin:0 12px 12px!important} /* 账户页：作为手机端常用入口，保留列表并压缩间距 */ #pageAccounts{background:#fff!important;padding:12px!important} #pageAccounts .accounts-list-pane{background:#fff!important;border-radius:16px!important;border:1px solid #eef0f4!important;box-shadow:0 8px 20px rgba(15,23,42,.05)!important;padding:12px!important} /* 手机端资产页面 - 鲨鱼记账风格 */ @keyframes accFadeInUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}} /* 鲨鱼风格：净资产大字卡片 */ .acc-shark-summary{margin-bottom:16px;padding:22px 16px;background:linear-gradient(135deg,#f6d365,#fda085);border-radius:18px;animation:accFadeInUp .5s ease both;position:relative;overflow:hidden} .acc-shark-summary::after{content:'¥';position:absolute;right:-8px;bottom:-20px;font-size:90px;color:rgba(255,255,255,.25);font-weight:700} .acc-shark-net-label{font-size:14px;color:rgba(0,0,0,.5);font-weight:500;margin-bottom:4px} .acc-shark-net-val{font-size:28px;font-weight:800;color:#1a1a1a;line-height:1.2;margin-bottom:12px} .acc-shark-sub-row{display:flex;gap:24px} .acc-shark-sub-item{display:flex;align-items:center;gap:4px} .acc-shark-sub-label{font-size:13px;color:rgba(0,0,0,.55)} .acc-shark-sub-item span:last-child{font-size:14px;font-weight:600;color:#1a1a1a} /* 玻璃风变体：顶部卡片跟随玻璃风配色（半透明白玻璃卡 + 深色字），不用橙黄 */ .glass-theme .acc-shark-summary{background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 8px 24px rgba(31,38,135,.12)!important} .glass-theme .acc-shark-summary::after{color:rgba(99,102,241,.12)} .glass-theme .acc-shark-net-label{color:rgba(35,40,56,.55)!important} .glass-theme .acc-shark-net-val{color:#232838!important} .glass-theme .acc-shark-sub-label{color:rgba(35,40,56,.6)!important} .glass-theme .acc-shark-sub-item span:last-child{color:#232838!important} .glass-theme .acc-mobile-group{background:rgba(255,255,255,.32)!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:none!important} .glass-theme .acc-mobile-group-hd{background:rgba(255,255,255,.4)!important;color:#3a3f5a!important;border-bottom:1px solid rgba(255,255,255,.35)!important} .glass-theme .acc-mobile-row{border-bottom:1px solid rgba(255,255,255,.3)!important} .glass-theme .acc-mobile-icon{background:rgba(99,102,241,.15)!important} .glass-theme .acc-mobile-name{color:#232838!important} .glass-theme .acc-mobile-bal{color:#232838!important} /* 旧三列样式保留兼容（不再使用但保留防意外）*/ .acc-mobile-summary{display:none} .acc-mobile-group{margin-bottom:6px;background:#fff;border-radius:14px;overflow:hidden;animation:accFadeInUp .5s ease both;box-shadow:0 1px 4px rgba(0,0,0,.04)} .acc-mobile-group:nth-child(2){animation-delay:.08s} .acc-mobile-group:nth-child(3){animation-delay:.16s} .acc-mobile-group:nth-child(4){animation-delay:.24s} .acc-mobile-group:nth-child(5){animation-delay:.32s} .acc-mobile-group-hd{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;color:var(--text-secondary);font-weight:600;background:#fafafa;border-bottom:1px solid #f0f0f0} .acc-mobile-row{display:flex;justify-content:flex-start;align-items:center;padding:11px 14px;background:transparent;border-bottom:1px solid #f5f5f5;animation:accFadeInUp .4s ease both;touch-action:pan-y;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none} .acc-mobile-row:last-child{border-bottom:none} .acc-drag-clone{position:fixed;z-index:100000;opacity:.92;background:#fff;border-radius:12px;box-shadow:0 8px 30px rgba(0,0,0,.18);pointer-events:none;transition:transform .08s ease} .acc-drag-placeholder{opacity:.35;background:#f5f5f5;border:2px dashed #ccc;transition:all .2s ease;border-radius:8px} .acc-mobile-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;background:#fef9e7;border-radius:10px;font-size:18px;margin-right:11px;flex-shrink:0} .acc-mobile-name{flex:1;font-size:14px;color:var(--text)} .acc-mobile-bal{font-size:15px;font-weight:400;margin-left:auto} /* 账户操作弹窗 */ @keyframes overlayFadeIn{from{opacity:0}to{opacity:1}} @keyframes panelPopIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}} .acc-action-overlay{position:fixed;inset:0;background:rgba(0,0,0,.45);z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:overlayFadeIn .2s ease forwards} .acc-action-panel{background:#fff;border-radius:20px;padding:24px 18px;width:86%;max-width:300px;box-shadow:0 20px 60px rgba(0,0,0,.3);transform:scale(.9);opacity:0;animation:panelPopIn .35s cubic-bezier(.34,1.56,.64,1) forwards} .acc-action-title{font-size:17px;font-weight:400;margin-bottom:2px;text-align:center;color:#333} .acc-action-subtitle{font-size:13px;color:#999;text-align:center;margin-bottom:20px} .acc-action-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;margin-bottom:14px} .acc-action-btn{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 4px;border-radius:14px;border:1px solid #f0f0f0;background:#f7f7f7;color:#333;font-weight:400;cursor:pointer;font-size:13px;transition:all .15s ease} .acc-action-btn:active{transform:scale(.96);background:#FFF8DC;border-color:var(--m-accent)} .acc-action-btn .icon{font-size:22px} .acc-action-cancel{width:100%;padding:12px;border-radius:14px;border:none;background:#f0f0f0;color:#666;font-weight:400;cursor:pointer;font-size:15px;transition:all .15s ease} .acc-action-cancel:active{background:#e0e0e0} /* 设置页：手机端保留数据管理，其他复杂设置继续收起 */ #pageSettings{background:#fff!important;padding:12px!important} #pageSettings .list-card,#pageSettings .user-info-card,#pageSettings .quick-action-item{box-shadow:0 8px 20px rgba(15,23,42,.05)!important;border:1px solid #eef0f4!important} /* 手机端首页 UI：参考鲨鱼记账，黄顶白底、轻量列表 */ #pageHome,#pageHome .col-main{background:#fff!important} #pageHome .wallet-card{background:var(--m-accent)!important;border-radius:0!important;box-shadow:none!important} #pageHome .wallet-summary-bar{height:auto!important;min-height:auto!important;background:var(--m-accent)!important;padding:10px 12px 12px!important;box-sizing:border-box!important;gap:10px!important} #pageHome .header-top{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:10px!important} #pageHome .ws-month{flex:0 0 auto!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;padding-left:4px!important;cursor:pointer!important;user-select:none!important} #pageHome .ws-month select{display:none!important} #pageHome .ws-year{font-size:11px!important;font-weight:400!important;color:var(--m-accent-text2)!important;line-height:1.3!important} #pageHome .ws-month-val{font-size:22px!important;font-weight:600!important;color:var(--m-accent-text)!important;line-height:1.2!important;letter-spacing:-.3px!important} #pageHome .header-stat{flex:1!important;display:flex!important;align-items:stretch!important;justify-content:flex-end!important;gap:6px!important;min-width:0!important} #pageHome .hstat-item{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;padding:4px 2px!important;background:rgba(255,255,255,.18)!important;border-radius:10px!important} #pageHome .hstat-val{font-size:13px!important;font-weight:700!important;color:var(--m-accent-text)!important;line-height:1.1!important;white-space:nowrap!important} #pageHome .hstat-val small{font-size:9px!important;font-weight:600!important;margin-left:1px!important} #pageHome .hstat-val.income{color:var(--income)!important} #pageHome .hstat-val.expense{color:var(--expense)!important} #pageHome .hstat-label{font-size:9px!important;font-weight:500!important;color:var(--m-accent-text2)!important;white-space:nowrap!important} #pageHome .budget-row{display:flex!important;align-items:center!important;gap:8px!important;font-size:11px!important;color:var(--m-accent-text2)!important;flex-wrap:nowrap!important} #pageHome .budget-text{white-space:nowrap!important;flex-shrink:0!important;font-weight:500!important} #pageHome .wallet-summary-bar .budget-bar-wrap{flex:1!important;height:6px!important;background:rgba(255,255,255,.25)!important;border-radius:3px!important;overflow:hidden!important;min-width:50px!important} #pageHome .wallet-summary-bar .budget-bar{height:100%!important;background:rgba(255,255,255,.9)!important;border-radius:3px!important} #pageHome .wallet-summary-bar .budget-bar.over{background:var(--income)!important} #pageHome .wallet-summary-bar .quote{margin-top:0!important;padding:8px 10px!important;border-radius:10px!important;background:rgba(255,255,255,.18)!important;cursor:pointer!important} #pageHome .wallet-summary-bar .quote-text{font-size:12px!important;font-weight:600!important;color:var(--m-accent-text)!important;line-height:1.45!important} /* 滚轮选择器遮罩 */ .wp-overlay{position:fixed!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:rgba(0,0,0,.35)!important;z-index:9998!important;display:none!important;transition:opacity .2s!important} .wp-overlay.show{display:block!important} /* 滚轮选择器容器 */ .wp-container{position:fixed!important;bottom:0!important;left:0!important;width:100%!important;height:260px!important;background:rgba(255,255,255,.92)!important;z-index:9999!important;transform:translateY(100%)!important;transition:transform .3s cubic-bezier(.4,0,.2,1)!important;border-radius:18px 18px 0 0!important;box-shadow:0 -4px 30px rgba(0,0,0,.1)!important;display:flex!important;flex-direction:column!important;padding:0!important} .wp-container.show{transform:translateY(0)!important} .wp-header{display:flex!important;justify-content:space-between!important;align-items:center!important;padding:10px 16px 6px!important;border-bottom:1px solid #f0f0f0!important} .wp-cancel{font-size:14px!important;color:#999!important;background:none!important;border:none!important;cursor:pointer!important;padding:4px 8px!important} .wp-title{font-size:15px!important;font-weight:400!important;color:#1f2933!important} .wp-confirm{font-size:14px!important;color:var(--m-accent)!important;background:#1f2933!important;border:none!important;border-radius:6px!important;padding:4px 14px!important;cursor:pointer!important;font-weight:400!important} .wp-body{flex:1!important;position:relative!important;overflow:hidden!important;display:flex!important;justify-content:center!important} .wp-body::before{content:''!important;position:absolute!important;top:50%!important;left:0!important;right:0!important;height:40px!important;margin-top:-20px!important;border-top:1px solid #e8e8e8!important;border-bottom:1px solid #e8e8e8!important;z-index:1!important;pointer-events:none!important} .wp-cols{display:flex!important;width:100%!important;height:100%!important;position:relative!important;z-index:2!important} .wp-col{flex:1!important;height:100%!important;position:relative!important;overflow-y:hidden!important;touch-action:none!important;-webkit-overflow-scrolling:auto!important;scroll-behavior:auto!important;scroll-snap-type:y mandatory!important} .wp-col::-webkit-scrollbar{display:none!important} .wp-col{scrollbar-width:none!important} .wp-col+.wp-col{border-left:1px solid #f0f0f0!important} .wp-scroll{height:100%!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:auto!important;scroll-snap-type:y mandatory!important;position:relative!important;z-index:2!important} .wp-scroll::-webkit-scrollbar{display:none!important} .wp-scroll{scrollbar-width:none!important} .wp-item{height:40px!important;line-height:40px!important;text-align:center!important;font-size:16px!important;color:#999!important;scroll-snap-align:center!important;transition:transform .15s,color .15s!important} .wp-item.selected{font-size:18px!important;font-weight:400!important;color:#1f2933!important;transform:scale(1.08)!important} .wp-padding-top,.wp-padding-bottom{height:80px!important;pointer-events:none!important} #pageHome .budget-progress-card{margin:0!important;padding:10px 14px 12px!important;border:0!important;border-bottom:1px solid #f1f2f5!important;box-shadow:none!important;background:#fff!important} #pageHome .budget-progress-title{font-size:13px!important;color:#1f2933!important} #pageHome .budget-progress-bar-wrap{height:7px!important;border-radius:999px!important;background:#f2f3f5!important;overflow:hidden!important} #pageHome .budget-progress-bar{border-radius:999px!important;background:var(--m-accent)!important} #pageHome .budget-progress-info{font-size:12px!important;color:#7b8794!important} #pageHome .home-quick-actions{margin:0!important;padding:10px 8px 4px!important;background:#F7F7F7!important;border-bottom:1px solid #e8e8e8!important;box-shadow:none!important} #pageHome .hqa-item{gap:4px!important} #pageHome .hqa-icon{width:26px!important;height:26px!important;border-radius:8px!important;background:#fff8d8!important;font-size:16px!important;box-shadow:none!important} #pageHome .hqa-label{font-size:11px!important;font-weight:400!important;color:#666!important} #pageHome .list-card{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff!important} #pageHome .list-card .home-section-head{display:none!important} #pageHome .list-card .section-title{font-size:16px!important;font-weight:400!important;color:#1f2933!important} #pageHome .list-card .home-month-select{height:30px!important;border-radius:15px!important;border:1px solid #edf0f3!important;background:#fafafa!important;padding:0 8px!important;font-size:12px!important;font-weight:400!important;color:#64748b!important} #pageHome .filter-row{display:none!important} #pageHome .filter-row input{height:36px!important;border-radius:18px!important;background:#f7f8fa!important;border:0!important;padding:0 14px!important;font-size:13px!important} #pageHome #recentList.home-day-bills{background:#fff!important} #pageHome .date-header{height:34px!important;padding:0 14px!important;margin:0!important;background:#f7f8fa!important;border:0!important;display:flex!important;align-items:center!important} #pageHome .date-label{font-size:13px!important;font-weight:400!important;color:#56606c!important} #pageHome .date-summary{margin-left:auto!important;font-size:12px!important;font-weight:400!important} #pageHome .tx-item{min-height:64px!important;padding:10px 14px!important;border-bottom:1px solid #f0f1f3!important;background:#fff!important;gap:10px!important} #pageHome .tx-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:18px!important} #pageHome .tx-title{font-size:13px!important;font-weight:400!important;color:#1f2933!important} #pageHome .tx-sub{font-size:11px!important;color:#9aa3ad!important;margin-top:2px!important} #pageHome .tx-time{background:#f1f4f8!important;color:#8a95a3!important;border-radius:999px!important;padding:2px 7px!important;font-size:11px!important;font-weight:400!important} #pageHome .tx-amount{font-size:13px!important;font-weight:400!important;max-width:110px!important;margin-right:4px!important} /* 账单页交易行与首页统一 */ #pageBills .tx-item{min-height:64px!important;padding:10px 14px!important;border-bottom:1px solid #f0f1f3!important;background:#fff!important;gap:10px!important} #pageBills .tx-icon{width:38px!important;height:38px!important;border-radius:13px!important;font-size:18px!important} #pageBills .tx-title{font-size:13px!important;font-weight:400!important;color:#1f2933!important} #pageBills .tx-sub{font-size:11px!important;color:#9aa3ad!important;margin-top:2px!important} #pageBills .tx-time{background:#f1f4f8!important;color:#8a95a3!important;border-radius:999px!important;padding:2px 7px!important;font-size:11px!important;font-weight:400!important} #pageBills .tx-amount{font-size:13px!important;font-weight:400!important;max-width:110px!important;margin-right:4px!important} #pageBills .tx-select{display:none!important} #pageBills .filterable-card{cursor:pointer!important} #pageBills .filterable-card.active{outline:2px solid #6C63FF!important;outline-offset:-2px!important;border-radius:8px!important} .context-menu{min-width:220px!important;max-width:280px!important;padding:6px!important;border-radius:16px!important;box-shadow:0 12px 40px rgba(0,0,0,.2)!important;position:fixed!important;z-index:10000!important} .context-menu button{padding:16px 18px!important;font-size:15px!important;font-weight:600!important;border-radius:12px!important;text-align:center!important} .context-menu button:hover{background:rgba(108,99,255,0.1)!important} .context-menu button[data-cmd="copy"]{color:#6C63FF!important} .context-menu button[data-cmd="delete"]{color:#e74c3c!important} .toast{white-space:nowrap!important;max-width:92vw!important;overflow:hidden!important;text-overflow:ellipsis!important} .tx-item{-webkit-touch-callout:none!important;-webkit-user-select:none!important;user-select:none!important;touch-callout:none!important} } @media(max-width:380px){ .wallet-amount{font-size:26px} .bottom-nav{padding:4px 0;overflow:visible} .bot-tab{padding:6px 2px!important;font-size:11px!important} .bot-tab .tab-icon{font-size:22px!important} #pageBills .filter-row{grid-template-columns:1fr} } /* 手机端隐藏冗余的“返回”文字按钮（PC 已在 base.css 隐藏）；排行页用图标返回，保留其显示 */ .sub-back-btn{display:none!important} /* 排行页面 - 手机端 */ #pageRanking{display:flex;flex-direction:column;overflow:hidden;background:#f5f5f5} .ranking-header{display:flex;align-items:center;gap:10px;padding:calc(12px + env(safe-area-inset-top)) 16px 12px;background:var(--m-accent);flex-shrink:0;color:var(--m-accent-text)} #pageRanking .sub-back-btn{display:flex!important;width:34px;height:34px;border:none;border-radius:10px;background:rgba(255,255,255,.5);color:#333;cursor:pointer;align-items:center;justify-content:center;padding:0;flex-shrink:0} .ranking-title{font-size:17px;font-weight:700;color:#333;flex:1;text-align:center} .ranking-sort{display:flex;gap:0;background:rgba(0,0,0,.08);border-radius:20px;padding:3px;flex-shrink:0} .ranking-sort-btn{padding:5px 14px;border:none;border-radius:17px;font-size:13px;background:transparent;color:#666;cursor:pointer;font-weight:500} .ranking-sort-btn.active{background:#fff;color:#333;box-shadow:0 2px 6px rgba(0,0,0,.1);font-weight:600} .ranking-month{padding:8px 16px;font-size:13px;color:#999;text-align:center;flex-shrink:0;background:#fff;border-bottom:1px solid #f0f0f0} .ranking-list{flex:1;overflow-y:auto;padding:0 0 80px} .ranking-item{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid #f0f0f0;background:#fff} .ranking-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;flex-shrink:0;color:#fff;background:#e0e0e0} .ranking-rank.r1{background:linear-gradient(135deg,#FF6B6B,#FF8E8E)} .ranking-rank.r2{background:linear-gradient(135deg,#FFA07A,#FFC8A0)} .ranking-rank.r3{background:linear-gradient(135deg,#FFD700,#FFE44D);color:#333} .ranking-info{flex:1;min-width:0} .ranking-cat{font-size:15px;font-weight:500;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ranking-note{font-size:12px;color:#999;margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .ranking-right{text-align:right;flex-shrink:0} .ranking-amount{font-size:16px;font-weight:600} .ranking-amount.income{color:#ff4d4f} .ranking-amount.expense{color:#52C41A} .ranking-date{font-size:12px;color:#bbb;margin-top:3px} .ranking-empty{padding:80px 20px;text-align:center;color:#ccc;font-size:15px} #pageHome.hide,#pageBills.hide,#pageAccounts.hide,#pageStats.hide,#pageInvestment.hide,#pageSettings.hide,.page.hide{display:none!important} .hide{display:none!important} /* ===== 手机端自动分类规则管理弹窗 ===== */ #mobileRulesModal{align-items:center!important;justify-content:center!important} #mobileRulesModal .modal-sheet{max-height:55vh!important;max-width:92vw!important;width:480px;display:flex;flex-direction:column;border-radius:20px!important;animation:none!important;transform:none!important} #mobileRulesModal .sheet-body{overflow-y:auto;-webkit-overflow-scrolling:touch;flex:1} /* ===== 手机端快捷备注管理弹窗（半屏居中） ===== */ #quickNotesManageOverlay{align-items:center!important;justify-content:center!important} #quickNotesManagePanel{max-height:55vh!important;max-width:92vw!important;width:480px!important;border-radius:20px!important;animation:none!important;transform:none!important;display:flex!important;flex-direction:column!important;overflow:hidden!important} #quickNotesManageOverlay .quick-cat-grid{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch} .mobile-rule-list{margin-top:4px;border-radius:10px;overflow:hidden;background:#f8f9fa} .m-rule-group-title{font-size:12px;color:#999;font-weight:600;padding:10px 12px 6px;background:#f8f9fa} .m-rule-item{display:flex;align-items:center;gap:10px;padding:12px 14px;background:#fff;border-bottom:1px solid #f0f1f3} .m-rule-item:last-child{border-bottom:none} .m-rule-kw{flex:0 0 auto;min-width:60px;max-width:120px;font-size:14px;font-weight:500;color:#1f2933;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background:#FFF8DC;padding:3px 10px;border-radius:12px} .m-rule-cat{flex:1;min-width:0;font-size:13px;color:#666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} .m-rule-del{flex-shrink:0;padding:5px 12px;font-size:12px;border:1px solid #ffcdd2;background:#fff5f5;color:#ff4d4f;border-radius:14px;cursor:pointer} .m-rule-del:active{background:#ffe0e0;transform:scale(.95)} /* ===== 下拉刷新（已彻底禁用，防止误触）===== 原下拉刷新样式保留注释，如需恢复可取消注释。 当前通过移除JS事件监听+overscroll-behavior-y:none彻底禁用。 .pull-refresh{ position:fixed;top:50%;left:50%;transform:translate(-50%,-50%); width:120px;height:0;display:flex;flex-direction:column; align-items:center;justify-content:center;gap:6px;padding:12px 0; background:rgba(255,255,255,.95); border-radius:20px;z-index:9999; transition:height 0.25s cubic-bezier(.22,1,.36,1), opacity 0.25s ease; box-shadow:0 4px 24px rgba(0,0,0,.12);opacity:0;pointer-events:none; } .pull-refresh.visible{opacity:1;pointer-events:auto;} .pull-refresh-spinner{ width:22px;height:22px;border:2.5px solid #e0e0e0; border-top-color:var(--m-accent,#F5D547);border-radius:50%; transition:transform 0.25s ease; } .pull-refresh-spinner.spinning{animation:pullspin 0.6s linear infinite;} @keyframes pullspin{to{transform:rotate(360deg)}} .pull-refresh-text{font-size:11px;color:#999;font-weight:400;white-space:nowrap;} */ /* ===== 玻璃风外观（移动端专属，html.glass-theme 激活） ===== */ @media(max-width:700px){ .glass-theme .app{ background:linear-gradient(160deg,#e6f3ff 0%,#e0f7fb 50%,#eafcff 100%)!important; } .glass-theme body,.glass-theme .main,.glass-theme .pages-wrap, .glass-theme .page,.glass-theme #pageHome,.glass-theme #pageBills, .glass-theme #pageStats,.glass-theme #pageSettings,.glass-theme #pageAccounts, .glass-theme #pageInvestment, .glass-theme #pageHome .col-main, .glass-theme #pageHome .wallet-card{ background:transparent!important } .glass-theme #pageHome .wallet-card::before, .glass-theme #pageHome .wallet-card::after{display:none!important} .glass-theme .app::before,.glass-theme .app::after{ content:"";position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0;pointer-events:none; } .glass-theme .app::before{width:260px;height:260px;background:#bfe9ff;top:-50px;left:-50px} .glass-theme .app::after{width:300px;height:300px;background:#cfd9ff;bottom:-70px;right:-70px} /* 内容浮于光斑之上 */ .glass-theme .main,.glass-theme .topbar,.glass-theme .bottom-nav,.glass-theme .pages-wrap,.glass-theme .page{position:relative;z-index:1} /* 毛玻璃表面：关键容器 */ .glass-theme .topbar, .glass-theme .bottom-nav, .glass-theme #pageHome .quick-entry-bar, .glass-theme #pageHome .list-card, .glass-theme #pageBills .list-card, .glass-theme #pageBills .bill-table-card, .glass-theme #pageStats .asset-current-card, .glass-theme #pageStats .asset-record-card, .glass-theme #pageStats .asset-metric, .glass-theme #pageStats .ss-item, .glass-theme #pageSettings .list-card, .glass-theme #pageSettings .side-card, .glass-theme #pageInvestment .chart-card, .glass-theme #pageInvestment .list-card, .glass-theme #pageAccounts .list-card, .glass-theme .modal, .glass-theme .card{ background:rgba(255,255,255,.5)!important; border:1px solid rgba(255,255,255,.6)!important; box-shadow:0 8px 28px rgba(80,90,140,.12),inset 0 1px 0 rgba(255,255,255,.6)!important; } /* 透明容器：让渐变透出，内部条目单独玻璃化 */ .glass-theme #pageHome .list-card, .glass-theme #pageBills .list-card{background:transparent!important;border:none!important;box-shadow:none!important} /* 账单行：独立玻璃片 */ .glass-theme .tx-item, .glass-theme #pageHome .tx-swipe-wrap .tx-item, .glass-theme #pageBills .tx-item{ background:rgba(255,255,255,.55)!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:0 4px 16px rgba(80,90,140,.08)!important; } /* ===== 账单页玻璃风补充（修复“账单页没变化”） ===== */ /* 1) 白底容器透明，让 .app 渐变透出（覆盖内联 background:#fff / var(--bg)） */ .glass-theme #pageBills .bills-panel, .glass-theme #pageBills .bills-workspace, .glass-theme #pageBills .filter-row, .glass-theme #pageBills .advanced-filter, .glass-theme #pageBills .bill-result-summary, .glass-theme #pageBills .bh-stat, .glass-theme #pageBills .bh-count, .glass-theme #pageBills .month-bill-summary, .glass-theme #pageBills .month-bill-cats, .glass-theme #pageBills .year-bill-summary, .glass-theme #pageBills .year-bill-months, .glass-theme #pageBills .month-bill-month-nav, .glass-theme #pageBills .top-exp-item, .glass-theme #pageBills .bqs-item, .glass-theme #pageBills .bqs-cat-row, .glass-theme #pageBills .mb-item{ background:transparent!important;border:none!important;box-shadow:none!important; } /* 2) 玻璃表面（半透明白 + 模糊） */ .glass-theme #pageBills .bills-hero, .glass-theme #pageBills .bills-tabs, .glass-theme #pageBills .bills-tab, .glass-theme #pageBills .bill-sum-card, .glass-theme #pageBills .side-card, .glass-theme #pageBills #monthBillCats .side-card, .glass-theme #pageBills .tool-btn, .glass-theme #pageBills .month-bill-summary-inner, .glass-theme #pageBills .bill-detail-panel, .glass-theme #pageBills .bill-detail-card, .glass-theme #pageBills .yb-year-row{ background:rgba(255,255,255,.5)!important; border:1px solid rgba(255,255,255,.6)!important; box-shadow:0 8px 28px rgba(80,90,140,.12),inset 0 1px 0 rgba(255,255,255,.6)!important; color:#232838!important; } /* 3) 账单页激活 tab 用主色 */ .glass-theme #pageBills .bills-tab.active{ background:rgba(99,102,241,.8)!important;color:#fff!important;border-color:rgba(99,102,241,.8)!important; } /* 4) 筛选 select/input 浅玻璃，深色文字 */ .glass-theme #pageBills .filter-row select, .glass-theme #pageBills .filter-row input, .glass-theme #pageBills .advanced-filter input, .glass-theme #pageBills .advanced-filter select{ background:rgba(255,255,255,.55)!important;color:#232838!important;border:1px solid rgba(255,255,255,.6)!important; } .glass-theme #pageBills .filter-row select{ background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23232338' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important; background-repeat:no-repeat!important;background-position:right 8px center!important; } /* 5) 详情/提示文字在玻璃下保持可读 */ .glass-theme #pageBills .bill-detail-empty{color:#3a3f5a!important} .glass-theme #pageBills .bills-hero,.glass-theme #pageBills .bh-label, .glass-theme #pageBills .bh-val,.glass-theme #pageBills .bh-count{color:#232838!important} /* ===== 强力覆盖 mobile.css 手机端 2-id !important 白底（玻璃风必需，后加载优先） ===== */ .glass-theme #pageBills #billsPanelDay, .glass-theme #pageBills #billsPanelMonth, .glass-theme #pageBills #billsPanelYear{ background:transparent!important; } .glass-theme #pageBills #billsPanelDay .filter-row{ background:rgba(255,255,255,.45)!important;border:1px solid rgba(255,255,255,.5)!important; box-shadow:0 4px 16px rgba(80,90,140,.08)!important; } .glass-theme #pageBills #billsPanelDay .filter-row select, .glass-theme #pageBills #billsPanelDay .filter-row input{ background:rgba(255,255,255,.55)!important;color:#232838!important;border:1px solid rgba(255,255,255,.6)!important; } .glass-theme #pageBills #billsPanelDay .bill-result-summary, .glass-theme #pageBills #billsList, .glass-theme #pageBills #billsTableWrap{ background:transparent!important;border:none!important;box-shadow:none!important; } .glass-theme #pageBills #monthBillSummary{ background:rgba(255,255,255,.5)!important; border:1px solid rgba(255,255,255,.6)!important; box-shadow:0 8px 28px rgba(80,90,140,.12)!important;color:#232838!important; } .glass-theme #pageBills #billsPanelMonth .month-bill-summary-inner .mb-item{ background:rgba(255,255,255,.5)!important;border:1px solid rgba(255,255,255,.6)!important;box-shadow:none!important;color:#232838!important; } /* 月账单 ◀▶ 导航按钮浅灰底 → 玻璃 */ .glass-theme #pageBills .month-bill-month-nav button{ background:rgba(255,255,255,.55)!important;color:#232838!important;border:1px solid rgba(255,255,255,.6)!important; } .glass-theme #pageBills #mbMobilePrev, .glass-theme #pageBills #mbMobileNext, .glass-theme #pageBills #mbPrev, .glass-theme #pageBills #mbNext, .glass-theme #pageBills #ybPrev, .glass-theme #pageBills #ybNext{ background:rgba(255,255,255,.55)!important;color:#232838!important;border:1px solid rgba(255,255,255,.6)!important; } /* 顶部栏 / 首页汇总条 / 快捷栏：改通透深色文字 */ .glass-theme .topbar{color:#232838!important;background:rgba(255,255,255,.5)!important;border-bottom:1px solid rgba(255,255,255,.5)!important} .glass-theme #pageHome .wallet-summary-bar, .glass-theme #pageHome .home-quick-actions{background:rgba(255,255,255,.35)!important;color:#232838!important;border-bottom:1px solid rgba(255,255,255,.4)!important} .glass-theme #pageHome .ws-month select, .glass-theme #pageHome .ws-month .ws-year, .glass-theme #pageHome .ws-month .ws-month-val, .glass-theme #pageHome .hstat-val, .glass-theme #pageHome .hstat-label, .glass-theme #pageHome .budget-text, .glass-theme #pageHome .quote-text, .glass-theme #pageHome .hqa-label{color:#232838!important} .glass-theme #pageHome .ws-month select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23232338' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E")!important} /* 顶部汇总条内的预算行和语录框：加边框和更明显背景，避免玻璃风下与背景糊成一片 */ .glass-theme #pageHome .budget-row, .glass-theme #pageHome .quote{ background:rgba(255,255,255,.32)!important; border:1px solid rgba(255,255,255,.5)!important; border-radius:10px!important; box-shadow:0 2px 8px rgba(80,90,140,.06),inset 0 1px 0 rgba(255,255,255,.45)!important; } /* 玻璃风下预算进度条：白底卡片上白进度条会糊掉，改用主色进度条 + 浅灰轨道（参考非玻璃风的对比逻辑） */ .glass-theme #pageHome .wallet-summary-bar .budget-bar-wrap{background:rgba(80,90,140,.18)!important} .glass-theme #pageHome .wallet-summary-bar .budget-bar{background:rgba(99,102,241,.95)!important} .glass-theme #pageHome .wallet-summary-bar .budget-bar.over{background:var(--income)!important} /* 设置页分组标题在玻璃下保持可读 */ .glass-theme .setting-group-title{color:#3a3f5a!important} /* 首页提醒条玻璃化 */ .glass-theme #pageHome .home-reminder{ background:rgba(255,255,255,.45)!important; border:1px solid rgba(255,255,255,.55)!important; box-shadow:0 4px 16px rgba(80,90,140,.08)!important } /* 快速记账按钮：去掉鲨鱼黄，用主色半透明 */ .glass-theme #pageHome .quick-entry-bar #quickEntryGo, .glass-theme #pageHome .quick-entry-bar .qe-type-btn.active, .glass-theme .bottom-nav #botAddBtn{ background:rgba(99,102,241,.75)!important; color:#fff!important; border-color:rgba(99,102,241,.75)!important } /* 登录/欢迎页卡片也玻璃化，避免未进入首页时"不像" */ .glass-theme #loginModal .login-panel, .glass-theme #loginModal .login-card, .glass-theme #loginModal .login-tip{ background:rgba(255,255,255,.5)!important; border:1px solid rgba(255,255,255,.6)!important; box-shadow:0 8px 28px rgba(80,90,140,.12),inset 0 1px 0 rgba(255,255,255,.6)!important; } .glass-theme #loginModal .login-card-title, .glass-theme #loginModal .login-card-desc, .glass-theme #loginModal label, .glass-theme #loginModal .login-footer, .glass-theme #loginModal .login-subtitle{color:#232838!important} .glass-theme #loginModal .login-tip{color:#3a3f5a!important} .glass-theme #loginModal #loginPassword{ background:rgba(255,255,255,.55)!important; color:#232838!important; border:1px solid rgba(255,255,255,.7)!important } .glass-theme #loginModal #loginPassword::placeholder{color:#6b7280!important} } /* ============ 手机端账单页重设计 2026-08-10 ============ */ .bill-sheet-mask{display:none} @media(max-width:700px){ #pageBills{padding:0;display:flex;flex-direction:column;height:100%;overflow:hidden} #pageBills .sub-back-btn{display:none!important} /* Tabs 日/月/年 */ #pageBills .bills-tabs{position:sticky;top:0;z-index:30;display:flex;gap:8px;padding:10px 12px 12px;margin:0;background:var(--bg)} #pageBills .bills-tab[data-billtab="day"]{display:flex!important} #pageBills .bills-tabs .bills-tab{flex:1;padding:11px 4px;border:none;border-radius:14px;background:#eef1f6;color:#64748b;font-size:14px;font-weight:700;text-align:center;transition:.2s} #pageBills .bills-tabs .bills-tab.active{background:#fff;color:#1f2937;box-shadow:0 3px 10px rgba(0,0,0,.08);border-bottom:3px solid var(--m-accent);border-radius:14px 14px 10px 10px} /* Hero 汇总（月/年） */ #pageBills .bills-hero{display:block!important;margin:0 12px 12px;background:#fff;border-radius:20px;padding:18px;box-shadow:0 2px 12px rgba(0,0,0,.05);border:1px solid rgba(0,0,0,.03)} #pageBills .bills-hero .bh-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px} #pageBills .bills-hero .bh-label{font-size:13px;color:var(--text-secondary);font-weight:700} #pageBills .bills-hero .bh-count{font-size:12px;color:var(--text-tertiary);background:var(--bg);padding:2px 10px;border-radius:100px} #pageBills .bills-hero .bh-balance{display:flex;align-items:baseline;gap:8px;margin-bottom:14px} #pageBills .bills-hero .bh-balance-label{font-size:12px;color:var(--text-tertiary)} #pageBills .bills-hero .bh-balance-val{font-size:28px;font-weight:900;letter-spacing:-.5px;color:#1f2937} #pageBills .bills-hero .bh-balance-sign{font-size:12px;font-weight:700;margin-left:auto} #pageBills .bills-hero .bh-stats{display:flex;gap:10px} #pageBills .bills-hero .bh-stat{flex:1;background:var(--bg);border-radius:14px;padding:11px 12px;display:flex;flex-direction:column;gap:3px} #pageBills .bills-hero .bh-stat-dot{width:8px;height:8px;border-radius:50%} #pageBills .bills-hero .bh-stat-dot.income{background:var(--income)} #pageBills .bills-hero .bh-stat-dot.expense{background:var(--expense)} #pageBills .bills-hero .bh-stat-label{font-size:12px;color:var(--text-tertiary);display:flex;align-items:center;gap:5px} #pageBills .bills-hero .bh-stat-val{font-size:17px;font-weight:800} #pageBills .bills-hero .bh-stat-val.income{color:var(--income)} #pageBills .bills-hero .bh-stat-val.expense{color:var(--expense)} /* 面板（统一滚动容器） */ #pageBills .bills-panel{height:auto!important;overflow-y:auto!important;flex:1;min-height:0;-webkit-overflow-scrolling:touch;display:flex;flex-direction:column} #pageBills .bills-panel.hide{display:none!important} /* 日账单筛选栏 */ #pageBills .filter-row{display:flex!important;flex-wrap:wrap;gap:8px;padding:0 12px 10px;margin:0;position:sticky;top:0;z-index:10;background:var(--bg)} #pageBills .filter-row::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:10px;background:var(--bg)} #pageBills .filter-row #fKeyword{flex:1 1 100%;order:-1;height:44px;border:1px solid var(--border-light);border-radius:12px;background:#fff;padding:0 14px;font-size:14px;font-family:inherit;box-sizing:border-box} #pageBills .filter-row select{flex:1;min-width:0;height:38px;border:1px solid var(--border-light);border-radius:10px;background:#fff;padding:0 8px;font-size:13px;color:var(--text-secondary);font-family:inherit;box-sizing:border-box} #pageBills .pc-tools-row,#pageBills .advanced-filter,#pageBills .search-history,#pageBills .bill-filter-chip,#pageBills .bills-sidebar,#pageBills #billResultSummary{display:none!important} /* 工作区（随面板滚动） */ #pageBills .bills-workspace{display:block!important;overflow:visible!important} #pageBills .bills-workspace>div:first-child{display:block!important;overflow:visible!important} #pageBills #billsList,#pageBills #monthBillCats,#pageBills #yearBillMonths{overflow:visible!important;max-height:none!important} #pageBills #billsList{padding:0 12px 16px} #pageBills .list-card{background:transparent!important;box-shadow:none!important;border:none!important;margin:0!important} #pageBills #billsTableWrap{display:none!important} /* 日期分组 */ #pageBills .date-group{border-top:none;margin-top:0} #pageBills .date-header{background:var(--bg);padding:16px 4px 8px;display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--border-light)} #pageBills .date-header .date-label{font-size:15px;font-weight:800;color:#1f2937} #pageBills .date-header .date-summary{gap:14px;font-size:12px;font-weight:700} #pageBills .date-header .date-summary .inc{color:var(--income)} #pageBills .date-header .date-summary .exp{color:var(--expense)} #pageBills .year-separator{position:static;border-radius:12px;margin:16px 0 8px;padding:10px 14px;background:var(--primary-soft);color:var(--primary);font-size:13px;font-weight:900;border:none} /* 交易卡片 */ #pageBills .tx-item{margin:0 0 10px;padding:13px 14px;background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);gap:12px} #pageBills .tx-item::before{display:none} #pageBills .tx-item:active{transform:scale(.985)} #pageBills .tx-icon{width:44px;height:44px;border-radius:13px;font-size:21px;background:var(--bg-warm)} #pageBills .tx-item.type-expense .tx-icon{background:rgba(82,196,26,.14)} #pageBills .tx-item.type-income .tx-icon{background:rgba(255,77,79,.14)} #pageBills .tx-item.type-transfer .tx-icon{background:rgba(59,130,246,.14)} #pageBills .tx-item.type-invest .tx-icon{background:rgba(99,102,241,.14)} #pageBills .tx-title{font-size:15px;font-weight:700;color:#1f2937} #pageBills .tx-sub{font-size:12px;color:var(--text-tertiary);margin-top:3px} #pageBills .tx-amount{font-size:16px;font-weight:800} #pageBills .tx-amount.income{color:var(--income)} #pageBills .tx-amount.expense{color:var(--expense)} #pageBills .tx-time{background:var(--bg);color:var(--text-tertiary)} #pageBills .tx-item.selected{box-shadow:0 0 0 2px var(--m-accent)} /* 月账单每日行 */ #pageBills .year-bill-months{padding:0 12px;display:flex!important;flex-direction:column!important;gap:10px} #pageBills .year-month-header{display:none!important} #pageBills .year-month-row{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);padding:14px!important;display:grid!important;grid-template-columns:1.1fr 1fr 1fr 1fr!important;gap:2px!important;align-items:center;cursor:pointer} #pageBills .year-month-row:active{transform:scale(.99)} #pageBills .ym-col-month{font-size:15px!important;font-weight:800;color:#1f2937;text-align:left!important} #pageBills .ym-col-inc,#pageBills .ym-col-exp,#pageBills .ym-col-bal{font-size:13px!important;font-weight:700;text-align:right!important} #pageBills .ym-col-inc{color:var(--income)} #pageBills .ym-col-exp{color:var(--expense)} #pageBills .ym-col-bal{color:var(--text-secondary)} #pageBills .ym-col-arrow{display:none!important} /* 年账单汇总 */ #pageBills .year-bill-summary{display:block!important;background:#fff!important;border-radius:16px!important;padding:16px!important;margin:0 12px 12px!important;box-shadow:0 1px 4px rgba(0,0,0,.06)!important;border:1px solid rgba(0,0,0,.03)!important} #pageBills .year-bill-summary .mb-item{background:transparent!important;border:none!important;box-shadow:none!important;padding:4px 0!important;text-align:center!important} #pageBills .year-bill-summary .mb-label{font-size:12px!important;color:#94a3b8!important} #pageBills .year-bill-summary .mb-val{font-size:20px!important;font-weight:800} #pageBills .year-bill-summary .mb-val.income{color:var(--income)!important} #pageBills .year-bill-summary .mb-val.expense{color:var(--expense)!important} /* 月账单分类卡 */ #pageBills #monthBillCats .side-card{background:#fff;border:1px solid rgba(0,0,0,.04);border-radius:16px;box-shadow:0 1px 4px rgba(0,0,0,.05);margin:0 12px 10px;padding:14px} /* 详情底部 Sheet */ #pageBills .bill-detail-panel{display:block!important;position:fixed;left:0;right:0;bottom:0;top:auto;width:100%;max-height:84vh;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 -10px 40px rgba(0,0,0,.22);transform:translateY(100%);transition:transform .3s cubic-bezier(.32,.72,0,1);z-index:200;padding:6px 16px calc(18px + env(safe-area-inset-bottom));overflow-y:auto} #pageBills .bill-detail-panel.sheet-open{transform:translateY(0)} #pageBills .bill-detail-panel::before{content:"";display:block;width:38px;height:4px;border-radius:2px;background:#e2e8f0;margin:6px auto 14px} #pageBills .bill-detail-panel .detail-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px} #pageBills .bill-detail-panel .detail-title{font-size:16px;font-weight:800;color:#1f2937} #pageBills .bill-detail-panel .icon-btn-sm{width:32px;height:32px;border-radius:50%;background:var(--bg);border:none;font-size:16px;color:var(--text-tertiary)} #pageBills .bill-detail-panel .detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px} #pageBills .bill-detail-panel .detail-grid label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:var(--text-tertiary);font-weight:600} #pageBills .bill-detail-panel .detail-grid select, #pageBills .bill-detail-panel .detail-grid input{height:42px;border:1px solid var(--border-light);border-radius:11px;background:#fff;padding:0 11px;font-size:14px;font-family:inherit;color:var(--text-primary);width:100%;box-sizing:border-box} #pageBills .bill-detail-panel .mini-action-row{display:flex;gap:10px;margin-top:16px} #pageBills .bill-detail-panel .mini-action-row button{flex:1;height:42px;border:1px solid var(--border-light);border-radius:12px;background:var(--bg);font-size:14px;font-weight:700;color:var(--text-secondary);font-family:inherit} #pageBills .bill-detail-panel .mini-action-row #detailDelete{color:var(--expense);border-color:rgba(244,63,94,.3);background:rgba(244,63,94,.06)} #pageBills .bill-detail-panel .detail-save-hint{margin-top:12px;font-size:11px;color:var(--text-tertiary);text-align:center} #pageBills .bill-detail-empty{padding:40px 12px;text-align:center;color:var(--text-tertiary);font-size:13px;line-height:1.7} /* 遮罩 */ .bill-sheet-mask{display:block!important;position:fixed;inset:0;background:rgba(15,23,42,.5);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s;z-index:190} .bill-sheet-mask.show{opacity:1;visibility:visible} } /* ============ 手机端账单页 全新重设计 v2（全量覆盖，仅 ≤700 生效） ============ */ .bill-sheet-mask{display:none} @media(max-width:700px){ /* 页面容器 */ #pageBills{padding:0!important;display:flex!important;flex-direction:column!important;height:100%!important;overflow:hidden!important;background:#f4f5f7!important} #pageBills.hide{display:none!important} #pageBills .sub-back-btn{display:none!important} /* 顶部 Tab 胶囊 */ #pageBills .bills-tabs{position:sticky!important;top:0!important;z-index:30!important;display:flex!important;gap:8px!important;padding:10px 12px 8px!important;margin:0!important;background:#f4f5f7!important;flex-shrink:0!important} #pageBills .bills-tab[data-billtab="day"]{display:flex!important} #pageBills .bills-tabs .bills-tab{flex:1!important;padding:11px 4px!important;border:none!important;border-radius:13px!important;background:#fff!important;color:#64748b!important;font-size:14px!important;font-weight:700!important;text-align:center!important;box-shadow:0 1px 3px rgba(0,0,0,.05)!important;transition:.2s!important} #pageBills .bills-tabs .bills-tab.active{background:linear-gradient(135deg,#6C63FF,#8B5CF6)!important;color:#fff!important;box-shadow:0 4px 12px rgba(108,99,255,.35)!important} /* 顶部汇总 Hero（紧凑版）——渐变品牌色 + 一行内联收支 */ .glass-theme #pageBills .bills-hero, #pageBills .bills-hero{display:block!important;margin:0 12px 8px!important;background:linear-gradient(135deg,#6C63FF 0%,#8B5CF6 55%,#A855F7 100%)!important;border-radius:18px!important;padding:12px 14px 10px!important;color:#fff!important;box-shadow:0 4px 14px rgba(108,99,255,.22)!important;flex-shrink:0!important;position:relative!important;overflow:hidden!important} #pageBills .bills-hero::after{content:""!important;position:absolute!important;right:-20px!important;top:-20px!important;width:80px!important;height:80px!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important} /* Hero 顶部行：标签 + 笔数 */ .glass-theme #pageBills .bills-hero .bh-top, #pageBills .bills-hero .bh-top{display:flex!important;align-items:center!important;justify-content:space-between!important;position:relative!important;z-index:1!important} .glass-theme #pageBills .bills-hero .bh-label, #pageBills .bills-hero .bh-label{font-size:12px!important;font-weight:600!important;color:rgba(255,255,255,.85)!important} .glass-theme #pageBills .bills-hero .bh-count, #pageBills .bills-hero .bh-count{font-size:10px!important;color:#fff!important;background:rgba(255,255,255,.2)!important;padding:1px 8px!important;border-radius:100px!important} /* 结余行 */ .glass-theme #pageBills .bills-hero .bh-balance, #pageBills .bills-hero .bh-balance{display:flex!important;align-items:baseline!important;gap:5px!important;margin:6px 0 6px!important;position:relative!important;z-index:1!important} .glass-theme #pageBills .bills-hero .bh-balance-label, #pageBills .bills-hero .bh-balance-label{font-size:11px!important;color:rgba(255,255,255,.75)!important} .glass-theme #pageBills .bills-hero .bh-balance-val, #pageBills .bills-hero .bh-balance-val{font-size:22px!important;font-weight:900!important;letter-spacing:-.3px!important;color:#fff!important;line-height:1!important} .glass-theme #pageBills .bills-hero .bh-balance-sign, #pageBills .bills-hero .bh-balance-sign{font-size:11px!important;font-weight:600!important;margin-left:auto!important;color:rgba(255,255,255,.75)!important} /* 收支统计——一行内联（不再用两列大卡片） */ .glass-theme #pageBills .bills-hero .bh-stats, #pageBills .bills-hero .bh-stats{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:flex-start!important;gap:14px!important;position:relative!important;z-index:1!important} .glass-theme #pageBills .bills-hero .bh-stat, #pageBills .bills-hero .bh-stat{display:inline-flex!important;flex-direction:row!important;align-items:center!important;gap:4px!important;background:transparent!important;border-radius:0!important;padding:0!important;flex:none!important} .glass-theme #pageBills .bills-hero .bh-stat-label, #pageBills .bills-hero .bh-stat-label{font-size:11px!important;color:rgba(255,255,255,.7)!important} .glass-theme #pageBills .bills-hero .bh-stat-val, #pageBills .bills-hero .bh-stat-val{font-size:13px!important;font-weight:700!important;color:#fff!important} .glass-theme #pageBills .bills-hero .bh-stat-val.income, #pageBills .bills-hero .bh-stat-val.income{color:#fff!important} .glass-theme #pageBills .bills-hero .bh-stat-val.expense, #pageBills .bills-hero .bh-stat-val.expense{color:#fff!important} /* Hero 圆点改为浅色，避免在紫色渐变上看不清（红涨绿跌语义保留但提亮） */ .glass-theme #pageBills .bills-hero .bh-stat-dot.income, #pageBills .bills-hero .bh-stat-dot.income{background:#fca5a5!important} .glass-theme #pageBills .bills-hero .bh-stat-dot.expense, #pageBills .bills-hero .bh-stat-dot.expense{background:#86efac!important} /* 面板 */ #pageBills .bills-panel{height:auto!important;overflow:visible!important;flex:1!important;min-height:0!important;display:flex!important;flex-direction:column!important} #pageBills .bills-panel.hide{display:none!important} #pageBills #billsPanelDay{display:flex!important;flex-direction:column!important;flex:1!important;min-height:0!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch!important;padding-bottom:16px!important} #pageBills #billsPanelMonth{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:0!important;background:#f4f5f7!important} #pageBills #billsPanelYear{flex:1!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch!important;padding:0!important;background:#f4f5f7!important} /* 日账单筛选行：搜索独占一行 + 三个 select 并排 */ #pageBills #billsPanelDay .filter-row{display:flex!important;flex-wrap:wrap!important;gap:8px!important;padding:0 12px 10px!important;margin:0!important;flex-shrink:0!important} #pageBills .filter-row #fKeyword{order:-1!important;flex:1 1 100%!important;height:44px!important;border:1px solid #e8ebf1!important;border-radius:13px!important;background:#fff!important;padding:0 14px!important;font-size:14px!important;box-sizing:border-box!important} #pageBills .filter-row select{flex:1!important;min-width:0!important;height:40px!important;border:1px solid #e8ebf1!important;border-radius:11px!important;background:#fff!important;padding:0 6px!important;font-size:13px!important;color:#475569!important;box-sizing:border-box!important} /* 结果统计条（紧凑横滑） */ #pageBills #billResultSummary{display:flex!important;overflow-x:auto!important;gap:0!important;margin:0 0 4px!important;padding:0 12px!important;scrollbar-width:none!important;flex-shrink:0!important;background:#f4f5f7!important} #pageBills #billResultSummary::-webkit-scrollbar{display:none!important} #pageBills .bill-sum-card{flex:1!important;min-width:86px!important;padding:8px 6px!important;border-radius:0!important;background:#fff!important;border-right:1px solid #f0f1f3!important;box-shadow:none!important} #pageBills .bill-sum-label{font-size:11px!important;color:#94a3b8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .bill-sum-value{font-size:14px!important;margin-top:2px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .bill-sum-sub{font-size:10px!important;margin-top:1px!important;color:#bbb!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} /* 隐藏手机端无用模块 */ #pageBills .pc-tools-row, #pageBills .advanced-filter, #pageBills .search-history, #pageBills .bills-sidebar, #pageBills #billsTableWrap, #pageBills .split-workbench, #pageBills #billCatFilter, #pageBills .bill-year-summary{display:none!important} /* 列表滚动区 */ #pageBills .bills-workspace{display:block!important;overflow:visible!important;flex:1 1 auto!important;min-height:0!important} #pageBills .bills-workspace>div:first-child{display:block!important;overflow:visible!important;flex:1!important;min-height:0!important} #pageBills #billsList{display:block!important;background:transparent!important;margin:0!important;border:none!important;overflow:visible!important;padding:0 12px!important} /* 日期分组（紧凑） */ #pageBills .date-group{border-top:none!important;margin-top:0!important} #pageBills .date-header{background:transparent!important;padding:12px 2px 6px!important;display:flex!important;align-items:baseline!important;justify-content:space-between!important;border-bottom:1px solid #eceef2!important} #pageBills .date-header .date-label{font-size:14px!important;font-weight:800!important;color:#1f2937!important} #pageBills .date-header .date-summary{gap:12px!important;font-size:11px!important;font-weight:600!important} #pageBills .date-header .date-summary .inc{color:#ef4444!important} #pageBills .date-header .date-summary .exp{color:#22c55e!important} #pageBills .year-separator{margin:18px 0 6px!important;padding:8px 12px!important;background:#eef0f5!important;color:#64748b!important;font-size:13px!important;font-weight:900!important;border:none!important;border-radius:10px!important} /* 交易卡片——字号/字重对齐首页（.tx-title=15px/500, .tx-amount=16px/600） */ #pageBills .tx-swipe-wrap{display:block!important;position:relative!important;margin:0 0 6px!important;background:transparent!important} #pageBills .tx-item{display:flex!important;align-items:center!important;gap:10px!important;margin:0!important;padding:10px 12px!important;background:#fff!important;border:1px solid rgba(0,0,0,.03)!important;border-radius:13px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important} #pageBills .tx-item::before{display:none!important} #pageBills .tx-item:active{transform:scale(.986)!important} #pageBills .tx-icon{width:32px!important;height:32px!important;border-radius:9px!important;font-size:15px!important;background:#f1f2f6!important;display:flex!important;align-items:center!important;justify-content:center!important;flex-shrink:0!important} #pageBills .tx-item.type-expense .tx-icon{background:rgba(34,197,94,.12)!important} #pageBills .tx-item.type-income .tx-icon{background:rgba(239,68,68,.12)!important} #pageBills .tx-item.type-transfer .tx-icon{background:rgba(108,99,255,.12)!important} #pageBills .tx-item.type-invest .tx-icon{background:rgba(168,85,247,.12)!important} #pageBills .tx-main{flex:1!important;min-width:0!important;display:flex!important;flex-direction:column!important;gap:2px!important} #pageBills .tx-title{font-size:13px!important;font-weight:500!important;color:#1f2937!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .tx-title .tx-cat-dot{display:inline-block!important;width:6px!important;height:6px!important;border-radius:50%!important;margin-right:4px!important;vertical-align:middle!important} #pageBills .tx-sub{font-size:11px!important;color:#9aa3ad!important;display:flex!important;align-items:center!important;gap:5px!important} #pageBills .tx-time{background:#f1f4f8!important;color:#8a95a3!important;border-radius:999px!important;padding:1px 6px!important;font-size:11px!important;font-weight:400!important} #pageBills .tx-amount{font-size:14px!important;font-weight:600!important;white-space:nowrap!important} #pageBills .tx-amount.income{color:#ef4444!important} #pageBills .tx-amount.expense{color:#22c55e!important} #pageBills .tx-select{display:none!important} /* 月账单：导航 + 每日卡片（紧凑） */ #pageBills #billsPanelMonth .month-bill-month-nav{padding:0 12px!important;margin-bottom:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:16px!important} #pageBills #billsPanelMonth .month-bill-month-nav button{width:32px!important;height:32px!important;border-radius:10px!important;background:#fff!important;border:none!important;font-size:15px!important;box-shadow:0 1px 3px rgba(0,0,0,.06)!important} #pageBills #monthBillSummary{background:#fff!important;border-radius:14px!important;padding:10px!important;margin:0 12px 8px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important} #pageBills #billsPanelMonth .month-bill-summary-inner{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;margin-bottom:6px!important} #pageBills #billsPanelMonth .month-bill-summary-inner .mb-item{padding:8px 4px!important;border-radius:10px!important;background:#f6f7f9!important} #pageBills #billsPanelMonth .month-bill-summary-inner .mb-val{font-size:14px!important} #pageBills .year-bill-months{padding:0 12px 8px!important;display:flex!important;flex-direction:column!important;gap:5px!important} #pageBills .year-month-header{display:none!important} #pageBills .year-month-row{background:#fff!important;border:1px solid rgba(0,0,0,.03)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important;padding:8px 6px!important;display:grid!important;grid-template-columns:0.85fr 1fr 1fr 1fr!important;gap:3px 4px!important;align-items:center!important;cursor:pointer!important} #pageBills .year-month-row:active{transform:scale(.99)!important} #pageBills .year-month-row span:first-child{font-size:12px!important;font-weight:800!important;color:#1f2937!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .year-month-row span:nth-child(2){color:#ef4444!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .year-month-row span:nth-child(3){color:#22c55e!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .year-month-row span:nth-child(4){color:#64748b!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .ym-col-arrow{display:none!important} /* 月账单分类排行 */ #pageBills #monthBillCats .side-card{background:#fff!important;border:1px solid rgba(0,0,0,.03)!important;border-radius:16px!important;box-shadow:0 1px 4px rgba(0,0,0,.05)!important;margin:0 12px 12px!important;padding:14px!important} #pageBills #monthBillCats .side-card-title{font-size:14px!important;font-weight:800!important;color:#1f2937!important;margin-bottom:8px!important} #pageBills .top-exp-item{display:flex!important;align-items:center!important;gap:10px!important;padding:8px 0!important} #pageBills .top-exp-info{display:flex!important;align-items:center!important;gap:8px!important;min-width:80px!important} #pageBills .top-exp-name{font-size:13px!important;color:#475569!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .top-exp-bar-wrap{flex:1!important;height:6px!important;background:#f1f2f6!important;border-radius:3px!important;overflow:hidden!important} #pageBills .top-exp-bar{height:100%!important;border-radius:3px!important} #pageBills .top-exp-amt{font-size:13px!important;font-weight:700!important;color:#1f2937!important;white-space:nowrap!important} /* 年账单（紧凑） */ #pageBills #yearBillSummary{display:none!important} #pageBills #yearBillMonths{padding:0 12px 8px!important;display:flex!important;flex-direction:column!important;gap:5px!important} #pageBills .yb-year-row{background:#fff!important;border:1px solid rgba(0,0,0,.03)!important;border-radius:12px!important;box-shadow:0 1px 3px rgba(0,0,0,.04)!important;padding:8px 6px!important;display:grid!important;grid-template-columns:0.9fr 1fr 1fr 1fr 16px!important;gap:3px 4px!important;align-items:center!important;cursor:pointer!important} #pageBills .yb-year-row:active{transform:scale(.99)!important} #pageBills .yb-year-row span:nth-child(1){font-size:13px!important;font-weight:800!important;color:#1f2937!important;text-align:left!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} #pageBills .yb-year-row span:nth-child(2){color:#ef4444!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .yb-year-row span:nth-child(3){color:#22c55e!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .yb-year-row span:nth-child(4){color:#64748b!important;font-weight:700!important;font-size:11px!important;text-align:right!important;white-space:nowrap!important} #pageBills .yb-year-row span:nth-child(5){color:#cbd5e1!important;font-size:14px!important;text-align:center!important} /* 底部详情 sheet */ #pageBills .bill-detail-panel{display:block!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;width:100%!important;max-height:86vh!important;background:#fff!important;border-radius:22px 22px 0 0!important;box-shadow:0 -10px 40px rgba(0,0,0,.22)!important;transform:translateY(100%)!important;transition:transform .32s cubic-bezier(.32,.72,0,1)!important;z-index:200!important;padding:6px 16px calc(20px + env(safe-area-inset-bottom))!important;overflow-y:auto!important} #pageBills .bill-detail-panel.sheet-open{transform:translateY(0)!important} #pageBills .bill-detail-panel::before{content:""!important;display:block!important;width:38px!important;height:4px!important;border-radius:2px!important;background:#e2e8f0!important;margin:6px auto 14px!important} #pageBills .bill-detail-panel .detail-head{display:flex!important;align-items:center!important;justify-content:space-between!important;margin-bottom:10px!important} #pageBills .bill-detail-panel .detail-title{font-size:16px!important;font-weight:800!important;color:#1f2937!important} #pageBills .bill-detail-panel .icon-btn-sm{width:32px!important;height:32px!important;border-radius:50%!important;background:#f1f2f6!important;border:none!important;font-size:16px!important;color:#64748b!important} #pageBills .bill-detail-panel .detail-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important} #pageBills .bill-detail-panel .detail-grid label{display:flex!important;flex-direction:column!important;gap:5px!important;font-size:12px!important;color:#64748b!important;font-weight:600!important} #pageBills .bill-detail-panel .detail-grid select, #pageBills .bill-detail-panel .detail-grid input{height:44px!important;border:1px solid #e8ebf1!important;border-radius:11px!important;background:#fff!important;padding:0 11px!important;font-size:14px!important;color:#1f2937!important;width:100%!important;box-sizing:border-box!important} #pageBills .bill-detail-panel .mini-action-row{display:flex!important;gap:10px!important;margin-top:16px!important} #pageBills .bill-detail-panel .mini-action-row button{flex:1!important;height:44px!important;border:1px solid #e8ebf1!important;border-radius:12px!important;background:#f6f7f9!important;font-size:14px!important;font-weight:700!important;color:#475569!important;font-family:inherit!important} #pageBills .bill-detail-panel .mini-action-row #detailDelete{color:#ef4444!important;border-color:rgba(239,68,68,.3)!important;background:rgba(239,68,68,.06)!important} #pageBills .bill-detail-panel .detail-save-hint{margin-top:12px!important;font-size:11px!important;color:#9aa3ad!important;text-align:center!important} #pageBills .bill-detail-empty{padding:40px 12px!important;text-align:center!important;color:#9aa3ad!important;font-size:13px!important;line-height:1.7!important} /* 遮罩 */ .bill-sheet-mask{display:block!important;position:fixed!important;inset:0!important;background:rgba(15,23,42,.5)!important;opacity:0!important;visibility:hidden!important;transition:opacity .3s ease,visibility .3s!important;z-index:190!important} .bill-sheet-mask.show{opacity:1!important;visibility:visible!important} }