*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Noto Sans TC','Microsoft JhengHei',sans-serif;background:#f5f5f5;color:#222}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button{cursor:pointer}.app-shell{max-width:480px;min-height:100vh;margin:0 auto;padding:0 0 92px;background:#f5f5f5;position:relative}.mobile-header{padding:10px 14px 8px;background:#f5f5f5;position:sticky;top:0;z-index:8}.sticky-white{background:#fff;border-bottom:1px solid #efefef}.mobile-header.center{text-align:center}.mobile-header h2{margin:8px 0 4px;font-size:20px}.top-link-delete{position:absolute;right:16px;top:18px;color:#ff6a3c;font-weight:700}.brand-row{padding-bottom:6px}.top-logo{height:34px;width:auto;max-width:220px}.search-row{display:flex;align-items:center;gap:10px}.top-gap{margin-top:2px}.service-dot{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#ff6a3c;border:2px solid #ffd0c0;background:#fff;font-weight:700}.search-box{display:flex;align-items:center;gap:8px;flex:1;border:2px solid #ff6a3c;border-radius:30px;background:#fff;padding:5px 6px 5px 14px;min-width:0}.search-box input{flex:1;border:0;outline:0;background:transparent;font-size:16px;color:#333;min-width:0}.search-box button{border:0;background:linear-gradient(180deg,#ff7044,#ff5a2f);color:#fff;padding:10px 18px;border-radius:24px;font-weight:700;box-shadow:0 4px 10px rgba(255,90,47,.25)}.lang-pill{white-space:nowrap;font-size:15px;font-weight:700;color:#333}.benefit-row{display:flex;justify-content:space-around;gap:10px;padding:8px 14px 12px;color:#d8ab82;font-weight:700;font-size:14px}.slide-wrap{padding:0 14px 8px}.slide-track{display:flex;gap:10px;overflow:auto;scroll-snap-type:x mandatory;padding-bottom:8px}.slide-track::-webkit-scrollbar{display:none}.slide-card{position:relative;min-width:100%;scroll-snap-align:start;border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.08)}.slide-card img{width:100%;height:240px;object-fit:cover}.slide-overlay{position:absolute;left:16px;bottom:16px;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35)}.slide-overlay strong{display:block;font-size:28px;line-height:1.15;font-weight:900}.slide-overlay span{display:block;font-size:14px;margin-top:6px}.slide-dots{display:flex;justify-content:center;gap:8px;padding-bottom:10px}.slide-dots span{width:10px;height:10px;border-radius:999px;background:#dedede}.slide-dots span.active{width:28px;background:#ff6238}.hero-banner{margin:0 14px 14px;border-radius:24px;overflow:hidden;padding:18px;color:#fff;min-height:210px;position:relative;box-shadow:0 8px 24px rgba(0,0,0,.08)}.hero-fallback{background:linear-gradient(135deg,#1c1b1f 0%,#4e2f1d 52%,#ff7b40 100%)}.hero-fallback:after{content:'';position:absolute;right:-30px;bottom:-20px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.08)}.hero-badge{display:inline-block;background:#ff4830;padding:8px 14px;border-radius:999px;font-weight:800;margin-bottom:12px}.hero-title{font-size:34px;line-height:1.1;font-weight:900;max-width:260px}.hero-subtitle{font-size:22px;font-weight:800;margin:10px 0 0}.hero-price{font-size:44px;font-weight:900;color:#ffcf84;margin:10px 0 6px}.hero-desc{max-width:250px;color:rgba(255,255,255,.82);line-height:1.5}.quick-grid{display:grid;gap:14px;padding:4px 14px 16px}.quick-grid.eight{grid-template-columns:repeat(4,1fr)}.quick-item{text-align:center}.quick-icon{width:66px;height:66px;margin:0 auto 8px;border-radius:22px;display:grid;place-items:center;font-size:22px;font-weight:900;color:#fff;background:linear-gradient(180deg,#ff8f45,#ff5d2f);box-shadow:0 6px 16px rgba(255,93,47,.25);overflow:hidden}.quick-icon.image-icon{background:#fff;color:#ff5a2f;box-shadow:none}.quick-icon img{width:100%;height:100%;object-fit:cover}.quick-icon span{color:#ff5a2f;font-size:20px}.quick-label{font-size:14px;line-height:1.35;color:#333}.dual-banner-wrap{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:0 14px 8px}.dual-banner{border-radius:22px;padding:18px;min-height:210px;display:flex;flex-direction:column;justify-content:space-between;background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.06)}.dual-banner strong{font-size:24px;line-height:1.2;display:block;margin-bottom:8px}.dual-banner p{margin:0;color:#444;line-height:1.5}.dual-banner span{display:inline-block;align-self:flex-start;background:#fff;border-radius:999px;padding:8px 14px;font-weight:800;box-shadow:0 6px 12px rgba(0,0,0,.06)}.soft-blue{background:linear-gradient(180deg,#dcecff,#f7fbff)}.soft-orange{background:linear-gradient(180deg,#ffe4d2,#fff7f1)}.section-title{padding:18px 14px 12px;font-size:24px;font-weight:900}.section-title span{padding-left:10px;border-left:6px solid #ff5a2f}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:0 14px 16px}.product-card{border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}.product-thumb{aspect-ratio:1/1;background:#efefef;display:grid;place-items:center}.product-thumb img{width:100%;height:100%;object-fit:cover}.placeholder{font-size:12px;color:#999}.product-name{padding:10px 12px 6px;line-height:1.4;font-weight:700;min-height:50px}.product-price{padding:0 12px 12px;color:#ff5a2f;font-weight:900;font-size:22px}.bottom-nav{position:fixed;left:0;right:0;bottom:0;max-width:480px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-top:1px solid #ececec;z-index:12}.bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:9px 0 12px;color:#888;font-size:13px;font-weight:700;gap:2px}.bottom-nav a i{font-style:normal;font-size:22px;line-height:1}.bottom-nav a.active{color:#ff5a2f}.category-layout{display:flex;min-height:calc(100vh - 148px)}.category-sidebar{width:102px;background:#f3f3f3;padding:8px 0;overflow:auto}.category-sidebar a{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;font-size:14px;border-left:4px solid transparent;color:#555;line-height:1.25;text-align:center}.category-sidebar a.active{background:#fff;border-left-color:#ff5a2f;color:#ff5a2f;font-weight:800}.side-ico{width:36px;height:36px;display:grid;place-items:center;color:#999;overflow:hidden}.side-ico img{width:100%;height:100%;object-fit:contain}.category-main{flex:1;padding:0 12px 16px;overflow:hidden}.category-section-block{margin-top:12px;background:#fff;border-radius:20px;padding:14px}.cat-banner{border-radius:16px;overflow:hidden;margin-bottom:14px;background:#f0f0f0}.cat-banner img{width:100%;height:140px;object-fit:cover}.section-heading{font-size:22px;font-weight:900;margin-bottom:10px}.category-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.mini-card{border-radius:16px;overflow:hidden;padding:10px;text-align:center;min-height:142px;background:#fff}.mini-card-thumb{aspect-ratio:1/1;background:#f0f0f0;border-radius:12px;overflow:hidden;margin-bottom:8px}.mini-card-thumb img{width:100%;height:100%;object-fit:cover}.mini-card-title{font-size:14px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.empty-box,.empty-state{padding:22px;border-radius:16px;background:#fff;text-align:center;color:#666}.product-detail{padding:14px 14px 120px}.detail-gallery,.detail-body{border-radius:24px}.detail-image.large{aspect-ratio:1/1;background:#f0f0f0;overflow:hidden;border-radius:24px}.detail-image.large img{width:100%;height:100%;object-fit:cover}.detail-body{margin-top:12px;padding:18px;background:#fff}.price-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.product-price.big{padding:0;margin:0;font-size:34px}.stock-pill{padding:7px 12px;background:#fff3eb;color:#ff6a3c;border-radius:999px;font-weight:800;font-size:13px}.detail-body h2{font-size:24px;line-height:1.35;margin:8px 0 8px}.muted{color:#7d7d7d;line-height:1.55}.label{font-size:16px;font-weight:900;margin:14px 0 10px}.sku-wrap{margin-top:8px}.sku-list{display:flex;flex-wrap:wrap;gap:10px}.sku-pill{padding:10px 14px;border-radius:14px;border:1px solid #ffd3c5;background:#fff7f4;color:#ff5a2f;font-weight:700;font-size:14px}.list-block{display:grid;gap:10px}.sku-option-row{display:flex;align-items:center;justify-content:space-between;background:#fafafa;border-radius:14px;padding:14px 16px;color:#333}.sku-option-row input{margin-right:10px}.sku-option-row em{font-style:normal;color:#999;font-weight:700}.detail-buy-bar{position:fixed;left:0;right:0;bottom:68px;max-width:480px;margin:0 auto;background:#fff;border-top:1px solid #ececec;padding:12px 14px;display:grid;grid-template-columns:1fr 74px 1.15fr;gap:10px;z-index:11}.detail-buy-bar select,.detail-buy-bar input,.auth-form input,.admin-form input,.admin-form select,.admin-form textarea{width:100%;padding:12px 13px;border:1px solid #ddd;border-radius:14px;outline:0;background:#fff}.detail-buy-bar button,.auth-form button,.checkout-btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:14px;background:linear-gradient(180deg,#ff8d1b,#ff5a2f);color:#fff;font-weight:900;padding:14px 16px}.cart-page{padding:12px 14px 140px}.warehouse-card{border-radius:20px;padding:14px;display:flex;gap:12px;align-items:flex-start;margin-bottom:12px;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}.warehouse-icon{font-size:24px}.warehouse-title{font-weight:900;font-size:18px;margin-bottom:4px}.warehouse-desc{color:#666;line-height:1.45}.cart-card{display:flex;gap:12px;padding:14px;border-radius:20px;background:#fff;margin-bottom:12px;align-items:flex-start;box-shadow:0 4px 18px rgba(0,0,0,.04)}.cart-card.blocky{align-items:center}.check-form{align-self:center}.check-circle{width:28px;height:28px;border-radius:50%;border:2px solid #d1d1d1;background:#fff;position:relative;padding:0}.check-circle.checked{background:#ff5a2f;border-color:#ff5a2f}.check-circle.checked:after{content:'✓';color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%,-54%);font-size:16px;font-weight:800}.check-circle.small{width:22px;height:22px;display:inline-block;vertical-align:middle}.cart-thumb{width:96px;height:96px;background:#f0f0f0;border-radius:16px;overflow:hidden}.cart-thumb img{width:100%;height:100%;object-fit:cover}.cart-info{flex:1;min-width:0}.cart-name{font-size:16px;font-weight:800;line-height:1.45;display:block;margin-bottom:6px}.sku-text{font-size:13px;color:#777;line-height:1.4;margin-bottom:10px}.cart-row-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px}.qty-stepper{display:flex;align-items:center;border-radius:12px;overflow:hidden;background:#f4f4f4}.qty-stepper form{margin:0}.qty-stepper button{width:34px;height:34px;border:0;background:#f1f1f1;font-size:22px;line-height:1}.qty-stepper span{width:42px;text-align:center;font-weight:800}.cart-footer{position:fixed;left:0;right:0;max-width:480px;margin:0 auto;background:#fff;border-top:1px solid #ececec;display:flex;align-items:center;gap:10px;z-index:11}.cart-footer.enhanced{bottom:68px;padding:12px 14px}.all-check-form{margin-right:auto}.all-check-btn{display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:0;color:#333}.cart-total-box{font-size:16px}.my-top-card{display:flex;align-items:center;gap:12px;padding:18px 14px;background:#f5f5f5}.avatar{border-radius:50%;background:linear-gradient(180deg,#ececec,#dadada)}.avatar.big{width:52px;height:52px}.grow{flex:1}.uid{font-size:20px;font-weight:800}.my-tools{display:flex;gap:14px;font-size:22px}.notify-link{position:relative}.notify-dot{position:absolute;top:0;right:-2px;width:8px;height:8px;border-radius:50%;background:#ff4d4f}.card-white,.panel,.coupon-card,.simple-card{background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.04)}.my-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:0 14px;border-radius:18px;padding:12px 0}.stat-box{text-align:center;padding:8px;font-size:14px;color:#333}.stat-icon,.stat-amount{font-weight:900;font-size:22px;margin-bottom:6px}.stat-amount{font-size:18px}.order-panel{margin-top:14px}.panel{margin:14px;border-radius:22px;padding:16px}.panel-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:14px;border-bottom:1px solid #f0f0f0;font-weight:900}.order-status-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px 0 14px}.order-status-grid.icons a{text-align:center;color:#333}.order-status-grid.icons i{display:block;font-style:normal;font-size:28px;margin-bottom:8px}.telegram-bar{display:block;border-top:1px solid #f0f0f0;padding-top:14px;color:#555}.banner-box{margin:0 14px 14px;padding:22px;border-radius:22px;text-align:center;font-size:22px;font-weight:900}.banner-box.light{background:linear-gradient(180deg,#ddf0ff,#eff8ff);color:#ff5a2f}.banner-box small{display:block;font-size:14px;color:#111;margin-top:6px}.auth-page{padding:26px 16px 20px}.auth-brand{text-align:center;font-size:30px;font-weight:900;margin:10px 0 18px}.auth-form{display:grid;gap:12px;padding:18px;border-radius:22px;background:#fff}.social-note{text-align:center;color:#777;padding:14px 10px 0;line-height:1.5}.auth-links{text-align:center;padding-top:14px;color:#ff5a2f;font-weight:700}.sub-tab-row{display:flex;gap:8px;overflow:auto;background:#fff;padding:10px 14px;border-bottom:1px solid #ececec}.sub-tab-row a{padding:8px 14px;border-radius:999px;background:#f3f3f3;white-space:nowrap;font-weight:700;color:#666}.sub-tab-row a.active{background:#ffede6;color:#ff5a2f}.list-page{padding:14px 14px 100px}.simple-card{border-radius:18px;padding:16px;margin-bottom:12px}.simple-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.simple-head span{color:#ff5a2f;font-weight:800}.simple-line{line-height:1.55;color:#444}.wallet-amount{font-size:28px;color:#ff5a2f;font-weight:900}.coupon-card{border-radius:18px;padding:16px;display:flex;gap:14px;align-items:center;margin-bottom:12px}.coupon-value{width:92px;text-align:center;font-weight:900;font-size:26px;color:#ff5a2f;border-right:1px dashed #ffc2ae;padding-right:12px}.coupon-meta{font-size:14px;line-height:1.55;color:#444}.setting-item{display:block;background:#fff;border-radius:18px;padding:16px;margin-bottom:12px;font-weight:700}.danger-text{color:#ff5a2f}.toast{margin:12px 14px 0;padding:12px 14px;border-radius:14px;font-weight:700}.toast.success{background:#eaf9ec;color:#1f7a2a}.toast.error{background:#ffe8e8;color:#a83434}@media (max-width:380px){.quick-grid.eight{grid-template-columns:repeat(4,1fr);gap:10px}.quick-icon{width:58px;height:58px;border-radius:18px;font-size:18px}.quick-label{font-size:12px}.category-sidebar{width:88px}.category-tiles{grid-template-columns:repeat(2,1fr)}.dual-banner strong{font-size:20px}.detail-buy-bar{grid-template-columns:1fr 60px 1fr}.product-price.big{font-size:30px}.my-stats-grid{grid-template-columns:repeat(2,1fr)}}
/* ===== Desktop like ShopXO, mobile untouched ===== */
.desktop-only{display:none}
.mobile-only{display:block}
@media (min-width: 992px){
body{background:#f5f5f5}
.app-shell{
max-width: 100% !important;
width: 100% !important;
margin: 0 !important;
padding: 0 0 40px !important;
background:#f5f5f5 !important;
box-shadow:none !important;
}
.bottom-nav{display:none !important}
.mobile-only{display:none !important}
.desktop-only{display:block !important}
.desktop-topbar{background:#fafafa;border-bottom:1px solid #ebebeb;font-size:13px;color:#666}
.desktop-topbar-inner,
.desktop-header-inner,
.desktop-nav-inner,
.desktop-hero-inner,
.desktop-product-floor{
width:1200px;
max-width:1200px;
margin:0 auto;
}
.desktop-topbar-inner{
height:38px;display:flex;align-items:center;justify-content:space-between;
}
.desktop-topbar a{margin-left:14px;color:#555}
.desktop-header{background:#fff;padding:18px 0 14px}
.desktop-header-inner{display:flex;align-items:flex-start;gap:28px}
.desktop-logo img{width:180px;height:auto}
.desktop-search-wrap{flex:1;padding-top:18px}
.desktop-search{display:flex;height:42px}
.desktop-search input{
flex:1;border:2px solid #f03c00;border-right:0;padding:0 14px;outline:none;font-size:14px;background:#fff
}
.desktop-search button{
width:112px;border:0;background:#f03c00;color:#fff;font-size:16px;font-weight:700
}
.desktop-hotwords{padding-top:8px;font-size:13px;color:#999}
.desktop-hotwords a{margin-right:12px;color:#888}
.desktop-nav{background:#fff;border-bottom:2px solid #f03c00}
.desktop-nav-inner{display:flex;align-items:center;height:48px;gap:26px}
.desktop-nav-inner>a{font-size:18px;color:#333;position:relative}
.desktop-nav-inner>a.active{color:#f03c00;font-weight:700}
.desktop-nav-inner>a.active:after{
content:"";position:absolute;left:50%;transform:translateX(-50%);
bottom:-13px;border-left:8px solid transparent;border-right:8px solid transparent;border-top:0;border-bottom:8px solid #f03c00;
}
.desktop-nav-inner .all-cat{
width:170px;height:38px;display:flex;align-items:center;justify-content:center;
background:#f03c00;color:#fff;border-radius:3px;font-weight:700
}
.desktop-hero-wrap{background:#f7e6d2}
.desktop-hero-inner{display:grid;grid-template-columns:170px 1fr 240px;gap:0;align-items:stretch}
.desktop-side-menu{background:#f5e2c7;padding:8px 0}
.desktop-side-menu a{
height:44px;display:flex;align-items:center;gap:10px;padding:0 16px;color:#333;border-bottom:1px solid rgba(255,255,255,.08)
}
.desktop-side-menu .dicon{width:20px;text-align:center}
.desktop-side-menu .arrow{margin-left:auto;color:#666}
.desktop-main-banner{padding:0}
.desktop-banner-card{position:relative;height:440px;overflow:hidden;background:#eee}
.desktop-banner-card img{width:100%;height:100%;object-fit:cover}
.desktop-banner-overlay{
position:absolute;right:80px;top:110px;text-align:center;color:#2b1d17
}
.desktop-banner-overlay .brand-mark{font-size:82px;font-weight:900;line-height:1}
.desktop-banner-overlay .brand-sub{font-size:26px;margin-top:20px}
.desktop-banner-dots{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;gap:10px}
.desktop-banner-dots span{width:10px;height:10px;border-radius:50%;background:#c8c8c8}
.desktop-banner-dots span.active{background:#f03c00}
.desktop-user-panel{background:#fff;padding:20px 18px 14px;margin:20px 0 20px 20px;border-radius:8px;height:calc(100% - 40px)}
.desktop-user-panel .user-avatar{width:58px;height:58px;margin:0 auto 16px;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center;font-size:28px}
.desktop-user-panel .user-welcome{text-align:center;color:#555;margin-bottom:14px}
.desktop-user-panel .user-buttons{display:flex;gap:10px;margin-bottom:18px}
.desktop-user-panel .user-buttons a{flex:1;height:34px;display:flex;align-items:center;justify-content:center;border-radius:4px;color:#fff}
.desktop-user-panel .btn-login{background:#f03c00}
.desktop-user-panel .btn-register{background:#f5b51c}
.desktop-user-panel .news-title{padding-left:8px;border-left:3px solid #f03c00;font-weight:700;margin-bottom:10px}
.desktop-user-panel .news-list{margin:0;padding-left:18px;line-height:1.9}
.desktop-user-panel .news-list a{color:#444;font-size:14px}
.desktop-product-floor{padding:18px 0 28px}
.floor-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.floor-title{font-size:30px;font-weight:800;display:flex;align-items:center;gap:10px}
.floor-title span{width:5px;height:28px;background:#f03c00;display:inline-block}
.floor-title small{font-size:15px;color:#8b8b8b;font-weight:500}
.floor-more a{margin-left:16px;color:#444}
.desktop-floor-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.desktop-product-card{background:#fff;border:1px solid #ececec;display:block}
.desktop-product-card.feature{background:#f9fbff}
.desktop-product-thumb{height:280px;display:flex;align-items:center;justify-content:center;background:#fff}
.desktop-product-thumb img{max-width:100%;max-height:100%;object-fit:contain}
.desktop-product-name{padding:12px 14px 6px;line-height:1.5;color:#333;min-height:54px}
.desktop-product-price{padding:0 14px 16px;color:#f03c00;font-size:22px;font-weight:800}
}