*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,sans-serif;background:#f4f7fb;color:#091b46}#app{max-width:560px;margin:auto;min-height:100vh;background:#fff;padding-bottom:78px}header{height:76px;display:flex;align-items:center;gap:11px;padding:10px 16px;position:sticky;top:0;background:#fff;z-index:4;border-bottom:1px solid #edf0f6}.logo{width:52px;height:52px;border-radius:14px;object-fit:cover}header b{font-size:20px}header b span,.price{color:#f01464}header small{display:block;font-size:9px;letter-spacing:1.2px;margin-top:4px}header button{margin-left:auto;border:0;background:#f3f6fb;border-radius:50%;width:38px;height:38px}.pad{padding:16px}.search{width:100%;padding:14px 16px;border:1px solid #e0e5ef;border-radius:14px;font-size:15px}.cats{display:flex;gap:10px;overflow:auto;padding:16px 0}.cat{min-width:78px;text-align:center;font-size:12px}.ico{margin:auto auto 7px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#ff8a00,#f50070);color:#fff;font-size:21px}.hero{padding:20px;border-radius:20px;color:#fff;background:linear-gradient(120deg,#071b51,#5131c7,#f01464);box-shadow:0 12px 30px #142b6b28}.hero h2{margin:0 0 8px}.section{display:flex;justify-content:space-between;align-items:center;margin:22px 0 10px}.section h3{margin:0}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.card{border:1px solid #e7eaf1;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 5px 16px #0a1c4a0c}.pic{height:135px;background:linear-gradient(145deg,#eef2f8,#dbe4f3);display:grid;place-items:center;font-size:52px;position:relative}.timer{position:absolute;top:8px;left:8px;background:#ff3158;color:#fff;border-radius:12px;padding:5px 7px;font-size:11px}.heart{position:absolute;right:8px;top:8px;background:#fff;border:0;border-radius:50%;width:30px;height:30px}.info{padding:11px}.info b{display:block;font-size:14px}.price{font-weight:800;margin:8px 0}.bid{width:100%;border:0;border-radius:10px;padding:9px;color:#fff;background:#0878ff;font-weight:700}.detail .bigpic{height:300px;background:#eef2f8;display:grid;place-items:center;font-size:100px}.detail h2{margin-bottom:6px}.bidbox{background:#fff0f3;border-radius:16px;padding:14px;text-align:center;color:#e51b48;margin:15px 0}.amount{display:flex;gap:10px;align-items:center}.amount button{width:48px;height:48px;border:0;border-radius:13px;font-size:22px}.amount input{flex:1;min-width:0;padding:14px;border:1px solid #ddd;border-radius:13px;font-size:18px}.cta{width:100%;border:0;border-radius:14px;padding:15px;color:#fff;font-weight:800;background:linear-gradient(90deg,#ff7a00,#ed006d)}.form input,.form textarea,.form select{width:100%;padding:13px;margin:6px 0 12px;border:1px solid #dde2eb;border-radius:12px;font:inherit}.profile{text-align:center;padding-top:24px}.avatar{width:84px;height:84px;border-radius:50%;background:#0c66d5;color:#fff;display:grid;place-items:center;margin:auto;font-size:28px}.menu{margin-top:20px;text-align:left}.menu div{padding:16px;border-bottom:1px solid #eee}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:70px;background:#fff;border-top:1px solid #e5e8ef;display:flex;justify-content:space-around;z-index:5;padding-bottom:env(safe-area-inset-bottom)}nav button{flex:1;border:0;background:none;color:#667085;font-size:22px}nav button small{display:block;font-size:10px}nav .active{color:#0878ff}.plus{color:#fff!important;background:#0878ff!important;max-width:58px;height:58px;border-radius:50%;margin-top:-15px;box-shadow:0 5px 15px #0878ff55}.empty{text-align:center;padding:80px 25px;color:#68738c}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#091b46;color:white;padding:12px 18px;border-radius:12px;z-index:9}@media(min-width:700px){body{background:#e8edf6}}