/* inter-cyrillic-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format('woff2'), url(./inter-cyrillic-ext-400-normal-DQukG94-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-cyrillic-400-normal-obahsSVq.woff2) format('woff2'), url(./inter-cyrillic-400-normal-HOLc17fK.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-greek-ext-400-normal-DGGRlc-M.woff2) format('woff2'), url(./inter-greek-ext-400-normal-KugGGMne.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-greek-400-normal-B4URO6DV.woff2) format('woff2'), url(./inter-greek-400-normal-q2sYcFCs.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-vietnamese-400-normal-DMkecbls.woff2) format('woff2'), url(./inter-vietnamese-400-normal-Bbgyi5SW.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-latin-ext-400-normal-C1nco2VV.woff2) format('woff2'), url(./inter-latin-ext-400-normal-77YHD8bZ.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-400-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url(./inter-latin-400-normal-C38fXH4l.woff2) format('woff2'), url(./inter-latin-400-normal-CyCys3Eg.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format('woff2'), url(./inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-cyrillic-500-normal-BasfLYem.woff2) format('woff2'), url(./inter-cyrillic-500-normal-CxZf_p3X.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-greek-ext-500-normal-C4iEst2y.woff2) format('woff2'), url(./inter-greek-ext-500-normal-2j5mBUwD.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-greek-500-normal-BIZE56-Y.woff2) format('woff2'), url(./inter-greek-500-normal-Xzm54t5V.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-vietnamese-500-normal-DOriooB6.woff2) format('woff2'), url(./inter-vietnamese-500-normal-mJboJaSs.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-latin-ext-500-normal-CV4jyFjo.woff2) format('woff2'), url(./inter-latin-ext-500-normal-BxGbmqWO.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-500-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 500;
  src: url(./inter-latin-500-normal-Cerq10X2.woff2) format('woff2'), url(./inter-latin-500-normal-BL9OpVg8.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format('woff2'), url(./inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-cyrillic-600-normal-CWCymEST.woff2) format('woff2'), url(./inter-cyrillic-600-normal-4D_pXhcN.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-greek-ext-600-normal-DRtmH8MT.woff2) format('woff2'), url(./inter-greek-ext-600-normal-B8X0CLgF.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-greek-600-normal-plRanbMR.woff2) format('woff2'), url(./inter-greek-600-normal-BZpKdvQh.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-vietnamese-600-normal-Cc8MFFhd.woff2) format('woff2'), url(./inter-vietnamese-600-normal-BuLX-rYi.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-latin-ext-600-normal-D2bJ5OIk.woff2) format('woff2'), url(./inter-latin-ext-600-normal-CIVaiw4L.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-600-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 600;
  src: url(./inter-latin-600-normal-LgqL8muc.woff2) format('woff2'), url(./inter-latin-600-normal-CiBQ2DWP.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format('woff2'), url(./inter-cyrillic-ext-700-normal-LO58E6JB.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-cyrillic-700-normal-CjBOestx.woff2) format('woff2'), url(./inter-cyrillic-700-normal-DrXBdSj3.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-greek-ext-700-normal-qfdV9bQt.woff2) format('woff2'), url(./inter-greek-ext-700-normal-BoQ6DsYi.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-greek-700-normal-C3JjAnD8.woff2) format('woff2'), url(./inter-greek-700-normal-BUv2fZ6O.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-vietnamese-700-normal-DlLaEgI2.woff2) format('woff2'), url(./inter-vietnamese-700-normal-BZaoP0fm.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-latin-ext-700-normal-Ca8adRJv.woff2) format('woff2'), url(./inter-latin-ext-700-normal-TidjK2hL.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-700-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 700;
  src: url(./inter-latin-700-normal-Yt3aPRUw.woff2) format('woff2'), url(./inter-latin-700-normal-BLAVimhd.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* inter-cyrillic-ext-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-cyrillic-ext-800-normal-BZOjs1Xv.woff2) format('woff2'), url(./inter-cyrillic-ext-800-normal-Ca-gJeZY.woff) format('woff');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}

/* inter-cyrillic-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-cyrillic-800-normal-C7MGvYyJ.woff2) format('woff2'), url(./inter-cyrillic-800-normal-CCHyn08d.woff) format('woff');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

/* inter-greek-ext-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-greek-ext-800-normal-B--PVpEC.woff2) format('woff2'), url(./inter-greek-ext-800-normal-DUe57HfS.woff) format('woff');
  unicode-range: U+1F00-1FFF;
}

/* inter-greek-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-greek-800-normal-CLIouy3y.woff2) format('woff2'), url(./inter-greek-800-normal-BU00tryP.woff) format('woff');
  unicode-range: U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF;
}

/* inter-vietnamese-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-vietnamese-800-normal-Cm7tD1pz.woff2) format('woff2'), url(./inter-vietnamese-800-normal-DDlpr_Ee.woff) format('woff');
  unicode-range: U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;
}

/* inter-latin-ext-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-latin-ext-800-normal-DZJjya6U.woff2) format('woff2'), url(./inter-latin-ext-800-normal-BOMpwxm3.woff) format('woff');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}

/* inter-latin-800-normal */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url(./inter-latin-800-normal-BYj_oED-.woff2) format('woff2'), url(./inter-latin-800-normal-D1mf63XC.woff) format('woff');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}/* ============================================================
   现金账本 · Warm Glass 设计系统 —— 唯一权威样式源
   本文件内容与 design-mockup-v6-warm.html 完全一致，逐字节相同。
   使用方式：直接原样引入本文件，禁止重写/改写/近似替代任何数值。
   组件开发只需让 HTML/JSX 结构使用本文件里已定义的 class 名。
   如需新增样式，请新开一个文件补充，不要修改本文件已有内容。
   ============================================================ */

  :root {
    --ink:#221B18; --t2:#6E635A; --t3:#A69A8E;
    --coral:#F2694A; --amber:#F5A623; --income:#12A374;
    --hairline:rgba(34,27,24,.08);
    --sans:"HarmonyOS Sans","PingFang SC","Inter","Microsoft YaHei",sans-serif;
    --mono:"SFMono-Regular","JetBrains Mono",Consolas,monospace;
  }
  * { box-sizing:border-box; }
  body { margin:0; font-family:var(--sans); color:var(--ink); background:#FCFAF7; -webkit-font-smoothing:antialiased; }
  .aurora {
    position:fixed; inset:0; z-index:0; pointer-events:none;
    background:
      radial-gradient(680px 420px at 14% -10%, rgba(245,166,35,.20), transparent 62%),
      radial-gradient(760px 480px at 82% -12%, rgba(242,105,74,.20), transparent 64%),
      radial-gradient(520px 380px at 100% 34%, rgba(244,180,140,.16), transparent 60%),
      radial-gradient(460px 340px at 0% 46%, rgba(18,163,116,.09), transparent 58%);
  }
  .app { display:flex; min-height:100vh; position:relative; z-index:1; }
  .sidebar {
    width:230px; flex-shrink:0; background:rgba(255,252,248,.66);
    backdrop-filter:blur(24px); border-right:1px solid var(--hairline);
    padding:28px 0 24px; position:sticky; top:0; height:100vh; display:flex; flex-direction:column;
  }
  .brand { display:flex; align-items:center; gap:11px; padding:0 24px 30px; }
  .brand .mark {
    width:36px; height:36px; border-radius:11px;
    background:linear-gradient(135deg,#F2694A,#F5A623);
    display:flex; align-items:center; justify-content:center;
    box-shadow:0 8px 20px -6px rgba(242,105,74,.45);
  }
  .brand .name { font-weight:800; font-size:16.5px; letter-spacing:-.01em; }
  .nav { display:flex; flex-direction:column; gap:3px; padding:0 14px; }
  .nav-item { display:flex; align-items:center; gap:12px; padding:11px 14px; border-radius:11px; font-size:14px; font-weight:600; color:var(--t2); cursor:pointer; transition:all .16s; }
  .nav-item svg { opacity:.65; }
  .nav-item:hover { background:rgba(34,27,24,.045); color:var(--ink); }
  .nav-item.active { background:#fff; color:var(--ink); box-shadow:0 8px 20px -8px rgba(34,27,24,.14); }
  .nav-item.active svg { opacity:1; color:var(--coral); }
  .side-foot { margin-top:auto; padding:16px 24px 0; font-size:11.5px; color:var(--t3); display:flex; align-items:center; gap:7px; }
  .side-foot i { width:6px; height:6px; border-radius:50%; background:var(--income); box-shadow:0 0 0 3px rgba(18,163,116,.18); }

  .main { flex:1; padding:42px 56px 100px; max-width:1150px; margin:0 auto; width:100%; }
  .head { display:flex; align-items:flex-end; justify-content:space-between; margin-bottom:30px; }
  .crumb { font-size:12.5px; font-weight:700; color:var(--coral); margin-bottom:10px; }
  h1 { font-size:30px; font-weight:800; letter-spacing:-.025em; margin:0 0 6px; }
  .sub { font-size:14px; color:var(--t2); }
  .chips { display:flex; gap:10px; }
  .chip { background:rgba(255,255,255,.7); backdrop-filter:blur(16px); border:1px solid var(--hairline); border-radius:100px; padding:9px 16px; font-size:12.5px; color:var(--t2); box-shadow:0 6px 16px -8px rgba(34,27,24,.1); display:flex; align-items:center; gap:7px; }
  .chip b { color:var(--ink); font-family:var(--mono); }

  .card { background:rgba(255,255,255,.76); backdrop-filter:blur(28px); border:1px solid rgba(255,255,255,.9); outline:1px solid var(--hairline); border-radius:24px; box-shadow:0 28px 60px -30px rgba(34,27,24,.18); }
  .pad { padding:38px 44px; }
  .grid { display:grid; gap:26px 30px; }
  .c3 { grid-template-columns:1fr 1fr 1fr; }
  .c2 { grid-template-columns:1.55fr 1fr; }
  .row { margin-bottom:28px; }
  label { display:block; font-size:12.5px; font-weight:700; color:var(--t2); margin-bottom:9px; }
  label .opt { font-weight:500; color:var(--t3); font-size:11.5px; }
  input[type=text], input[type=date], input[type=number], select {
    width:100%; font:500 14.5px var(--sans); color:var(--ink); background:#fff;
    border:1px solid var(--hairline); border-radius:13px; padding:12.5px 15px; outline:none;
    transition:all .16s; appearance:none; -webkit-appearance:none; box-shadow:0 1px 2px rgba(34,27,24,.03);
  }
  input::placeholder { color:var(--t3); }
  input:focus, select:focus { border-color:rgba(242,105,74,.5); box-shadow:0 0 0 4px rgba(242,105,74,.13); }
  select { background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236E635A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'><polyline points='6 9 12 15 18 9'/></svg>"); background-repeat:no-repeat; background-position:right 14px center; padding-right:38px; }
  input[disabled] { background:rgba(34,27,24,.04); color:var(--t2); box-shadow:none; }

  .seg { display:inline-flex; background:rgba(34,27,24,.05); border-radius:13px; padding:4px; gap:4px; }
  .seg button { border:none; background:transparent; color:var(--t2); padding:11px 30px; border-radius:10px; font:700 14.5px var(--sans); cursor:pointer; transition:all .18s; }
  .seg button.on.expense { background:#fff; color:var(--coral); box-shadow:0 2px 8px rgba(242,105,74,.22); }
  .seg button.on.income { background:#fff; color:var(--income); box-shadow:0 2px 8px rgba(18,163,116,.22); }

  .suggest { display:flex; align-items:center; gap:12px; margin-top:11px; background:linear-gradient(90deg, rgba(18,163,116,.09), rgba(18,163,116,.03)); border:1px solid rgba(18,163,116,.22); border-radius:13px; padding:13px 17px; font-size:13.5px; }
  .suggest .ok { width:22px; height:22px; border-radius:50%; background:var(--income); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
  .suggest b { color:#0B8259; }
  .suggest .why { margin-left:auto; color:var(--t3); font-size:12px; }

  .cap { display:flex; align-items:center; gap:10px; background:linear-gradient(90deg, rgba(242,105,74,.10), rgba(245,166,35,.07)); border:1px solid rgba(242,105,74,.2); border-radius:13px; padding:12.5px 16px; font-size:14px; color:var(--t2); }
  .cap .num { font-family:var(--mono); font-weight:700; color:var(--coral); font-size:15px; }

  .drop { border:1.5px dashed rgba(242,105,74,.3); border-radius:17px; padding:30px; text-align:center; background:linear-gradient(180deg, rgba(242,105,74,.045), rgba(245,166,35,.03)); color:var(--t2); font-size:13px; }
  .drop strong { display:block; color:var(--ink); font-size:14.5px; font-weight:700; margin-bottom:5px; }
  .drop .ico { width:44px; height:44px; margin:0 auto 12px; border-radius:14px; background:linear-gradient(135deg,#F2694A,#F5A623); display:flex; align-items:center; justify-content:center; box-shadow:0 10px 24px -8px rgba(242,105,74,.5); }

  .btn { border:none; border-radius:13px; padding:13px 26px; font:700 14px var(--sans); cursor:pointer; display:inline-flex; align-items:center; gap:9px; transition:all .16s; }
  .btn-ghost { background:#fff; border:1px solid var(--hairline); color:var(--ink); margin-top:16px; }
  .btn-main { background:linear-gradient(135deg,#F2694A,#F5A623); color:#fff; box-shadow:0 12px 28px -10px rgba(242,105,74,.55); }
  .btn-main:hover { transform:translateY(-2px); }
  .foot { display:flex; align-items:center; gap:16px; padding-top:26px; border-top:1px solid var(--hairline); }
  .foot .note { font-size:12px; color:var(--t3); }
  .pill { margin-left:auto; display:inline-flex; align-items:center; gap:7px; padding:8px 16px; border-radius:100px; background:rgba(34,27,24,.05); color:var(--t2); font-size:12px; font-weight:700; }
  .pill i { width:6px; height:6px; border-radius:50%; background:currentColor; }


/* glass-input 输入框统一样式 —— 补充 Warm Glass 设计系统遗漏的输入框定义 */
.glass-input {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid var(--hairline);
  border-radius: 13px;
  background: rgba(255, 255, 255, 0.62);
  color: var(--ink);
  font: 500 14px var(--sans);
  outline: none;
  transition: border-color .16s, box-shadow .16s, background .16s;
  -webkit-appearance: none;
  appearance: none;
}
.glass-input::placeholder {
  color: var(--t3);
}
.glass-input:hover {
  border-color: rgba(242, 105, 74, 0.35);
}
.glass-input:focus {
  border-color: var(--coral);
  background: #fff;
  box-shadow: 0 0 0 3px rgba(242, 105, 74, 0.12);
}
.glass-input:read-only {
  background: rgba(255, 255, 255, 0.4);
  color: var(--t2);
  cursor: default;
}
.glass-input:read-only:focus {
  border-color: var(--hairline);
  box-shadow: none;
}
/* label 内的 input 需要块级布局，让文字在上、框在下 */
label > .glass-input {
  display: block;
  margin-top: 6px;
}
textarea.glass-input {
  resize: vertical;
  min-height: 72px;
  font-family: var(--sans);
}