:root{--primary: #2563eb;--primary-dark: #1d4ed8;--accent: #0891b2;--success: #059669;--text-main: #0f172a;--text-light: #64748b;--bg-base: #f8fafc;--card-bg: #ffffff;--radius-lg: 22px;--radius-md: 16px;--shadow-card: 0 12px 30px rgba(15, 23, 42, .08);--shadow-float: 0 14px 36px rgba(37, 99, 235, .2);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*,*:before,*:after{box-sizing:border-box}*{-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-height:100%;height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Helvetica Neue,Helvetica,Arial,sans-serif;color:var(--text-main);line-height:1.5;background:#f5f7fb;text-rendering:auto;-webkit-font-smoothing:subpixel-antialiased;-moz-osx-font-smoothing:auto;-webkit-text-size-adjust:100%;text-size-adjust:100%;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}.app-container{position:relative;overflow-x:hidden;min-height:100vh;min-height:100dvh;min-height:var(--app-height, 100vh)}.glass-card{background:var(--card-bg);border:1px solid rgba(148,163,184,.2);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.bottom-nav{position:fixed;left:max(12px,calc(12px + var(--safe-top) * 0));right:max(12px,calc(12px + var(--safe-top) * 0));bottom:calc(10px + var(--safe-bottom));max-width:520px;margin:0 auto;height:68px;padding:0 10px;background:#fff;border:1px solid rgba(148,163,184,.2);border-radius:999px;box-shadow:var(--shadow-float);display:flex;align-items:center;justify-content:space-around;z-index:200}.nav-item{width:46px;height:46px;border-radius:999px;display:flex;align-items:center;justify-content:center;text-decoration:none;color:#94a3b8;transition:transform .2s ease,color .2s ease,background-color .2s ease}.nav-item .icon{font-size:22px}.nav-item.active{color:var(--primary);background:#2563eb1f;transform:none}.el-button{border-radius:12px!important;min-height:42px;font-weight:600!important}.el-button--large{min-height:48px;border-radius:14px!important}.el-button--primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%)!important;border:none!important}.page-content{width:min(980px,100%);margin:0 auto;padding:calc(18px + var(--safe-top)) 16px calc(90px + var(--safe-bottom))}h1{margin:0;font-size:clamp(1.35rem,4.5vw,1.8rem);font-weight:800;letter-spacing:-.02em}@supports not ((backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px))){.glass-card,.bottom-nav{background:#fff}}:root.no-backdrop-filter .glass-card,:root.no-backdrop-filter .bottom-nav{background:#fff}:root.legacy-webview .glass-card,:root.legacy-webview .bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 6px 18px #0f172a14}:root.legacy-webview .bottom-nav{border-color:#e2e8f0}:root.legacy-webview .nav-item,:root.legacy-webview .nav-item.active{transform:none}:root.legacy-webview .page-content{animation:none}:root.low-spec-device .glass-card,:root.low-spec-device .bottom-nav{backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 4px 12px #0f172a14}:root.low-spec-device .nav-item,:root.low-spec-device .nav-item.active,:root.low-spec-device .el-button{transition:none!important}:root.low-spec-device *{scroll-behavior:auto!important}:root.legacy-webview #app .login-container .glass-panel{background:#fff;box-shadow:0 10px 28px #0f172a1a}:root.legacy-webview #app .login-container .app-logo,:root.legacy-webview #app .login-container .circles-bg,:root.low-spec-device #app .login-container .app-logo,:root.low-spec-device #app .login-container .circles-bg{animation:none!important}:root.low-spec-device #app .home-page .action-button-container,:root.low-spec-device #app .home-page .action-button-container:active{transform:none!important}:root.env-dingtalk .glass-card,:root.env-dingtalk .bottom-nav{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:0 6px 18px #0f172a14!important}:root.env-dingtalk #app .login-container .circles-bg,:root.env-dingtalk #app .login-container .app-logo,:root.env-dingtalk #app .home-page .action-button-container,:root.env-dingtalk #app .home-page .action-button-container:active{animation:none!important;transform:none!important}@supports not (min-height: 100dvh){.app-container{min-height:100vh}}@media(max-width:768px){.page-content{padding-top:calc(14px + var(--safe-top))}.bottom-nav{height:62px}.nav-item{width:44px;height:44px}}@media(max-width:380px){.bottom-nav{left:8px;right:8px}.page-content{padding-left:12px;padding-right:12px}}@media(max-height:740px){.page-content{padding-top:calc(10px + var(--safe-top))}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition-duration:.01ms!important}}