:root{--page-width: 1200px;--color-primary: #3a86b9;--color-price: #eb2444;--color-text: #333;--color-muted: #999;--color-bg: #f5f5f5;--color-border: #e8e8e8;--header-top-h: 36px;--header-main-h: 96px;--header-nav-h: 40px}.page-width{width:var(--page-width);max-width:100%;margin:0 auto}@media(max-width:1279px){:root{--page-width: 100%}.page-width{padding:0 16px;box-sizing:border-box}}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%}body{color:var(--color-text);font-family:PingFang SC,Microsoft YaHei,sans-serif;background:var(--color-bg)}a{color:inherit;text-decoration:none}img{max-width:100%;vertical-align:middle}button,input{font-family:inherit}.site-header{background:#fff}.header-top{height:var(--header-top-h);background:#f5f5f5;font-size:12px;color:#666;line-height:var(--header-top-h)}.header-top-inner,.header-main-inner,.header-nav-inner{display:flex;align-items:center;justify-content:space-between}.header-top-links{display:flex;gap:16px}.header-top-links a,.header-top-links span{cursor:pointer}.header-top-links a:hover,.header-top-links span:hover{color:var(--color-primary)}.header-main{height:var(--header-main-h)}.logo{width:360px;font-size:18px;font-weight:700;line-height:1.25;color:var(--color-primary);letter-spacing:0}.logo small{display:block;margin-top:4px;font-size:12px;font-weight:400;color:var(--color-muted)}.header-search{display:flex;width:640px;height:40px}.header-search input{flex:1;padding:0 12px;border:2px solid var(--color-primary);border-right:0;outline:none}.header-search button{width:88px;border:0;background:var(--color-primary);color:#fff;cursor:pointer}.header-cart-btn{min-width:120px;height:40px;line-height:40px;text-align:center;border:1px solid var(--color-border);color:var(--color-primary)}.header-nav{height:var(--header-nav-h);background:var(--color-primary);color:#fff}.nav-item{position:relative;padding:0 18px;line-height:var(--header-nav-h);cursor:pointer}.nav-item:hover,.nav-item.active{background:#0000001f}.nav-dropdown{position:absolute;top:100%;left:0;z-index:20;min-width:180px;padding:8px 0;background:#fff;color:var(--color-text);box-shadow:0 6px 16px #0000001f}.nav-dropdown a{display:block;padding:8px 16px}.nav-dropdown a:hover{background:#f5f7fa;color:var(--color-primary)}.site-main{min-height:calc(100vh - 240px);padding:16px 0 32px}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.auth-card{width:420px;padding:32px;background:#fff;box-shadow:0 8px 24px #0000000f}.auth-card h1{margin:0 0 8px;font-size:22px;color:var(--color-primary)}.auth-card p{margin:0 0 24px;color:var(--color-muted);font-size:13px}