:root{--primary:#1677ff;--light-blue:#e8f3ff;--success:#52c41a;--warning:#faad14;--danger:#f5222d;--gray-bg:#f7f8fa;--card-bg:#fff;--shell-width:480px;--shell-padding:20px}@media (width>=900px){:root{--shell-width:1120px;--shell-padding:32px}}@media (width>=1400px){:root{--shell-width:1240px}}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--gray-bg);color:#333;max-width:var(--shell-width);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;min-height:100vh;margin:0 auto;font-family:PingFang SC,Microsoft YaHei,sans-serif;position:relative;overflow-y:scroll}#app{width:100%;max-width:var(--shell-width);min-height:100vh;margin:0 auto}.page-container{padding:var(--shell-padding);will-change:scroll-position;padding-bottom:100px}img{content-visibility:auto}.card{background:var(--card-bg);border-radius:12px;margin-bottom:16px;padding:16px}.nav-bar{align-items:center;margin-bottom:16px;padding:16px 0;display:flex}.nav-bar .back-btn{cursor:pointer;color:#333;margin-right:12px;font-size:20px;text-decoration:none}.nav-bar .title{text-align:center;flex:1;padding-right:32px;font-size:18px;font-weight:700}@media (width>=900px){.nav-bar .title{text-align:left;padding-right:0;font-size:22px}.nav-bar{margin-bottom:24px}.card{border-radius:16px;padding:24px}}