:root{--page-padding:18px;--page-padding-mobile:12px;--surface-radius:28px;--surface-radius-mobile:22px;--toolbar-gap:16px;--toolbar-gap-mobile:12px;--header-height-mobile:62px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--app-bg:radial-gradient(circle at top left, #38bdf82e, transparent 30%), radial-gradient(circle at top right, #0ea5a426, transparent 28%), linear-gradient(180deg, #f2f6fb 0%, #e8eef6 100%);--surface-border:#94a3b847;--surface-card-bg:#f8fbffc7;--surface-card-bg-strong:#f6faffeb;--surface-card-bg-soft:#f0f7ffb8;--surface-card-gradient:linear-gradient(180deg, #f9fcfffa 0%, #eef6fff0 100%);--surface-card-gradient-active:linear-gradient(180deg, #e4f7f5fa 0%, #d5f0eff0 100%);--surface-shadow-soft:0 10px 24px #64748b14;--surface-shadow-strong:0 18px 44px #64748b1a;--text-muted:#64748b;--text-subtle:#475569;color:#202328;background:var(--app-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scrollbar-color:#64748b47 transparent;scrollbar-width:thin;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html,body,#app{height:100%;margin:0}html{background:var(--app-bg)}body{min-width:320px;overflow:hidden auto}html::-webkit-scrollbar{width:8px;height:8px}body::-webkit-scrollbar{width:8px;height:8px}#app::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar{width:8px;height:8px}html::-webkit-scrollbar-track{background:#94a3b814;border-radius:999px;transition:background .22s,opacity .22s}body::-webkit-scrollbar-track{background:#94a3b814;border-radius:999px;transition:background .22s,opacity .22s}#app::-webkit-scrollbar-track{background:#94a3b814;border-radius:999px;transition:background .22s,opacity .22s}::-webkit-scrollbar-track{background:#94a3b814;border-radius:999px;transition:background .22s,opacity .22s}html::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fc75,#2dd4bf57) padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s;box-shadow:inset 0 1px #ffffff2e,0 1px 4px #64748b1f}body::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fc75,#2dd4bf57) padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s;box-shadow:inset 0 1px #ffffff2e,0 1px 4px #64748b1f}#app::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fc75,#2dd4bf57) padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s;box-shadow:inset 0 1px #ffffff2e,0 1px 4px #64748b1f}::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fc75,#2dd4bf57) padding-box padding-box;border:2px solid #0000;border-radius:999px;transition:background .22s,border-color .22s,box-shadow .22s,opacity .22s;box-shadow:inset 0 1px #ffffff2e,0 1px 4px #64748b1f}.scroll-host:hover{scrollbar-color:#47556985 transparent}.scroll-host:hover::-webkit-scrollbar-track{background:#94a3b81f}.scroll-host:hover::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fcad,#14b8a694);border-color:#ffffff24;box-shadow:inset 0 1px #fff3,0 1px 5px #64748b29}.is-scrolling{scrollbar-color:#47556985 transparent}.is-scrolling::-webkit-scrollbar-track{background:#94a3b81f}.is-scrolling::-webkit-scrollbar-thumb{background:linear-gradient(#7dd3fcad,#14b8a694);border-color:#ffffff24;box-shadow:inset 0 1px #fff3,0 1px 5px #64748b29}.is-scrolling::-webkit-scrollbar-thumb:hover{background:linear-gradient(#7dd3fcb8,#14b8a69e)}html::-webkit-scrollbar-corner{background:0 0}body::-webkit-scrollbar-corner{background:0 0}#app::-webkit-scrollbar-corner{background:0 0}::-webkit-scrollbar-corner{background:0 0}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}@media (width<=768px){:root{--page-padding:var(--page-padding-mobile);--surface-radius:var(--surface-radius-mobile);--toolbar-gap:var(--toolbar-gap-mobile)}html,body,#app{height:auto;min-height:100%}body{overscroll-behavior-y:contain;-webkit-text-size-adjust:100%;min-height:100dvh;overflow-y:auto}button,input,textarea,select{touch-action:manipulation}}