:root{--color-bg: #fff;--color-card: #fff;--color-shadow: 0 1px 6px rgba(0,0,0,.04);--radius: 12px;--color-title: #111;--color-text: #666;--color-sub: #999;--color-price: #fa2c2c;--color-primary: #007aff;--color-border: #eee}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--color-bg);color:var(--color-title)}#app{min-height:100vh;padding-bottom:60px}.nav{position:fixed;bottom:0;left:0;right:0;height:60px;background:#fff;display:flex;align-items:center;justify-content:space-around;border-top:1px solid var(--color-border);z-index:100}.nav-link{text-decoration:none;color:#999;font-size:10px;display:flex;flex-direction:column;align-items:center;gap:2px;padding:6px 12px;position:relative;transition:color .2s}.nav-link.router-link-active{color:var(--color-primary)}.nav-link.router-link-active:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--color-primary);border-radius:0 0 2px 2px}.nav-icon{width:20px;height:20px;object-fit:contain}.nav-text{font-size:10px}