:root{--primary:#009688;--primary-hover:#00796b;--primary-light:#e8f5f3;--primary-dark:#00695c;--price:#f60;--price-hover:#ff8533;--text-main:#333;--text-sub:#666;--text-mute:#999;--text-light:#bbb;--bg-page:#f5f5f5;--bg-card:#fff;--bg-tag:#f0f0f0;--border:#e8e8e8;--border-light:#f0f0f0;--shadow-sm:0 2px 8px #0000000a;--shadow:0 2px 12px #00000014;--shadow-lg:0 4px 20px #0000001f;--radius-sm:4px;--radius:8px;--radius-lg:12px;--container-width:1200px}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-main);background:var(--bg-page);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Hiragino Sans GB,Microsoft YaHei,Arial,sans-serif;font-size:14px}#app{min-height:100vh}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input{border:none;outline:none;font-family:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 16px}.card{background:var(--bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:20px}.btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:8px 20px;font-size:14px;line-height:1.5;transition:all .2s;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover)}.btn-outline{color:var(--primary);border-color:var(--primary);background:#fff}.btn-outline:hover{background:var(--primary-light)}.btn-default{color:var(--text-sub);background:#f5f5f5}.btn-default:hover{background:#e8e8e8}.btn-lg{padding:12px 28px;font-size:16px}.btn-sm{padding:4px 12px;font-size:12px}.btn-block{width:100%;display:flex}.btn:disabled,.btn.disabled{cursor:not-allowed;color:#fff!important;background:#ccc!important;border-color:#ccc!important}.price{color:var(--price);font-weight:600}.price-num{color:var(--price);font-size:24px;font-weight:700}.price-unit{color:var(--price);margin-left:2px;font-size:14px}.unit-price{color:var(--text-mute);margin-left:8px;font-size:12px}.tag{background:var(--bg-tag);color:var(--text-sub);border-radius:var(--radius-sm);margin-bottom:4px;margin-right:6px;padding:2px 8px;font-size:12px;display:inline-block}.tag-primary{background:var(--primary-light);color:var(--primary)}.tag-price{color:var(--price);background:#fff3e0}.section{border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background:#fff;margin-bottom:20px;padding:24px}.section-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.section-title{color:var(--text-main);padding-left:12px;font-size:20px;font-weight:600;position:relative}.section-title:before{content:"";background:var(--primary);border-radius:2px;width:4px;height:18px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.section-more{color:var(--text-mute);cursor:pointer;font-size:14px;transition:color .2s}.section-more:hover{color:var(--primary)}.form-item{margin-bottom:18px}.form-label{color:var(--text-sub);margin-bottom:8px;font-size:14px;display:block}.form-input,.form-select{border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;height:40px;color:var(--text-main);background:#fff;padding:0 12px;font-size:14px;transition:border-color .2s}.form-input:focus,.form-select:focus{border-color:var(--primary)}.empty{color:var(--text-mute);flex-direction:column;justify-content:center;align-items:center;padding:80px 20px;display:flex}.empty-icon{opacity:.5;margin-bottom:16px;font-size:48px}.empty-text{color:var(--text-sub);font-size:16px}.empty-sub{color:var(--text-mute);margin-top:8px;font-size:13px}.empty-btn{background:var(--primary);color:#fff;cursor:pointer;border-radius:24px;margin-top:24px;padding:10px 32px;font-size:14px}.empty-btn:hover{background:var(--primary-hover)}.loading{color:var(--text-mute);justify-content:center;align-items:center;padding:60px 0;font-size:14px;display:flex}.loading-spinner{border:2px solid #e8e8e8;border-top-color:var(--primary);border-radius:50%;width:24px;height:24px;margin-right:10px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.pagination{justify-content:center;align-items:center;gap:6px;margin-top:24px;display:flex}.page-btn{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:36px;height:36px;color:var(--text-sub);cursor:pointer;background:#fff;justify-content:center;align-items:center;padding:0 12px;font-size:14px;transition:all .2s;display:inline-flex}.page-btn:hover:not(.disabled):not(.active){color:var(--primary);border-color:var(--primary)}.page-btn.active{background:var(--primary);color:#fff;border-color:var(--primary)}.page-btn.disabled{color:var(--text-light);cursor:not-allowed;background:#f5f5f5}.text-ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-ellipsis-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.text-primary{color:var(--primary)}.text-price{color:var(--price)}.text-mute{color:var(--text-mute)}.text-sub{color:var(--text-sub)}@media (width<=1200px){.container{padding:0 12px}}@media (width<=768px){:root{--container-width:100%}.section{padding:16px}.section-title{font-size:18px}}