*{box-sizing:border-box}body{margin:0;background:#eef3f2;color:#17211f;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC",sans-serif}a{text-decoration:none;color:inherit}button,input{font:inherit}.phone-page{max-width:430px;min-height:100vh;margin:0 auto;background:#fff;padding-bottom:22px}.has-sticky{padding-bottom:112px}.has-tab{padding-bottom:92px}.nav{position:sticky;top:0;z-index:10;height:70px;display:grid;grid-template-columns:44px 1fr 116px;align-items:center;padding:12px 16px;background:rgba(255,255,255,.96);border-bottom:1px solid #edf0ef}.nav strong{text-align:center;font-size:21px}.nav img{max-width:112px;justify-self:end}.nav-back{font-size:40px;line-height:1;color:#111}.home-head{height:84px;display:flex;align-items:center;gap:14px;padding:18px;background:#fff}.home-head img{width:190px}.round-link{margin-left:auto;padding:8px 12px;border:1px solid #0b746b;border-radius:999px;color:#075f58}.hero-image{position:relative;background:linear-gradient(180deg,#f5faf7,#f8fbfa);height:290px;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hot-badge{position:absolute;right:14px;bottom:14px;padding:9px 13px;border-radius:999px;background:#fff;color:#a76b12;box-shadow:0 8px 24px rgba(0,0,0,.12);font-weight:700}.product-panel{margin:-1px 0 0;padding:18px 16px 16px;border-radius:0 0 18px 18px;background:#fff}.product-panel h1{margin:0 0 8px;font-size:25px;letter-spacing:0}.product-panel p{margin:0;color:#66706e}.product-panel>strong{display:block;margin:14px 0;color:#0b746b;font-size:17px}.price-card{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:center;gap:8px;padding:14px;border-radius:8px;background:#fbf8f1}.price-card span{color:#767b79}.price-card b{color:#c92822;font-size:21px}.price-card em{font-style:normal;color:#56615e;text-align:right;font-size:13px}.rule-link{display:flex;align-items:center;justify-content:space-between;margin:12px 0;padding:13px;border:1px solid #e5ebe9;border-radius:8px;font-weight:700}.rule-link span{font-size:28px;color:#333}.dual-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dual-actions a,.solid,.ghost{display:grid;place-items:center;min-height:58px;border-radius:8px;font-weight:800}.dual-actions small,.sticky-buy small{display:block;margin-top:4px;font-size:12px;font-weight:500}.solid{background:#07776d;color:#fff;border:1px solid #07776d}.ghost{background:#fff;color:#07776d;border:1px solid #07776d}.compact a{min-height:48px}.icon-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:18px 14px;text-align:center}.icon-grid i{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 8px;border-radius:50%;background:#f4f0e8;color:#08766c;font-style:normal;font-size:24px}.icon-grid b,.icon-grid span{display:block}.icon-grid b{font-size:14px}.icon-grid span{margin-top:4px;color:#7a817f;font-size:12px}.card,.card-soft{margin:12px 14px;padding:16px;border-radius:8px;background:#fff;border:1px solid #edf1ef;box-shadow:0 8px 28px rgba(15,74,68,.06)}.card-soft{background:linear-gradient(135deg,#f2fbfa,#fff)}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.section-title b{font-size:20px}.section-title span,.section-title a{color:#64706d}.scene-card{margin:4px 14px 18px;padding:14px;border:1px solid #edf1ef;border-radius:8px}.scene-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.scene-grid div{overflow:hidden;border-radius:8px;background:#f8faf9;text-align:center}.scene-grid img{width:100%;height:82px;object-fit:cover}.scene-grid span{display:block;padding:8px 4px;font-size:13px}.sticky-buy,.sticky-submit{position:fixed;left:50%;bottom:0;z-index:20;display:grid;grid-template-columns:52px 1.4fr 1.2fr 52px;gap:10px;width:min(430px,100vw);transform:translateX(-50%);padding:12px 14px calc(12px + env(safe-area-inset-bottom));background:rgba(255,255,255,.98);border-top:1px solid #e6ecea;box-shadow:0 -10px 28px rgba(0,0,0,.08);text-align:center}.sticky-buy.three{grid-template-columns:70px 1fr 70px}.sticky-buy>a:not(.solid):not(.ghost){display:grid;place-items:center;font-size:13px;color:#1d2c29}.leader-line{display:flex;align-items:center;gap:12px}.leader-line img{width:68px;height:68px;border-radius:50%;border:4px solid #fff;object-fit:cover}.leader-line div{flex:1}.leader-line b{display:block;font-size:19px}.leader-line span{display:block;margin-top:6px;color:#66706e}.leader-line strong{text-align:right;font-size:20px}.leader-line em{color:#ee4f1f;font-size:32px;font-style:normal}.leader-line small{color:#08766c;font-size:24px}.leader-line.light{color:#fff}.leader-line.light span{color:#d7eeeb}.leader-line.light a{padding:8px 11px;border:1px solid rgba(255,255,255,.7);border-radius:999px}.progress{height:10px;margin:22px 10px;border-radius:999px;background:#e4e7e6}.progress span{display:block;height:100%;border-radius:999px;background:#08766c}.member-row{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px;padding:16px 8px;border-radius:8px;background:#fff;text-align:center}.member-row img{width:58px;height:58px;border-radius:50%;object-fit:cover;border:2px solid #e3e7e6}.member-row span{display:inline-block;margin-top:8px;padding:4px 10px;border-radius:999px;background:#eee;color:#777}.member-row .filled{background:#08766c;color:#fff}.product-card{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:center}.product-card img{width:120px;height:120px;object-fit:cover;border-radius:8px}.product-card h2{margin:0 0 8px;font-size:20px}.product-card p{margin:0 0 12px;color:#687370}.product-card b{display:inline-block;color:#e1441e;font-size:22px}.product-card del{margin-left:10px;color:#888}.rule-list p{display:flex;gap:12px;align-items:center;margin:18px 4px}.rule-list i{color:#08766c;font-style:normal}.account-line{padding:16px;color:#5a6663;background:#f8faf9}.order-product{grid-template-columns:100px 1fr 86px}.order-product img{width:100px;height:100px}.order-product span{display:inline-block;padding:5px 10px;border-radius:999px;background:#08766c;color:#fff}.qty{align-self:end;border:1px solid #dfe5e3;border-radius:8px;padding:8px 10px;text-align:center}.form-card h3,.address-card h3,.points-card h3,.amount-card h3{margin:0 0 14px;font-size:19px}.segment{display:grid;grid-template-columns:1fr 1fr;gap:10px}.segment button{height:52px;border:1px solid #dfe5e3;border-radius:8px;background:#fff}.segment .active{background:#08766c;color:#fff}.address-card{position:relative}.address-card p{margin:8px 0;color:#37413f}.address-card button{position:absolute;right:16px;top:52px;padding:8px 11px;border:1px solid #08766c;border-radius:8px;background:#fff;color:#08766c}.address-card small{display:block;margin-top:12px;padding:10px;border-radius:8px;background:#f8faf9;color:#7a817f}.points-card h3{display:flex;justify-content:space-between}.points-card h3 span{font-size:15px;color:#a76b12}.switch-line{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid #edf1ef;border-radius:8px}.switch-line b{flex:1}.switch-line em{font-style:normal;padding:7px 20px;border:1px solid #dfe5e3;border-radius:8px}.switch-line i{width:46px;height:26px;border-radius:999px;background:#08766c}.amount-card p,.amount-card strong{display:flex;justify-content:space-between;margin:12px 0}.amount-card strong{padding-top:12px;border-top:1px dashed #d6dddb}.amount-card em{font-style:normal;color:#b57917;font-size:22px}.amount-card small{display:block;color:#08766c}.sticky-submit{grid-template-columns:1fr 1.4fr;align-items:center;text-align:left}.sticky-submit b{font-size:19px}.sticky-submit em{color:#b57917;font-size:26px;font-style:normal}.sticky-submit button{height:58px;border:0;border-radius:8px;background:#08766c;color:#fff;font-size:19px;font-weight:800}.success-head{display:grid;grid-template-columns:80px 1fr 86px;gap:12px;align-items:center;padding:24px 22px}.checkmark{display:grid;place-items:center;width:70px;height:70px;border-radius:50%;background:#08766c;color:#fff;font-size:42px}.success-head h1{margin:0;color:#08766c;font-size:34px}.success-head p{margin:8px 0 0;color:#687370}.success-head img{width:80px}.result-group h2{display:flex;justify-content:space-between;color:#08766c}.result-group h2 span{font-size:14px;padding:8px;border-radius:999px;background:#dcefed}.result-group h3{color:#e56d17;font-size:24px}.result-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:12px 14px}.result-actions .solid{grid-column:1/3}.profile-head{display:flex;align-items:center;gap:14px;padding:18px}.profile-head .logo{width:190px}.profile-head span{font-size:22px}.profile-head a{margin-left:auto;color:#08766c}.user-card{display:grid;grid-template-columns:92px 1fr 88px;gap:12px;margin:0;padding:24px 18px;background:linear-gradient(135deg,#e9fbfa,#f8ffff)}.avatar{width:86px;height:86px;border-radius:50%;border:5px solid #fff}.user-card h1{margin:0;font-size:24px}.user-card small{margin-left:8px;padding:3px 8px;border:1px solid #08766c;border-radius:999px;color:#08766c;font-size:12px}.user-card p{margin:8px 0;color:#596663}.user-card button,.user-card>a{border:1px solid #08766c;border-radius:999px;background:#fff;color:#08766c;padding:7px 10px}.points-overview{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:14px;padding:18px;border-radius:8px;background:#fff;box-shadow:0 8px 28px rgba(15,74,68,.06)}.points-overview a{padding:6px 18px}.points-overview a:first-child{border-right:1px solid #e5ebe9}.points-overview b,.points-overview span{display:block}.points-overview strong{display:block;margin:8px 0;color:#b57917;font-size:32px}.menu-card h2{display:flex;justify-content:space-between;margin:0 0 18px}.menu-card h2 a{font-size:14px;color:#687370}.order-icons{display:grid;grid-template-columns:repeat(4,1fr);text-align:center}.order-icons a{padding:16px 0;color:#21312e}.menu-list a{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #edf1ef}.menu-list a:last-child{border-bottom:0}.menu-list span{color:#687370}.admin-entry{padding:14px!important;border:1px solid #ebd5ad!important;border-radius:8px;background:#fffaf0}.notice{display:flex;justify-content:space-between;margin:12px 14px;padding:13px;border-radius:8px;background:#e9fbfa;color:#08766c}.bottom-nav{position:fixed;left:50%;bottom:0;display:grid;grid-template-columns:repeat(3,1fr);width:min(430px,100vw);transform:translateX(-50%);padding:10px 0 calc(10px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid #edf1ef}.bottom-nav a{display:grid;place-items:center;color:#1b2523}.bottom-nav i{font-style:normal;font-size:24px}.bottom-nav .active{color:#08766c}.team-top{margin:0 12px 12px;padding:18px;border-radius:8px;background:#08766c}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:18px;padding:14px;border-radius:8px;background:#fff;text-align:center}.stats-grid div{border-right:1px solid #e5ebe9}.stats-grid div:last-child{border-right:0}.stats-grid b{display:block;margin-top:8px;color:#0b746b;font-size:26px}.inner{margin:0;padding:0;border:0;box-shadow:none}.mini-btn{display:inline-block;margin-top:8px;padding:8px 14px;border-radius:999px;background:#08766c;color:#fff}.list-card>a{display:grid;grid-template-columns:48px 1fr auto;gap:12px;align-items:center;padding:12px 0;border-bottom:1px solid #edf1ef}.list-card>a:last-child{border-bottom:0}.list-card img{width:46px;height:46px;border-radius:50%}.list-card span b,.list-card span em{display:block}.list-card em{font-style:normal;color:#687370}.list-card small{text-align:right;color:#687370}.reward-card a{display:flex;justify-content:space-between;padding:15px;border-bottom:1px solid #edf1ef}.reward-card b{color:#b57917}.share-card{display:flex;justify-content:space-between;align-items:center;margin:14px;padding:16px;border-radius:8px;background:#f3fbfa}.share-card b{padding:9px 14px;border:1px solid #08766c;border-radius:999px;color:#08766c}.wallet-card{margin:14px;padding:24px;border-radius:8px;background:#08766c;color:#fff}.wallet-card{display:grid;grid-template-columns:1fr 1fr;gap:12px}.wallet-card b{display:block;margin-top:8px;color:#e6bf65;font-size:42px}.wallet-card p{grid-column:1/3;margin:4px 0 0}.two-col{display:grid;grid-template-columns:1fr 1.35fr;gap:12px;margin:0 12px}.two-col .card{margin:0}.point-log{display:grid;grid-template-columns:28px 1fr auto;gap:8px;align-items:center;padding:11px 0;border-bottom:1px solid #edf1ef}.point-log i{width:28px;height:28px;border-radius:50%;background:#08766c}.point-log span,.point-log small{display:block}.point-log small{color:#78827f}.point-log .in{color:#c98417}.point-log .out{color:#111}.more{display:block;margin-top:12px;text-align:center;color:#08766c}.withdraw-form label{display:grid;grid-template-columns:74px 1fr;align-items:center;margin-bottom:10px}.withdraw-form input{min-width:0;height:42px;border:1px solid #dfe5e3;border-radius:8px;padding:0 10px}.preview{padding:12px;border-radius:8px;background:#f2f8f7}.preview p{display:flex;justify-content:space-between;margin:6px 0}.withdraw-form button,.account-form button{width:100%;height:52px;border:0;border-radius:8px;background:#08766c;color:#fff;font-weight:800}.toast{margin:12px 14px;padding:12px;border-radius:8px;background:#e9fbfa;color:#08766c}.tabs{display:flex;gap:8px;padding:12px 14px;overflow:auto}.tabs a{white-space:nowrap;padding:8px 15px;border-radius:999px;background:#f2f5f4;color:#5f6b68}.tabs .active{background:#08766c;color:#fff}.tabs.subtle a{background:#fff;border:1px solid #dfe5e3}.order-list-card>a{display:block}.order-head{display:flex;justify-content:space-between}.order-head span{color:#e1441e}.order-actions{text-align:right;border-top:1px solid #edf1ef;padding-top:12px}.order-actions a{display:inline-block;margin-left:8px;padding:8px 14px;border:1px solid #08766c;border-radius:999px;color:#08766c}.detail-status{padding:28px 18px;background:#08766c;color:#fff}.detail-status b,.detail-status span{display:block}.detail-status b{font-size:28px;margin-bottom:8px}.account-form,.switch-list{margin-top:18px}.account-form img{display:block;width:92px;height:92px;margin:0 auto 20px;border-radius:50%}.account-form label{display:block;margin-bottom:14px}.account-form input{width:100%;height:48px;margin-top:8px;border:1px solid #dfe5e3;border-radius:8px;padding:0 12px}.account-form p{color:#687370}.switch-list a{display:grid;grid-template-columns:54px 1fr auto;gap:12px;align-items:center;padding:14px;border-bottom:1px solid #edf1ef}.switch-list img{width:50px;height:50px;border-radius:50%}.switch-list em{display:block;color:#687370;font-style:normal}.switch-list strong{color:#08766c}.switch-list .add-account{display:block;text-align:center;color:#08766c}.admin-hold{text-align:center;margin-top:40px}.admin-hold img{width:100px}.admin-hold h1{font-size:26px}.admin-hold p{color:#687370}.admin-hold .solid{margin-top:18px}
@media (max-width:380px){.price-card{grid-template-columns:1fr}.price-card em{text-align:left}.two-col{grid-template-columns:1fr}.sticky-buy{grid-template-columns:44px 1fr 1fr 44px;gap:6px}.dual-actions{gap:8px}.product-card{grid-template-columns:96px 1fr}.product-card img{width:96px;height:96px}.success-head{grid-template-columns:62px 1fr}.success-head img{display:none}.wallet-card b{font-size:32px}}

/* Browser pass refinements */
.nav{grid-template-columns:44px 1fr 96px}
.nav img{max-width:94px}
.home-head img{width:220px;margin-left:-22px}
.hero-image{height:292px;background:linear-gradient(180deg,#f5faf7,#e6f5f0)}
.price-card{grid-template-columns:1fr 1.15fr 1fr}
.order-product{grid-template-columns:100px 1fr}
.order-product .qty{grid-column:2;justify-self:stretch}
.address-card p{padding-right:116px}
.profile-head{display:grid;grid-template-columns:150px 1fr 74px;align-items:center;gap:10px;padding:16px 18px}
.profile-head .logo{width:170px;margin-left:-20px}
.profile-head strong{font-size:22px;font-weight:500;white-space:nowrap}
.profile-head a{justify-self:end;margin-left:0}
.user-card{grid-template-columns:92px 1fr 86px}
.user-card>a{display:grid;place-items:center;align-self:start;min-height:40px}
.two-col{grid-template-columns:1fr}
.order-list-card .product-card{grid-template-columns:105px 1fr}
.order-list-card .product-card img{width:105px;height:105px}
.order-list-card .product-card h2{font-size:19px}
.order-list-card .product-card b{display:block;margin-bottom:4px}
.order-list-card .product-card small{display:block;color:#687370}
.order-head{gap:8px}
.order-head span{white-space:nowrap}
.order-product{display:grid;align-items:center;gap:14px}
.detail-entry{display:block;margin-top:12px;text-align:center;color:#08766c}
.detail-hero{position:relative;height:285px;background:#f6faf8;overflow:hidden}
.detail-hero img{width:100%;height:100%;object-fit:cover}
.detail-hero span{position:absolute;right:18px;bottom:16px;padding:6px 12px;border-radius:999px;background:rgba(0,0,0,.48);color:#fff}
.detail-info{padding:18px;background:#fff}
.detail-info h1{margin:0 0 8px;font-size:25px}
.detail-info p{margin:0 0 12px;color:#687370}
.tags{display:flex;gap:8px;flex-wrap:wrap}
.tags span{padding:5px 12px;border-radius:6px;background:#dff3ef;color:#08766c}
.detail-price{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:end;margin:16px 0}
.detail-price b{color:#c92822;font-size:26px}
.detail-price del{color:#888}
.detail-price em{grid-column:2;font-style:normal;color:#08766c}
.detail-tabs{position:sticky;top:70px;z-index:8;display:grid;grid-template-columns:repeat(3,1fr);padding:14px;background:#fff;border-top:1px solid #edf1ef;border-bottom:1px solid #edf1ef;text-align:center}
.detail-tabs b{color:#08766c}
.detail-gallery{padding:16px}
.detail-gallery h2{text-align:center;font-size:18px}
.gallery-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.gallery-row img{height:92px;width:100%;object-fit:cover;border-radius:8px}
.wide-photo{position:relative;overflow:hidden;border-radius:8px}
.wide-photo img{width:100%;height:150px;object-fit:cover}
.wide-photo p{position:absolute;left:0;top:0;width:45%;height:100%;margin:0;padding:18px;background:rgba(255,255,255,.82)}
.wide-photo b,.wide-photo span{display:block}
.wide-photo span{margin-top:8px;color:#51605d}
.spec-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.spec-grid p,.notice-box{margin:0;padding:12px;border-radius:8px;background:#f7faf9}
.notice-box{margin-top:10px}
.notice-box b,.notice-box span{display:block}
.notice-box span{margin-top:8px;color:#51605d}

/* Visual alignment pass: design-density overrides */
.statusbar{max-width:430px;height:34px;margin:0 auto;padding:8px 28px 0;background:#fff;display:flex;justify-content:space-between;align-items:center;font-weight:700;font-size:14px;color:#111}
.statusbar em{font-style:normal;font-size:12px;letter-spacing:1px}
.phone-page{box-shadow:0 0 0 1px rgba(0,0,0,.02)}
.nav{height:54px;top:34px;grid-template-columns:36px 1fr 108px;padding:6px 14px}
.nav strong{font-size:19px}
.nav img{max-width:104px}
.nav-back{font-size:32px}
.home-head{height:58px;padding:8px 14px}
.home-head img{width:210px;margin-left:-20px}
.round-link{font-size:13px;padding:6px 10px;border-radius:999px}
.hero-image{height:238px}
.hero-image img{object-fit:cover;transform:scale(1.08)}
.hot-badge{bottom:10px;font-size:13px;padding:8px 12px}
.product-panel{padding:14px 16px 12px}
.product-panel h1{font-size:22px}
.product-panel>strong{margin:10px 0;font-size:15px}
.price-card{padding:11px 12px;min-height:58px}
.price-card b{font-size:20px}
.rule-link{margin:10px 0;padding:10px 12px;font-size:14px}
.dual-actions a,.solid,.ghost{min-height:50px}
.icon-grid{padding:14px 14px 10px}
.icon-grid i{width:48px;height:48px;font-size:20px}
.scene-card{margin-top:0;padding:12px}
.scene-grid img{height:72px}
.sticky-buy,.sticky-submit{padding:9px 12px calc(9px + env(safe-area-inset-bottom));grid-template-columns:44px 1.4fr 1.2fr 44px}
.sticky-buy .solid,.sticky-buy .ghost{min-height:48px}
.profile-head{height:58px;grid-template-columns:190px 1fr 72px;padding:8px 14px}
.profile-head .logo{width:220px;margin-left:-24px}
.profile-head strong{font-size:20px}
.profile-head a{font-size:13px}
.profile-head:after{content:"";display:block;width:54px;height:24px;justify-self:end;background:linear-gradient(90deg,transparent 0 8px,#08766c 8px 10px,transparent 10px 27px,#08766c 27px 29px,transparent 29px),linear-gradient(#08766c,#08766c);background-size:100% 100%,10px 10px;background-position:0 0,38px 7px;background-repeat:no-repeat;opacity:.9}
.user-card{grid-template-columns:88px 1fr 84px;padding:18px 16px}
.user-card .avatar,.avatar{width:78px;height:78px}
.user-card h1{font-size:22px}
.points-overview{margin:12px 14px;padding:14px}
.points-overview strong{font-size:29px}
.menu-card h2{font-size:21px}
.order-icons a:before{content:"";display:block;width:34px;height:26px;margin:0 auto 8px;border:2px solid #08766c;border-radius:6px}
.order-icons a:nth-child(2):before{border-radius:14px 14px 6px 6px}
.order-icons a:nth-child(3):before{width:28px;border-radius:50%}
.order-icons a:nth-child(4):before{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 7px #fff}
.menu-list a{padding:14px 0}
.bottom-nav{padding-top:8px}
.bottom-nav i{font-size:22px}
.wallet-card{position:relative;overflow:hidden;margin:12px 14px;padding:20px 24px}
.wallet-card:after{content:"";position:absolute;right:18px;top:28px;width:120px;height:120px;border-radius:50%;border:28px solid rgba(255,255,255,.08)}
.wallet-card b{font-size:36px}
.two-col{grid-template-columns:1fr 1.28fr;gap:8px;margin:0 10px}
.two-col .card{padding:12px}
.point-log{grid-template-columns:24px 1fr auto;gap:7px;padding:9px 0;font-size:13px}
.point-log i{width:24px;height:24px}
.point-log:nth-of-type(2) i{background:#1677d2}
.point-log:nth-of-type(3) i{background:#28a745}
.point-log:nth-of-type(4) i{background:#f28b22}
.withdraw-form h2,.list-card h2{font-size:18px}
.withdraw-form label{grid-template-columns:62px 1fr;font-size:13px;margin-bottom:8px}
.withdraw-form input{height:34px;font-size:13px}
.preview{padding:10px;font-size:13px}
.withdraw-form button{height:44px}
.team-top{padding:16px}
.stats-grid{padding:12px}
.stats-grid b{font-size:24px}
.product-card h2{font-size:18px}
.product-card b{font-size:20px}
.detail-tabs{top:88px}
.admin-page{background:#f7faf9}
.admin-top{height:58px;display:grid;grid-template-columns:132px 1fr 90px;align-items:center;padding:8px 14px;background:#fff}
.admin-top>img{width:130px;margin-left:-12px}.admin-top strong{text-align:center;font-size:20px}.admin-top span{display:flex;align-items:center;gap:5px;font-size:13px}.admin-top span img{width:28px;height:28px;border-radius:50%}
.admin-overview,.admin-card{margin:10px 14px;padding:12px;border-radius:8px;background:#fff;box-shadow:0 6px 20px rgba(7,95,88,.05)}
.admin-overview .section-title b{font-size:17px}.admin-overview .section-title span{font-size:11px}
.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.admin-stats div{min-height:72px;padding:8px;border-radius:6px;background:#fbfdfc}
.admin-stats i{float:left;margin-right:6px;color:#08766c;font-style:normal;font-weight:800}.admin-stats span{display:block;font-size:12px}.admin-stats b{display:block;margin-top:5px;color:#08766c;font-size:20px}.admin-stats .warn{color:#f05a28}
.admin-card h2{margin:0 0 10px;font-size:17px}.admin-quick{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #e7eeec;border-radius:4px}.admin-quick a{text-align:center;padding:12px 4px;border-right:1px solid #e7eeec}.admin-quick a:last-child{border-right:0}
.refund-alert{display:grid;grid-template-columns:1fr auto;gap:4px;margin:10px 14px;padding:10px;border-radius:6px;background:#fff3e7;color:#333}.refund-alert b{color:#e45622}.refund-alert span{font-size:12px}.refund-alert a{grid-row:1/3;grid-column:2;align-self:center;color:#08766c}
.todo-row{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.todo-row a{padding:8px;border-right:1px solid #e7eeec;font-size:12px}.todo-row a:last-child{border-right:0}.todo-row b{display:block;color:#f05a28}
.admin-search{height:32px;line-height:32px;padding:0 12px;border:1px solid #e4ebe9;border-radius:6px;color:#9aa3a0;font-size:12px}
.admin-user,.admin-order{display:grid;grid-template-columns:38px 1fr 70px 70px;gap:8px;align-items:center;padding:9px 0;border-bottom:1px solid #edf1ef;font-size:12px}.admin-user img{width:36px;height:36px;border-radius:50%}.admin-user em,.admin-order em{display:block;color:#687370;font-style:normal}.admin-user button,.admin-order button{height:30px;border:1px solid #08766c;background:#fff;border-radius:4px;color:#08766c;font-size:12px}
.admin-order{grid-template-columns:54px 1fr 58px 66px}.admin-order img{width:52px;height:42px;object-fit:cover;border-radius:4px}.admin-order strong{color:#e45622;font-size:12px}
.admin-bottom{position:fixed;left:50%;bottom:0;width:min(430px,100vw);transform:translateX(-50%);display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #e7eeec;padding:9px 0 calc(9px + env(safe-area-inset-bottom));text-align:center}.admin-bottom a{font-size:13px}.admin-bottom .active{color:#08766c;font-weight:700}
@media (max-width:380px){.two-col{grid-template-columns:1fr}.profile-head{grid-template-columns:150px 1fr 60px}.profile-head .logo{width:180px}.admin-stats{grid-template-columns:repeat(2,1fr)}}

/* Third visual pass: real browser chrome owns status bar */
.statusbar{display:none}
.nav{top:0}
.detail-tabs{top:54px}
.phone-page.has-tab{padding-bottom:120px}
.phone-page.has-sticky{padding-bottom:150px}
.home-head{height:72px;padding-top:10px}
.hero-image{height:270px}
.product-panel{padding-bottom:14px}
.icon-grid{padding-bottom:18px}
.scene-card{margin-bottom:96px}
.detail-info{padding-bottom:10px}
.detail-info .dual-actions{margin-bottom:8px}
.detail-gallery{padding-bottom:138px}
.sticky-buy,.sticky-submit{min-height:72px}
.sticky-buy{bottom:0}
.order-list-card:last-child,.menu-list,.withdraw-note{margin-bottom:24px}
.empty-state{text-align:center;padding:28px 20px}
.empty-state img{width:110px;height:110px;object-fit:contain}
.empty-state h2{margin:10px 0 8px}
.empty-state p{margin:0 0 16px;color:#687370;line-height:1.6}
.empty-state .solid{max-width:180px;margin:0 auto}

.user-card h1{display:flex;align-items:center;gap:8px;line-height:1.2}
.user-card small{display:inline-flex;align-items:center;height:24px;margin-left:0;line-height:1}

/* Second visual pass: real assets, tighter customer-facing polish */
.home-head{height:72px}
.home-head img{width:236px;margin-left:-18px}
.home-head .round-link{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;font-size:14px;background:#fff}
.hero-image{height:282px;background:#fff}
.hero-image img{transform:none;object-fit:cover}
.hero-image .hot-badge{display:none}
.scene-grid img{height:92px}
.sticky-buy{grid-template-columns:44px 1.35fr 1.35fr 44px;align-items:center}
.sticky-buy>a:not(.solid):not(.ghost){font-size:13px;white-space:nowrap}
.detail-buy{grid-template-columns:46px 46px 1.25fr 1fr;gap:8px}
.detail-buy .solid,.detail-buy .ghost{min-height:50px;font-size:16px;white-space:nowrap}
.detail-buy small{font-size:12px}

.detail-hero{height:405px;background:#fff}
.detail-hero img{object-fit:cover}
.detail-hero span{display:none}
.favorite-btn{position:absolute;right:18px;bottom:20px;width:56px;height:56px;border:0;background:rgba(255,255,255,.88);border-radius:50%;font-size:0;box-shadow:0 4px 14px rgba(0,0,0,.12)}
.favorite-btn:before{content:"☆";font-size:36px;line-height:54px;color:#666}
.detail-info{padding:16px 18px}
.detail-info h1{font-size:26px}
.detail-price{grid-template-columns:1fr auto auto;align-items:center;padding:10px 0}
.detail-price b{font-size:28px}
.detail-price del{grid-column:auto}
.detail-price em{grid-column:auto;font-size:17px}
.detail-gallery{padding:14px 18px 112px}
.gallery-row{gap:12px}
.gallery-row img{height:132px;border-radius:8px}
.wide-photo img{height:150px}
.wide-photo.store-photo img{height:143px}
.product-card img,.order-product img{background:#f2fbf8}

.profile-head{height:94px;grid-template-columns:190px 1px 88px 70px;gap:10px;padding:18px 16px;background:#fff}
.profile-head .logo{width:212px;margin-left:-18px}
.profile-head>i{display:block;width:1px;height:32px;background:#cfd8d5}
.profile-head strong{justify-self:start;font-size:22px;font-weight:500}
.profile-head .profile-tools{display:flex;gap:12px;justify-self:end}
.profile-head .profile-tools a{width:28px;height:28px;margin:0;border:1.8px solid #17211f;border-radius:50%;font-size:0;position:relative}
.profile-head .profile-tools a:first-child:before{content:"";position:absolute;left:8px;top:7px;width:10px;height:8px;border:1.6px solid currentColor;border-radius:5px}
.profile-head .profile-tools a:first-child:after{content:"";position:absolute;left:11px;top:17px;border:4px solid transparent;border-top-color:currentColor}
.profile-head .profile-tools a:last-child:before{content:"";position:absolute;left:7px;top:7px;width:10px;height:10px;border:2px solid currentColor;border-radius:50%}
.profile-head .profile-tools a:last-child:after{content:"";position:absolute;left:12px;top:2px;width:2px;height:22px;background:currentColor;box-shadow:8px 5px 0 -1px currentColor,-8px 5px 0 -1px currentColor;transform:rotate(35deg)}
.profile-head:after{display:none}
.user-card{position:relative;grid-template-columns:106px 1fr 102px;gap:14px;padding:22px 22px 24px;background:linear-gradient(135deg,#e9fbfa,#f8ffff)}
.user-card .avatar,.avatar{width:96px;height:96px;object-fit:cover}
.user-card h1{font-size:25px}
.user-card>a:not(.edit-profile){width:96px;min-height:38px;white-space:nowrap;align-self:center}
.edit-profile{position:absolute;right:22px;top:22px;border:0!important;padding-left:24px!important;background:transparent!important;color:#08766c!important;white-space:nowrap}
.edit-profile:before{content:"";position:absolute;left:0;top:8px;width:14px;height:14px;border:2px solid currentColor;border-radius:3px}
.user-card button{white-space:nowrap}
.menu-list a{position:relative;padding-left:46px}
.menu-list a:before{content:"";position:absolute;left:4px;top:50%;width:26px;height:26px;transform:translateY(-50%);border:2px solid #08766c;border-radius:8px}
.admin-entry:before{border-color:#b57917!important}

.team-top .leader-line img,.list-card img,.member-row img{object-fit:cover}
.reward-card{background:linear-gradient(135deg,#f2fbfa,#fff)}
.reward-card a{position:relative;padding-left:42px}
.reward-card a:before{content:"";position:absolute;left:12px;top:50%;width:22px;height:22px;transform:translateY(-50%);border-radius:50%;background:#e2f3ef;border:2px solid #08766c}
.invite-cta{margin-bottom:24px;background:linear-gradient(135deg,#08766c,#0a9084);color:#fff;font-size:18px;font-weight:800}
.invite-cta b{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.08)}

.success-head{grid-template-columns:70px 1fr 96px;padding:20px 20px 14px}
.success-head img{width:96px}
.success-head h1{font-size:30px}
.sticky-submit{min-height:78px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));grid-template-columns:1.05fr 1.15fr}
.sticky-submit b{white-space:nowrap}
.sticky-submit button{height:52px}
.has-sticky{padding-bottom:118px}
.points-tabs{display:grid;grid-template-columns:1fr 1fr;margin:0 14px 10px;border:1px solid #dfecea;border-radius:8px;overflow:hidden;background:#fff}
.points-tabs a{display:grid;place-items:center;height:40px;color:#08766c;font-weight:700}
.points-tabs .active{background:#08766c;color:#fff}
.withdraw-note{margin-top:10px}
.withdraw-note h2{margin:0 0 8px;font-size:18px}
.withdraw-note p{margin:0;color:#5f6b68;line-height:1.7}

/* Final priority fixes from third review */
.statusbar{display:none!important}
.nav{top:0!important}
.detail-tabs{top:54px!important}
.phone-page.has-tab{padding-bottom:128px}
.phone-page.has-sticky{padding-bottom:156px}
.hero-image{height:270px}
.scene-card{margin-bottom:112px}
.detail-gallery{padding-bottom:150px}
.sticky-buy{min-height:72px}
.sticky-submit{min-height:78px}
.favorite-btn:before{content:"☆"}

/* Keep product fixed bar from covering mid-page content on 430x932 review viewport */
.home-head{height:66px}
.hero-image{height:238px}
.product-panel h1{font-size:21px;margin-bottom:5px}
.product-panel p{font-size:15px}
.product-panel>strong{margin:7px 0;font-size:14px}
.price-card{min-height:52px;padding:9px 12px}
.rule-link{margin:8px 0;padding:9px 12px}
.dual-actions a,.solid,.ghost{min-height:46px}
.icon-grid{padding:10px 14px 8px}
.icon-grid i{width:42px;height:42px;margin-bottom:5px}
.icon-grid b{font-size:13px}
.icon-grid span{font-size:11px}
.scene-card{margin-top:0;margin-bottom:118px}

/* Bootstrap Icons integration and typography tightening */
body{font-size:15px;line-height:1.45}
.phone-page{font-size:15px}
.nav{height:50px}
.nav strong{font-size:18px}
.nav-back{font-size:28px}
.home-head{height:62px}
.home-head img{width:218px}
.home-head .round-link{height:32px;font-size:13px}
.product-panel h1,.detail-info h1{font-size:21px}
.product-panel p,.detail-info p{font-size:14px}
.section-title b,.menu-card h2,.card h2{font-size:18px}
.price-card b,.product-card b{font-size:18px}
.detail-price b{font-size:24px}
.dual-actions a,.solid,.ghost{font-size:15px}
.dual-actions small,.sticky-buy small{font-size:11px}

.icon-grid i.bi{display:grid;place-items:center;width:42px;height:42px;margin:0 auto 6px;border-radius:50%;background:#f4f0e8;color:#08766c;font-size:21px;font-style:normal}
.sticky-buy>a:not(.solid):not(.ghost){gap:3px;font-size:12px}
.sticky-buy>a:not(.solid):not(.ghost) i.bi{display:block;font-size:20px;color:#08766c}
.sticky-buy>a:not(.solid):not(.ghost) span{display:block}

.bottom-nav i.bi{display:block;width:auto;height:auto;margin-bottom:2px;font-size:22px;line-height:1}
.bottom-nav i.bi:before{position:static;transform:none;border:0;background:none;box-shadow:none;width:auto;height:auto}
.bottom-nav i.bi:after{display:none}
.bottom-nav a{font-size:13px}

.order-icons a:before{display:none!important}
.order-icons a{display:grid;place-items:center;gap:6px;font-size:14px}
.order-icons a i.bi{display:block;color:#08766c;font-size:24px;line-height:1}

.profile-head{height:78px;grid-template-columns:176px 1px 82px 68px;padding:14px 16px}
.profile-head .logo{width:198px}
.profile-head strong{font-size:20px}
.profile-head .profile-tools a{display:grid;place-items:center;border:0;width:26px;height:26px;font-size:18px;color:#17211f}
.profile-head .profile-tools a:before,.profile-head .profile-tools a:after{display:none!important}
.profile-head .profile-tools span{display:none}
.user-card{grid-template-columns:94px 1fr 92px;padding:18px 18px 20px}
.user-card .avatar,.avatar{width:84px;height:84px}
.user-card h1{font-size:22px}
.user-card p{font-size:14px}
.user-card button,.user-card>a{font-size:14px}
.edit-profile{top:18px;display:inline-flex;align-items:center;gap:5px;padding-left:0!important}
.edit-profile:before{display:none}
.edit-profile i{font-size:16px}
.points-overview{padding:12px}
.points-overview b{display:flex;align-items:center;gap:8px;font-size:15px}
.points-overview b i{font-size:22px;color:#08766c}
.points-overview strong{font-size:28px}

.menu-list a{display:grid;grid-template-columns:34px auto 1fr;align-items:center;gap:10px;padding:13px 0 13px 0}
.menu-list a:before,.admin-entry:before{display:none!important}
.menu-list a>i.bi{display:grid;place-items:center;width:30px;height:30px;color:#08766c;font-size:24px}
.menu-list b{font-size:16px}
.menu-list span{justify-self:end;font-size:14px}
.admin-entry i.bi{color:#b57917!important}

.favorite-btn{display:grid;place-items:center}
.favorite-btn:before{display:none!important}
.favorite-btn i.bi{font-size:32px;color:#666;line-height:1}
.favorite-btn span{display:none}

.segment button{display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px}
.address-card h3,.points-card h3{display:flex;align-items:center;gap:7px;font-size:18px}
.address-card h3 i,.points-card h3 i{color:#08766c;font-size:20px}
.switch-line i.bi,.point-log i.bi{display:grid;place-items:center;color:#fff;font-size:14px;font-style:normal}
.wallet-card span i{font-size:16px}
.point-log i.bi{width:24px;height:24px;border-radius:50%;background:#08766c}

.rule-list i.bi{font-size:18px}
.admin-stats i.bi{float:none;display:inline-block;margin-right:6px;font-size:16px}
.success-head h1{font-size:28px}
.stats-grid b{font-size:22px}
.tabs a{font-size:14px}
.order-product h2,.product-card h2{font-size:17px}
.user-card>a:not(.edit-profile){align-self:end;margin-top:34px}
.edit-profile{right:22px;top:18px}

/* Fourth review close-out: bottom bars reserve their own space */
.has-sticky{padding-bottom:22px}
.sticky-buy,.sticky-submit{
    position:sticky;
    left:auto;
    bottom:0;
    transform:none;
    width:100%;
    margin-top:14px;
    min-height:64px;
    box-shadow:0 -6px 18px rgba(0,0,0,.06);
}
.sticky-buy{grid-template-columns:42px 1.25fr 1.25fr 42px;padding:8px 12px calc(8px + env(safe-area-inset-bottom))}
.detail-buy{grid-template-columns:42px 42px 1.25fr 1fr}
.sticky-submit{grid-template-columns:1fr 1.12fr;padding:9px 12px calc(9px + env(safe-area-inset-bottom))}
.sticky-submit button{height:50px}
.sticky-submit b{font-size:17px}
.sticky-submit em{font-size:24px}
.scene-card{margin-bottom:14px}
.detail-gallery{padding-bottom:14px}
.menu-list{margin-bottom:92px}
.phone-page.has-tab{padding-bottom:110px}

/* Scene image placeholders until design supplies real photos */
.scene-grid img{height:84px;background:#f7faf9;object-fit:cover}
.scene-grid div{background:#fff}

/* Detail page height compression */
.detail-hero{height:322px}
.detail-info{padding:12px 16px}
.detail-info h1{font-size:20px;margin-bottom:5px}
.detail-info p{margin-bottom:8px}
.tags{gap:6px}
.tags span{padding:4px 10px;font-size:13px}
.detail-price{margin:10px 0;padding:6px 0}
.detail-price b{font-size:22px}
.detail-price del,.detail-price em{font-size:14px}
.detail-info .rule-link{margin:8px 0;padding:8px 10px}
.detail-info .dual-actions a{min-height:43px}
.detail-tabs{position:static;padding:10px 14px}
.detail-gallery{padding-top:10px}
.detail-gallery h2{margin:10px 0 8px;font-size:16px}
.gallery-row img{height:104px}
.wide-photo img{height:118px}
.wide-photo.store-photo img{height:116px}
.spec-grid p,.notice-box{padding:9px;font-size:13px}

/* Checkout compression so amount card stays above submit bar */
.order-product.card{padding:12px}
.order-product img{width:86px;height:86px}
.form-card,.address-card,.points-card,.amount-card{padding:12px}
.address-card p{margin:5px 0}
.address-card button{top:44px}
.address-card small{margin-top:8px;padding:8px}
.switch-line{padding:10px}
.amount-card p,.amount-card strong{margin:8px 0}

/* No overlay mode for review: bottom action bars stay in normal flow */
.sticky-buy,.sticky-submit{
    position:static!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
    margin-top:14px;
}
.phone-page.has-sticky{padding-bottom:22px!important}
.scene-card{margin-bottom:0}
.detail-gallery{padding-bottom:0}
.amount-card{margin-bottom:0}

/* Fifth review close-out: use delivered PNG assets and tighten final spacing */
.bottom-nav .nav-icon{display:block;width:25px;height:25px;margin-bottom:2px;object-fit:contain}
.bottom-nav .active-icon{display:none}
.bottom-nav .active .normal{display:none}
.bottom-nav .active .active-icon{display:block}
.bottom-nav i.bi{display:none}

.order-icons a img{display:block;width:30px;height:30px;object-fit:contain}
.order-icons a i.bi{display:none}
.menu-list a{grid-template-columns:32px auto 1fr}
.menu-list a>.profile-menu-icon{display:block;width:28px;height:28px;object-fit:contain}
.menu-list a>i.bi{display:none}

.favorite-btn img{width:34px;height:34px;object-fit:contain}
.favorite-btn i.bi{display:none}
.detail-action-icon{display:block;width:22px;height:22px;object-fit:contain}
.sticky-buy>a:not(.solid):not(.ghost){gap:3px}

.sticky-buy,.sticky-submit{margin-top:20px}
.detail-gallery{padding-bottom:18px}
.amount-card{margin-bottom:18px}
.phone-page.has-tab{padding-bottom:88px}
.menu-list{margin-bottom:10px}

.two-col{grid-template-columns:1.1fr 1.18fr;gap:8px;margin:0 10px}
.point-log{grid-template-columns:22px 1fr auto;gap:5px;font-size:12px}
.point-log small{font-size:10px;line-height:1.2}

/* Experience polish: hide visual scrollbars, prevent lateral drift, add softer taps */
html,body{width:100%;max-width:100%;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.phone-page::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none;width:0;height:0}
body{overscroll-behavior-x:none}
.phone-page{width:min(430px,100vw);max-width:100vw;overflow-x:hidden}
.phone-page *{max-width:100%}
.tabs{scrollbar-width:none;-ms-overflow-style:none}
.profile-head,.user-card,.points-overview,.menu-card,.menu-list,.notice,.bottom-nav{max-width:100%;overflow-x:hidden}
.profile-head{min-width:0}
.profile-head .logo{max-width:176px}
.profile-tools{min-width:0}
.user-card>*{min-width:0}
.user-card h1,.user-card p,.menu-list b,.menu-list span{overflow:hidden;text-overflow:ellipsis}

.hero-image .hero-track{position:absolute;inset:0}
.hero-image .hero-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.015);transition:opacity .55s ease,transform 3.6s ease}
.hero-image .hero-track img.active{opacity:1;transform:scale(1)}
.hero-dots{position:absolute;left:50%;bottom:10px;z-index:2;display:flex;gap:6px;transform:translateX(-50%)}
.hero-dots i{display:block;width:6px;height:6px;border-radius:999px;background:rgba(255,255,255,.72);box-shadow:0 1px 5px rgba(0,0,0,.16);transition:width .25s ease,background .25s ease}
.hero-dots i.active{width:18px;background:#08766c}

a,button,.solid,.ghost,.round-link,.rule-link,.segment button,.bottom-nav a,.menu-list a,.order-icons a{-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:transform .14s ease,filter .14s ease,background-color .14s ease,border-color .14s ease,color .14s ease}
.tap-active,a:active,button:active,.solid:active,.ghost:active,.round-link:active,.rule-link:active{transform:translateY(1px) scale(.985);filter:saturate(1.06) brightness(.98);box-shadow:none!important}
.solid.tap-active,.solid:active,.sticky-submit button:active{background:#066a61!important}
.ghost.tap-active,.ghost:active,.round-link:active{background:#eefaf7!important}
.bottom-nav a:active,.menu-list a:active,.order-icons a:active{background:rgba(8,118,108,.055);border-radius:8px}
a:focus,button:focus,input:focus{outline:none}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid rgba(8,118,108,.35);outline-offset:2px}
button{appearance:none;-webkit-appearance:none}

/* Sixth pass: WeChat owns the top chrome; the app keeps navigation at the bottom. */
.nav,.profile-head{display:none!important}
.phone-page{padding-bottom:96px}
.phone-page.has-sticky{padding-bottom:96px!important}
.bottom-nav{position:fixed;left:50%;bottom:0;z-index:30;width:min(430px,100vw);transform:translateX(-50%);background:rgba(255,255,255,.98);border-top:1px solid #e4ece9;padding:7px 0 calc(7px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px rgba(0,0,0,.06)}
.float-back{position:fixed;right:max(14px,calc((100vw - 430px)/2 + 14px));bottom:calc(80px + env(safe-area-inset-bottom));z-index:35;display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(8,118,108,.18);border-radius:50%;background:rgba(255,255,255,.94);color:#08766c;box-shadow:0 8px 22px rgba(0,0,0,.12)}
.float-back i{font-size:20px;line-height:1}
.account-locked{align-self:end;margin-top:34px;padding:7px 10px;border-radius:999px;background:#eef8f6;color:#08766c;font-size:12px;font-weight:700}
.empty-inline{padding:13px;border-radius:8px;background:#f6faf9;color:#697572;font-size:13px;line-height:1.5}
.form-error,.address-card.need-address small:first-of-type{color:#c43b2f;background:#fff4f2}
.checkout-page{padding-bottom:104px!important}
.checkout-page .sticky-submit{position:fixed!important;left:50%!important;right:auto!important;bottom:0!important;z-index:32;width:min(430px,100vw)!important;transform:translateX(-50%)!important;margin-top:0!important;background:rgba(255,255,255,.98)}
.checkout-page + .bottom-nav{display:none!important}
.checkout-page ~ .float-back{bottom:calc(88px + env(safe-area-inset-bottom))}
.detail-buy{position:fixed!important;left:50%!important;bottom:0!important;z-index:32;grid-template-columns:62px 62px 1fr!important;width:min(430px,100vw)!important;transform:translateX(-50%)!important;margin-top:0!important;background:rgba(255,255,255,.98)}
.detail-buy a:not(.solid){display:grid;place-items:center;color:#1d2c29;font-size:12px}
.detail-buy i.bi{font-size:22px;color:#08766c}
.detail-buy + .bottom-nav{display:none!important}
.detail-gallery{padding-bottom:92px}
main:has(.detail-buy){padding-bottom:0!important}

/* Multi-product home */
.home-multi{background:#fff;padding:0 0 96px!important}
.multi-home-head{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:18px 12px 12px;background:#fff}
.home-brand{display:flex;align-items:center;gap:8px;min-width:0;color:#075f58}
.home-brand img{width:38px;height:38px;object-fit:contain}
.home-brand strong{font-size:24px;line-height:1;white-space:nowrap;letter-spacing:1px}
.home-search,.home-profile{display:inline-flex;align-items:center;gap:5px;height:32px;padding:0 10px;border:1px solid #d7dfdc;border-radius:999px;background:#fff;font-size:14px;color:#17211f;white-space:nowrap}
.home-search i,.home-profile i{font-size:18px;color:#111}
.multi-hero{position:relative;margin:8px 0 10px;height:178px;overflow:hidden;border-radius:8px;background:linear-gradient(100deg,#f5faf8 0%,#f7fbfa 45%,#e8f1ee 100%)}
.multi-hero .hero-track{position:absolute;right:0;top:0;bottom:0;width:58%;z-index:1}
.multi-hero .hero-track img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transition:opacity .55s ease,transform 3.6s ease}
.multi-hero .hero-track img.active{opacity:1}
.multi-hero:after{content:"";position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.93) 42%,rgba(255,255,255,.05) 68%,rgba(255,255,255,0) 100%)}
.hero-copy{position:relative;z-index:3;width:58%;padding:27px 0 0 26px;color:#075f58}
.hero-copy h1{margin:0;font-size:28px;line-height:1.18;letter-spacing:1px}
.hero-copy p{margin:8px 0 14px;color:#132b28;font-size:15px}
.hero-badges{display:flex;gap:12px}
.hero-badges span{display:grid;place-items:center;gap:4px;color:#075f58;font-size:11px;text-align:center}
.hero-badges i{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(7,95,88,.45);border-radius:50%;background:rgba(255,255,255,.72);font-size:16px}
.multi-hero .hero-dots{bottom:10px}
.home-group-card,.featured-product,.all-products,.service-strip{margin:8px 9px 0;border:1px solid #e5ebe9;border-radius:8px;background:#fff}
.home-group-card{padding:10px}
.home-group-card .section-title{margin:0 0 8px}
.home-group-card .section-title b{display:flex;align-items:center;gap:8px;font-size:18px}
.home-group-card .section-title i{color:#08766c}
.home-group-card .section-title a{font-size:14px}
.single-group{display:grid;grid-template-columns:1fr auto;gap:10px;min-height:104px;padding:10px 14px;border:1px solid #e9efed;border-radius:8px;background:#fff;align-items:center}
.single-group h3{margin:0 0 4px;font-size:16px}
.single-group p{margin:0 0 8px;color:#596663;font-size:13px}
.single-group strong{color:#08766c;font-size:15px}
.single-group .leader-avatar{float:left;width:44px;height:44px;margin-right:10px;border-radius:50%;object-fit:cover}
.group-avatars{grid-column:1;display:flex;align-items:center;gap:8px;margin-left:54px}
.group-avatars img,.group-avatars i{display:block;width:26px;height:26px;border-radius:50%;border:1px solid #ccd5d2;object-fit:cover;background:#fff}
.group-avatars i{border:1.5px dashed #aeb9b6}
.single-group>span{grid-column:2;grid-row:1/3;display:grid;place-items:center;width:92px;height:34px;border-radius:999px;background:#08766c;color:#fff;font-weight:800}
.single-group.promo{grid-template-columns:1fr auto;background:linear-gradient(135deg,#f2fbfa,#fff)}
.featured-product{display:grid;grid-template-columns:34% 1fr;overflow:hidden}
.featured-product>a{display:block;background:#f6faf9;border-right:1px solid #edf1ef}
.featured-product>a{min-height:142px}
.featured-product img{width:100%;height:100%;min-height:142px;object-fit:cover}
.featured-product>div{padding:12px}
.featured-product h2{margin:0 0 8px;font-size:19px;line-height:1.28}
.featured-product p{margin:0 0 8px;color:#596663}
.tag-row{display:flex;flex-wrap:wrap;gap:6px}
.tag-row span{padding:3px 8px;border-radius:6px;background:#e5f4f1;color:#08766c;font-size:12px}
.feature-buy{display:grid;grid-template-columns:1fr 112px;gap:10px;align-items:end;margin-top:10px}
.feature-buy p{margin:0}
.feature-buy em{display:inline-block;margin-right:8px;padding:2px 6px;border-radius:5px;background:#fff1e8;color:#d45122;font-style:normal;font-size:13px}
.feature-buy b{color:#e0451d;font-size:30px;font-weight:500}
.feature-buy del{display:block;margin-top:3px;color:#7f8885}
.feature-buy nav{display:grid;gap:7px}
.feature-buy .solid,.feature-buy .ghost{min-height:42px;border-radius:7px;font-size:17px}
.feature-buy small{display:block;font-size:12px;font-weight:500}
.all-products{padding:10px}
.all-products .section-title{margin:0 0 8px}
.all-products .section-title b{font-size:18px}
.product-row{display:grid;grid-template-columns:72px 1fr auto 72px;gap:10px;align-items:center;min-height:72px;padding:9px 6px;border:1px solid #e9efed;border-radius:8px;margin-bottom:8px}
.product-row:last-child{margin-bottom:0}
.product-row img{width:72px;height:54px;object-fit:cover;border-radius:5px;background:#f7faf9}
.product-row h3{margin:0 0 4px;font-size:17px}
.product-row p{margin:0 0 5px;color:#596663;font-size:13px}
.product-row strong{color:#e0451d;font-size:24px;font-weight:500;white-space:nowrap}
.product-row em{display:grid;place-items:center;height:38px;border-radius:8px;background:#08766c;color:#fff;font-style:normal;font-size:18px;font-weight:800}
.service-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:10px 4px;margin-bottom:10px}
.service-strip div{display:grid;grid-template-columns:1fr;gap:2px;place-items:center;text-align:center;padding:4px 3px;border-right:1px solid #edf1ef;min-width:0}
.service-strip div:last-child{border-right:0}
.service-strip i{color:#08766c;font-size:22px}
.service-strip b{font-size:12px;white-space:nowrap}
.service-strip span{font-size:10px;color:#596663;white-space:nowrap;max-width:100%;overflow:hidden;text-overflow:ellipsis}
@media (max-width:380px){
  .multi-home-head{grid-template-columns:1fr auto;gap:8px}
  .home-brand img{width:34px;height:34px}
  .home-brand strong{font-size:21px}
  .home-profile span{display:none}
  .hero-copy{padding-left:18px;width:62%}
  .hero-copy h1{font-size:24px}
  .hero-badges{gap:7px}
  .feature-buy{grid-template-columns:1fr}
  .product-row{grid-template-columns:64px 1fr auto;gap:8px}
  .product-row em{grid-column:3;width:58px}
  .product-row strong{font-size:21px}
  .service-strip{grid-template-columns:repeat(2,1fr)}
}