*{box-sizing:border-box}body{margin:0;background:#f5f6f8;color:#222;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}.app{max-width:480px;margin:auto;background:#fff;min-height:100vh;padding-bottom:72px}header{padding:20px 16px 16px;background:linear-gradient(135deg,#fff8ed,#f7fbff)}.brand{font-size:21px;font-weight:800}.sub{font-size:12px;color:#777;margin:6px 0 14px}.search{background:#fff;border-radius:12px;padding:12px;color:#999;box-shadow:0 2px 10px #0000000a}.hero{margin:14px 16px 12px;border-radius:16px;padding:20px;background:linear-gradient(120deg,#fff0d9,#eaf5ff)}h1{margin:0 0 8px;font-size:23px}.hero p{margin:0;color:#666;font-size:13px}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 16px 10px}.actions button{border:0;border-radius:14px;background:#fff7ea;padding:17px 10px;text-align:left;box-shadow:0 2px 10px #00000008}.actions button+button{background:#eef7ff}.actions b,.actions span{display:block}.actions span{font-size:12px;color:#777;margin-top:5px}section{padding:10px 16px}.title{font-weight:800;font-size:17px;margin-bottom:12px}.title small{float:right;font-weight:400;color:#999;font-size:12px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.grid div{background:#f7f8fa;border-radius:12px;padding:13px 3px;text-align:center;font-size:22px}.grid span{display:block;font-size:12px;margin-top:6px}.products{display:grid;grid-template-columns:1fr 1fr;gap:10px}.product{border:1px solid #eee;border-radius:12px;padding:10px}.pic{height:100px;background:#f2f2f2;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:25px;color:#888;margin-bottom:9px}.product b{font-size:13px;display:block;height:36px}.product strong{display:block;color:#e66b00;margin:7px 0}.product button,.primary{width:100%;border:0;border-radius:9px;padding:10px;background:#111;color:#fff}.quick{background:#fafafa;margin:8px 16px;border-radius:14px;padding:14px!important}.quick p{font-size:13px;color:#777;line-height:1.6}.quick .primary{background:#e87516}nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(480px,100%);height:64px;background:#fff;border-top:1px solid #eee;display:grid;grid-template-columns:repeat(5,1fr);z-index:5}nav button{border:0;background:none;color:#888;font-size:20px}nav button span{display:block;font-size:11px;margin-top:2px}nav .active{color:#e87516}.modal{display:none;position:fixed;inset:0;background:#0008;z-index:10;align-items:flex-end}.box{background:#fff;width:min(480px,100%);margin:auto;border-radius:20px 20px 0 0;padding:20px}.box h2{margin-top:0}.box label{display:block;font-size:13px;color:#666;margin:10px 0 5px}.box input,.box select,.box textarea{width:100%;padding:11px;border:1px solid #ddd;border-radius:9px;font:inherit}.box textarea{height:80px;resize:none}.close{width:100%;border:0;background:#eee;padding:11px;border-radius:9px;margin-top:8px}