*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #2e9e5b;--primary-dark: #1f7a44;--primary-light: #e8f6ee;--bg: #f2f7f3;--card: #ffffff;--text: #22342a;--text-sub: #6b7f72;--gold: #d9a441;--red: #e0563f;--radius: 16px;--shadow: 0 4px 16px rgba(46, 158, 91, .1)}html,body{background:var(--bg);color:var(--text);font-family:-apple-system,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.container{max-width:960px;margin:0 auto;padding:12px 16px 80px}.topbar{position:sticky;top:0;z-index:50;background:linear-gradient(135deg,#2e9e5b,#1f7a44);color:#fff;box-shadow:0 2px 12px #1f7a4459}.topbar-inner{max-width:960px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:17px}.brand .logo{font-size:22px}.nav{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}.nav a{padding:6px 12px;border-radius:999px;font-size:14px;color:#eafff2;transition:background .2s}.nav a.active,.nav a:hover{background:#ffffff38;color:#fff}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.card-title{font-size:16px;font-weight:700;margin-bottom:10px;display:flex;align-items:center;gap:6px}.card-title .tag{font-size:12px;color:var(--primary);background:var(--primary-light);border-radius:6px;padding:2px 8px;font-weight:400}.notice{background:#fffbea;border:1px solid #f3e2ae;color:#8a6d1f;border-radius:12px;padding:10px 14px;font-size:13px;margin-bottom:14px}.banner-wrap{position:relative;border-radius:var(--radius);overflow:hidden;margin-bottom:14px;box-shadow:var(--shadow)}.banner-track{display:flex;transition:transform .4s ease}.banner-slide{min-width:100%}.banner-slide img{width:100%;height:150px;object-fit:cover;display:block}.banner-dots{position:absolute;bottom:8px;left:0;right:0;display:flex;justify-content:center;gap:6px}.banner-dots i{width:7px;height:7px;border-radius:50%;background:#ffffff80}.banner-dots i.on{background:#fff}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media (max-width: 520px){.grid{grid-template-columns:repeat(3,1fr);gap:10px}}.menu-item{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:14px 6px;text-align:center;cursor:pointer;transition:transform .15s}.menu-item:active{transform:scale(.96)}.menu-item .ic{font-size:26px;margin-bottom:6px}.menu-item .nm{font-size:14px;font-weight:600}.menu-item .sub{font-size:11px;color:var(--text-sub);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn{display:inline-block;border:none;cursor:pointer;background:var(--primary);color:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:600;transition:opacity .2s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.ghost{background:var(--primary-light);color:var(--primary-dark)}input[type=text],input[type=number]{width:100%;border:1.5px solid #d7e5dc;border-radius:10px;padding:10px 12px;font-size:15px;background:#fbfefc;color:var(--text)}input:focus{outline:none;border-color:var(--primary)}.form-row{display:flex;gap:10px;align-items:center;margin-bottom:12px;flex-wrap:wrap}.form-row label{font-size:14px;color:var(--text-sub);min-width:60px}.goods-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.goods-card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px;position:relative}.goods-card .nm{font-size:15px;font-weight:700;margin-bottom:6px}.goods-card .price{color:var(--red);font-weight:700;font-size:15px;margin-bottom:4px}.goods-card .meta{font-size:12px;color:var(--text-sub);line-height:1.7}.goods-card .countdown{font-size:12px;color:var(--primary-dark);font-weight:600}.goods-card.watched{border:2px solid var(--gold)}.watch-flag{position:absolute;top:8px;right:8px;background:var(--gold);color:#fff;font-size:11px;padding:2px 8px;border-radius:999px}.badge{display:inline-block;font-size:12px;padding:3px 10px;border-radius:999px;font-weight:600}.badge.on_sale{background:#e2f6e8;color:#1f7a44}.badge.soon{background:#fff3d6;color:#a97414}.badge.not_refresh{background:#eceff0;color:#6b7f72}.list-item{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #eef4f0}.list-item:last-child{border-bottom:none}.list-item .ic{font-size:24px}.list-item .nm{font-weight:600;font-size:14px}.list-item .sub{font-size:12px;color:var(--text-sub)}.empty,.loading{text-align:center;color:var(--text-sub);padding:30px 0;font-size:14px}.footer{text-align:center;color:var(--text-sub);font-size:12px;padding:18px 0 8px}.footer b{color:var(--primary)}.tabs{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.tab{padding:8px 16px;border-radius:999px;background:#fff;color:var(--text-sub);font-size:14px;cursor:pointer;box-shadow:var(--shadow)}.tab.on{background:var(--primary);color:#fff;font-weight:600}.pet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.pet-card{background:var(--card);border-radius:14px;box-shadow:var(--shadow);padding:12px;text-align:center}.pet-card img{width:72px;height:72px;object-fit:contain;margin-bottom:6px}.pet-card .nm{font-size:14px;font-weight:700}.pet-card .meta{font-size:11px;color:var(--text-sub);margin-top:4px;line-height:1.6}.quality{display:inline-block;font-size:10px;border-radius:4px;padding:1px 6px;color:#fff;margin-top:4px}.q0{background:#8fa3b6}.q1{background:#3fae6a}.q2{background:#3f8de0}.q3{background:#a55ee0}.q4{background:#e0a43f}.q5{background:#e0563f}.tip{font-size:12px;color:var(--text-sub);background:#f0f7f2;border-radius:10px;padding:10px 12px;margin-bottom:14px;line-height:1.7}.tip b{color:var(--primary-dark)}