1 line
29 KiB
CSS
1 line
29 KiB
CSS
|
:root{--bg:#f4f6fb;--bg-accent:radial-gradient(circle at top,rgba(59,130,246,.12),transparent 30%),linear-gradient(180deg,#f9fbff,#f2f5fa);--surface:hsla(0,0%,100%,.9);--surface-strong:hsla(0,0%,100%,.98);--surface-muted:#eef3fb;--surface-soft:#f6f8fc;--surface-elevated:rgba(15,23,42,.86);--text:#0f172a;--text-secondary:#475569;--text-tertiary:#64748b;--text-on-dark:#f8fafc;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-soft:rgba(37,99,235,.1);--income:#059669;--income-soft:rgba(5,150,105,.12);--expense:#dc2626;--expense-soft:rgba(220,38,38,.1);--warning:#d97706;--warning-soft:rgba(217,119,6,.12);--border:rgba(148,163,184,.2);--border-strong:rgba(100,116,139,.28);--shadow-xs:0 1px 3px rgba(15,23,42,.05);--shadow-sm:0 10px 28px rgba(15,23,42,.06);--shadow-md:0 18px 44px rgba(15,23,42,.1);--radius-xs:10px;--radius-sm:14px;--radius:18px;--radius-lg:24px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--shell-width:760px;--header-height:44px;--bottom-nav-height:84px;--safe-bottom:max(24px,env(safe-area-inset-bottom));--safe-top:max(20px,env(safe-area-inset-top));--transition:180ms ease;--font-sans:"Inter","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;--font-mono:"SF Mono","JetBrains Mono",Monaco,monospace;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}#__next,body,html{min-height:100%}body{font-family:var(--font-sans);background:var(--bg-accent);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a,button,input,select,textarea{font:inherit}button,input,select,textarea{border:0}button{background:none;color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(37,99,235,.18);outline-offset:2px}.app-shell{min-height:100vh;padding-bottom:calc(var(--bottom-nav-height) + var(--safe-bottom) + var(--space-3))}.app-shell--standalone{padding-bottom:0}.app-shell__container{width:min(100% - 28px,var(--shell-width));margin:0 auto}.app-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;padding-top:var(--safe-top);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:rgba(249,251,255,.9);border-bottom:1px solid rgba(226,232,240,.9)}.app-header:after{content:none}.app-header--compact{background:rgba(249,251,255,.86)}.app-header__inner{position:relative;min-height:44px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0}.app-header--compact .app-header__inner{min-height:40px;gap:10px;padding:0}.app-header__main,.app-header__spacer{min-width:0;flex:1 1}.app-header__main{display:flex;align-items:center;flex:1 1}.app-header--actions-only .app-header__main{display:none}.app-header__text{min-width:0;display:grid;grid-gap:2px;gap:2px}.app-header__text h1{font-size:1.02rem;line-height:1.15;letter-spacing:-.03em;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header--compact .app-header__text h1{font-size:.98rem}.app-header__text p{color:var(--text-secondary);font-size:.76rem;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-header--compact .app-header__text p{font-size:.74rem}.app-header__actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:nowrap;min-width:0;margin-left:auto;flex-shrink:0}.app-header--compact .app-header__actions{gap:6px}.app-content{padding:10px 0 0}.app-content__inner{display:grid;grid-gap:14px;gap:14px;align-content:start}.card{position:relative;background:var(--surface);border:1px solid rgba(148,163,184,.18);border-radius:var(--radius);box-shadow:0 10px 26px rgba(15,23,42,.05);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.auth-card,.category-section,.category-tip,.confirm-card,.dashboard-hero,.section-card,.settings-section{overflow:hidden}.auth-card,.category-section,.dashboard-hero,.section-card,.settings-section{padding:16px}.section-card--search{display:grid;grid-gap:14px;gap:14px}.section-card--search-panel{padding:12px;gap:12px;background:linear-gradient(18
|