*{box-sizing:border-box}body{margin:0;background:#edf8ff;color:#182b55;font:15px -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input{font:inherit}button{cursor:pointer;border:0}header{background:#94dcff;border-bottom:1px solid #71c9fb;padding:12px 6%;display:flex;justify-content:space-between;font-weight:800;color:#183d95}.wrap{max-width:1180px;margin:auto;padding:26px 24px 100px}.top{display:flex;align-items:center;justify-content:space-between}.brand{font-size:25px;font-weight:850}.sub{color:#73859b;font-size:13px;margin-top:7px}.hero{margin:24px 0;display:grid;grid-template-columns:1fr 290px;gap:20px}.banner{background:linear-gradient(120deg,#1746be,#2298ee);border-radius:22px;padding:35px;color:white;position:relative;overflow:hidden}.banner:after{content:'LIUYI';position:absolute;right:-8px;bottom:-26px;font-size:110px;font-weight:900;opacity:.13}.banner h1{font-size:36px;margin:16px 0}.banner p{color:#cbeaff}.tag{font-size:12px;letter-spacing:3px}.wallet{background:white;border-radius:22px;padding:25px}.balance{font-size:38px;font-weight:800;margin:18px 0 6px}.wallet small{color:#8590a5}.primary{background:#25227c;color:white;border-radius:12px;padding:12px 20px}.toolbar{display:flex;align-items:center;gap:18px;margin:25px 0}.toolbar strong{font-size:23px}.search{flex:1;background:white;border-radius:12px;padding:13px 18px;border:1px solid #e1ebf4;min-width:60px}.toggle{background:white;border-radius:12px;padding:5px}.toggle button{padding:9px 15px;border-radius:9px;color:#8993a4;background:transparent}.toggle .on{background:#25227c;color:white}.shop{display:grid;grid-template-columns:170px 1fr;gap:22px}aside{background:#e5eff6;border-radius:17px;padding:12px;height:fit-content}aside button{display:block;width:100%;text-align:left;padding:17px 12px;border-radius:11px;background:transparent;color:#65758a;margin-bottom:4px}aside .on{background:white;color:#25227c;font-weight:750;box-shadow:0 4px 14px #253b7710}.tabs{display:flex;gap:28px;border-bottom:1px solid #dce5ee;padding:10px 0 18px}.tabs button{background:none;color:#8290a4}.tabs .on{color:#25227c;font-weight:800}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:20px}.card{background:white;border-radius:17px;overflow:hidden;border:1px solid #e6edf5}.picture{height:160px;display:grid;place-items:center;font-size:76px;background:linear-gradient(140deg,#f8f0d9,#fffaf0)}.card:nth-child(2n) .picture{background:linear-gradient(140deg,#e1e5ff,#f8f5ff)}.info{padding:18px}.info h3{font-size:15px;margin:0 0 10px;color:#26354e}.label{color:#7e8b9f;font-size:12px}.price{display:flex;align-items:center;justify-content:space-between;margin-top:20px;font-size:23px;font-weight:800;color:#2448a7}.add{background:#20b8f1;color:white;border-radius:50%;width:34px;height:34px;font-size:24px}nav{position:fixed;bottom:0;left:0;right:0;background:#fffffff2;backdrop-filter:blur(15px);border-top:1px solid #e4edf5;display:flex;justify-content:center;gap:70px;padding:13px;z-index:5}nav button{background:none;color:#8894a7;padding:5px 15px}nav .on{color:#25227c;font-weight:800}dialog{border:0;border-radius:22px;max-width:560px;width:92%;padding:30px;color:#243856;box-shadow:0 20px 100px #14295740}dialog::backdrop{background:#15274466}dialog h2{margin-top:0}.row{display:flex;justify-content:space-between;gap:10px;padding:16px 0;border-bottom:1px solid #edf0f5}.row button{border-radius:5px;padding:3px 10px}.close{float:right;background:#eef3f8;border-radius:50%;width:30px;height:30px}.empty{padding:40px;text-align:center;color:#8a95a5}.notice{background:#e9f5ff;padding:12px;border-radius:10px;font-size:13px;line-height:1.7}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:#172d59;color:white;padding:12px 25px;border-radius:12px;z-index:10;display:none}@media(max-width:760px){header{font-size:11px}.wrap{padding:20px 14px 90px}.brand{font-size:21px}.hero{grid-template-columns:1fr;gap:12px}.banner{padding:25px}.banner h1{font-size:28px}.wallet{padding:18px}.balance{display:inline-block;font-size:29px;margin:8px 20px 8px 0}.toolbar{flex-wrap:wrap;gap:10px}.toolbar strong{font-size:19px}.toggle{margin-left:auto}.shop{grid-template-columns:90px 1fr;gap:10px}aside{padding:5px}aside button{font-size:12px;padding:16px 5px}.products{grid-template-columns:1fr;gap:12px}.card{display:flex}.picture{width:95px;min-width:95px;height:145px;font-size:49px}.info{padding:13px;flex:1}.price{margin-top:13px}.tabs{gap:10px}.tabs button{font-size:12px;padding:0}nav{gap:8px;justify-content:space-around}nav button{font-size:12px;padding:5px}.sub{font-size:11px}}.brand{display:flex;align-items:center;gap:18px}.brand-logo{width:72px;height:65px;object-fit:contain;background:white;border-radius:8px;padding:4px}.primary,.toggle .on{background:#252180}.banner{background:linear-gradient(120deg,#252180,#294ba9)}@media(max-width:760px){.brand{gap:10px;font-size:18px}.brand-logo{width:55px;height:50px}} nav{padding-bottom:calc(13px + env(safe-area-inset-bottom))}.wrap{padding-bottom:calc(100px + env(safe-area-inset-bottom))}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}input{font-size:16px}dialog{max-height:85dvh;overflow-y:auto}@media(max-width:760px){.wrap{padding-bottom:calc(90px + env(safe-area-inset-bottom))}} 
.product-title{background:transparent;color:inherit;text-align:left;font-weight:700;padding:0;line-height:1.5}.picture{border:0}.price small{font-size:13px}button:disabled{opacity:.45;cursor:not-allowed}.quantity{display:flex;align-items:center;gap:8px;white-space:nowrap}.quantity button{min-width:30px;min-height:32px}.order-tabs{display:flex;gap:8px;overflow:auto;padding:10px 0}.order-tabs button{white-space:nowrap;padding:9px 12px;border-radius:9px;background:#eef3f8;color:#60718b}.order-tabs .on{background:#252180;color:white}#sku-quantity{width:86px;padding:10px;border:1px solid #dbe4ef;border-radius:8px}.row{align-items:center}.label{line-height:1.7}.product-title:focus-visible,button:focus-visible{outline:2px solid #24a9ed;outline-offset:3px}

.real-product{width:100%;height:100%;object-fit:contain;background:white}.image-pending{font-size:14px;color:#91a2b8}.picture{overflow:hidden}aside{max-height:70vh;overflow:auto}#catalog-note{line-height:1.7}