:root{color:#28343a;background:#f7fbfb;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:linear-gradient(180deg,rgba(143,216,232,.24),rgba(247,251,251,0) 360px),#f7fbfb}button,input{font:inherit}button{border:0}main{width:min(100%,520px);margin:0 auto;padding:12px 14px 92px}.hero{min-height:282px;padding:22px 18px;border-radius:0 0 28px 28px;background:linear-gradient(145deg,rgba(255,255,255,.9),rgba(232,248,248,.78)),url("../public/luowen-logo.jpg") right -48px bottom -68px/210px auto no-repeat;box-shadow:0 16px 42px rgba(88,152,166,.18)}.heroTop{display:flex;gap:12px;align-items:center}.logo{width:66px;height:66px;border-radius:50%;object-fit:cover;background:#fff;border:5px solid #fff;box-shadow:0 8px 24px rgba(65,113,128,.16)}.eyebrow{margin:0 0 4px;color:#5b9eb1;font-size:13px;font-weight:700}h1{margin:0;color:#334047;font-size:34px}.heroText{max-width:330px;margin:24px 0 18px;font-size:17px;line-height:1.65}.trustBar{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trustBar span,.meta span,.tags span{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-height:32px;border-radius:8px;background:rgba(255,255,255,.78);color:#55727a;font-size:12px;font-weight:700}.tools{padding:18px 0 8px}.searchBox{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border:1px solid rgba(119,174,187,.28);border-radius:8px;background:#fff}.searchBox input{width:100%;border:0;outline:0;color:#26343a;background:transparent}.categoryHeader{display:flex;align-items:center;gap:5px;margin:14px 0 8px;color:#55727a;font-size:13px;font-weight:800}.chips{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px}.chips button{flex:0 0 auto;min-height:36px;padding:0 14px;border-radius:8px;background:#fff;color:#55727a;font-size:14px;font-weight:800;box-shadow:inset 0 0 0 1px rgba(119,174,187,.24)}.chips button.active{background:#7dd4e7;color:#fff;box-shadow:0 8px 18px rgba(85,169,188,.24)}.notice{display:flex;gap:9px;align-items:flex-start;margin:8px 0 14px;padding:12px;border-radius:8px;background:#fff7db;color:#74633a}.notice p{margin:0;font-size:13px;line-height:1.55}.resultMeta{margin:0 0 10px;color:#6f858c;font-size:13px;font-weight:800}.productList{display:grid;gap:12px}.empty{padding:28px 12px;border-radius:8px;background:#fff;color:#7a8a90;text-align:center;font-size:14px}.productCard{display:grid;grid-template-columns:112px 1fr;gap:12px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 10px 28px rgba(54,85,94,.09)}.productCard>img{width:112px;aspect-ratio:1;border-radius:8px;object-fit:contain;background:#eef8f8}.productBody{min-width:0}.productTitle{display:flex;justify-content:space-between;gap:8px}.productTitle p{margin:0 0 3px;color:#7aa9b2;font-size:12px;font-weight:800}h2{margin:0;color:#26343a;font-size:16px;line-height:1.28}.productTitle strong{flex:0 0 auto;color:#ee7ea8;font-size:20px}.summary{margin:8px 0;color:#52676e;font-size:13px;line-height:1.5}.meta,.tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.meta span{padding:0 8px;background:#eafbfd}.tags span{min-height:26px;padding:0 8px;background:#f4f1ff;color:#7b6e97;font-size:11px}.askButton{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:40px;margin-top:10px;border-radius:8px;background:#edf9f8;color:#3b8ba0;font-weight:900}.loadMore{width:100%;min-height:46px;margin:14px 0 6px;border-radius:8px;background:#fff;color:#3b8ba0;font-weight:900;box-shadow:inset 0 0 0 1px rgba(119,174,187,.24)}footer{margin:22px 0;color:#7a8a90;font-size:12px;line-height:1.6}.bottomBar{position:fixed;left:50%;bottom:0;z-index:10;display:flex;justify-content:space-between;align-items:center;width:min(100%,520px);min-height:72px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));transform:translateX(-50%);background:rgba(255,255,255,.94);border-top:1px solid rgba(119,174,187,.2);backdrop-filter:blur(18px)}.bottomBar span{display:block;color:#7a8a90;font-size:12px}.bottomBar strong{color:#26343a;font-size:18px}.bottomBar button{display:flex;align-items:center;gap:6px;min-height:46px;padding:0 18px;border-radius:8px;background:#67c8dc;color:#fff;font-weight:900}@media(max-width:380px){main{padding-inline:10px}.productCard{grid-template-columns:96px 1fr}.productCard>img{width:96px}.productTitle{display:block}}