:root{color-scheme:light;--red:#19412d;--ink:#262626;--muted:#929292;--line:#ededed}*{box-sizing:border-box}body{margin:0;background:#fafafa;color:var(--ink);font:16px/1.5 'Segoe UI','Microsoft YaHei',sans-serif}button,input,textarea{font:inherit}button{cursor:pointer;border:0;background:none;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:4px}svg{width:23px;height:23px;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;fill:none}.sidebar{width:220px;position:fixed;inset:0 auto 0 0;background:#fff;border-right:1px solid var(--line);padding:35px 24px;display:flex;flex-direction:column}.logo{display:flex;gap:12px;align-items:center}.logo>span{display:grid;place-items:center;width:49px;height:49px;background:var(--red);border-radius:15px;color:white;font-size:36px}.logo strong{font-size:26px;letter-spacing:2px}.logo small{display:block;font-size:8px;letter-spacing:1.5px;color:#aaa;margin-top:3px}.sidebar>p{font-size:12px;color:#aaa;margin:35px 5px 20px}.nav-item{display:flex;align-items:center;gap:14px;border-radius:12px;padding:13px 16px;width:100%;text-align:left;color:#888;margin:5px 0;font-size:15px;position:relative}.nav-item.active{background:#edf3ef;color:var(--red)}.nav-item .badge{margin-left:auto}.side-note{margin-top:auto;color:#aaa;font-size:12px}.app{margin-left:220px;width:min(calc(100% - 220px),1200px);padding:28px 45px 60px}.topbar{display:grid;grid-template-columns:1fr 45px 310px;align-items:center;gap:18px;margin-bottom:30px}.topbar small{color:#999;font-size:12px}.topbar h1{font-size:27px;margin:2px 0 0;font-weight:650}.notification{border-radius:12px;background:#edf3ef;color:var(--red);height:42px;font-size:24px}.search{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #ececec;border-radius:12px;padding:12px 16px;color:var(--red)}.search>span{font-size:23px;line-height:1}.search input{width:100%;border:0;outline:0;background:transparent;font-size:14px;color:#333;min-width:0}.search input::placeholder{color:#aaa}.section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:25px 0 15px}.section-title h2{font-size:21px;margin:0;font-weight:600}.section-title button,.section-title>span{font-size:13px;color:var(--red)}.promo{height:255px;border-radius:19px;background:#19412d;position:relative;overflow:hidden;padding:28px 31px;color:white}.promo-copy{position:relative;z-index:2;width:55%}.pill{display:inline-block;border-radius:20px;background:#fff;color:#19412d;font-size:11px;padding:4px 11px}.promo h2{font-size:31px;line-height:1.35;margin:17px 0 8px}.promo p{color:#edf3ef;font-size:14px;margin:0 0 18px}.primary{background:var(--red);color:#fff;border-radius:25px;padding:11px 24px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:500}.promo .primary{background:#fff;color:var(--red);padding:9px 19px}.promo img{position:absolute;right:0;top:0;height:100%;width:45%;object-fit:cover;object-position:center 25%;mask-image:linear-gradient(90deg,transparent,#000 25%)}.promo small{position:absolute;bottom:16px;right:15px;font-size:10px;color:#fff9}.dots{display:flex;justify-content:center;gap:6px;margin:12px 0 23px}.dots i{width:7px;height:7px;background:#ddd;border-radius:50%}.dots i:first-child{background:var(--red)}.categories{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.category{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:13px;padding:0}.category>span{height:63px;width:63px;background:#f1f1f1;border-radius:50%;display:grid;place-items:center;color:var(--red)}.category svg{width:29px;height:29px}.category.selected>span{background:#edf3ef}.tabs{display:flex;gap:10px;overflow:auto;scrollbar-width:none;margin-bottom:19px}.tabs button{padding:6px 17px;border:1px solid #e7e7e7;border-radius:20px;font-size:13px;white-space:nowrap;background:#fff}.tabs button.active{background:var(--red);border-color:var(--red);color:white}.products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product{background:#fff;border:1px solid #eee;border-radius:14px;overflow:hidden;position:relative}.product-photo{width:100%;aspect-ratio:1.03;background:#f3f3f3;display:block;padding:0;overflow:hidden}.product-photo img{height:100%;width:100%;object-fit:cover;object-position:center 28%;transition:transform .2s}.product-photo:hover img{transform:scale(1.03)}.product-photo .placeholder{height:100%;display:grid;place-items:center;color:#edf3ef;background:#faf1f1}.placeholder svg{width:68px;height:68px;stroke-width:1}.heart{position:absolute;right:10px;top:10px;width:34px;height:34px;background:#fffffff0;border-radius:50%;display:grid;place-items:center;color:#999;border:1px solid #f0f0f0}.heart.liked{color:var(--red)}.heart.liked svg{fill:currentColor;stroke-width:0}.heart svg{width:19px;height:19px}.product-body{padding:13px 15px 15px}.product-body>button{font-size:15px;text-align:left;line-height:1.4;padding:0;font-weight:500}.product-body>small{display:block;font-size:11px;color:#aaa;margin-top:5px}.product-price{display:flex;align-items:center;justify-content:space-between;margin-top:10px;font-size:16px;font-weight:650}.product-price>button{width:29px;height:29px;background:var(--red);color:#fff;border-radius:50%;font-size:21px;font-weight:400}.bottom-nav{display:none}.badge{font-size:10px;line-height:17px;min-width:17px;padding:0 4px;border-radius:10px;background:var(--red);color:white;text-align:center}.empty{text-align:center;padding:60px 15px;color:#999;font-size:15px}.empty>svg{width:48px;height:48px;color:#edf3ef;margin-bottom:15px}.empty p{margin:0 0 20px}.page-title{font-size:26px;font-weight:650;margin:0 0 5px}.page-subtitle{color:#aaa;font-size:13px;margin:0 0 25px}.cart-row{display:flex;align-items:center;gap:17px;padding:19px;background:#fff;border:1px solid #eee;border-radius:14px;margin-bottom:14px}.cart-row img,.cart-row .small-placeholder{width:88px;height:96px;object-fit:cover;object-position:center 25%;border-radius:10px;background:#faf0f0;flex-shrink:0}.small-placeholder{display:grid;place-items:center;color:#aec5b6}.cart-info{flex:1;min-width:0}.cart-info h3{font-size:16px;font-weight:500;margin:0 0 6px}.cart-info small{font-size:12px;color:#999}.cart-info strong{display:block;margin-top:10px;color:#19412d;font-size:17px}.qty{display:flex;align-items:center;gap:13px;border:1px solid #eee;border-radius:7px;padding:4px 8px;font-size:14px}.qty button{font-size:18px;width:20px}.remove{color:#aaa;font-size:12px;margin-top:12px}.cart-summary{display:flex;justify-content:space-between;align-items:center;padding:22px;border-radius:16px;background:white;border:1px solid #eee;margin-top:24px}.cart-summary small{color:#999;font-size:12px}.cart-summary strong{display:block;font-size:25px}.chat-list{display:flex;flex-direction:column;gap:13px}.chat-entry{display:flex;gap:14px;align-items:center;text-align:left;padding:20px;background:white;border:1px solid #eee;border-radius:14px}.avatar{width:48px;height:48px;flex-shrink:0;display:grid;place-items:center;border-radius:50%;background:#edf3ef;color:#19412d;font-weight:600;font-size:20px}.chat-entry strong{font-size:16px;font-weight:500}.chat-entry p{font-size:13px;color:#aaa;margin:5px 0 0}.chat-entry small{margin-left:auto;color:#aaa;font-size:11px}.chat-window{background:#fff;border:1px solid #eee;border-radius:18px;overflow:hidden}.chat-head{display:flex;align-items:center;gap:15px;padding:19px;border-bottom:1px solid #eee}.chat-head>button{font-size:24px;color:#888}.chat-head strong{font-size:17px}.chat-head small{display:block;font-size:11px;color:#aaa}.messages{height:400px;overflow:auto;padding:24px;background:#f8f8f8}.chat-notice{font-size:12px;color:#aaa;text-align:center;margin:0 0 25px}.bubble{max-width:80%;padding:12px 17px;background:#fff;border:1px solid #eee;border-radius:14px;margin-bottom:16px;font-size:14px;width:fit-content;white-space:pre-wrap;overflow-wrap:anywhere}.bubble.mine{margin-left:auto;background:#19412d;color:#fff;border-color:#19412d}.chat-form{display:flex;gap:12px;padding:15px;border-top:1px solid #eee}.chat-form input{background:#f5f5f5;border:0;border-radius:23px;padding:11px 16px;flex:1;min-width:0;font-size:14px}.chat-form .primary{padding:10px 22px}.profile-cover{padding:35px 32px;background:#19412d;color:#fff;border-radius:20px}.profile-cover .avatar{width:65px;height:65px;background:#fff3;color:#fff;font-size:25px;border:1px solid #fff4}.profile-cover h2{font-size:27px;margin:15px 0 3px}.profile-cover p{margin:0;color:#edf3ef;font-size:13px}.profile-stats{display:flex;gap:48px;margin-top:25px}.profile-stats strong{display:block;font-size:24px}.profile-stats span{font-size:12px;color:#edf3ef}.settings{margin-top:23px;background:#fff;border:1px solid #eee;border-radius:15px;overflow:hidden}.settings>button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:19px 22px;border-bottom:1px solid #eee;font-size:15px;text-align:left}.settings>button:last-child{border:0}.settings>button>span{color:#bbb;font-size:20px}.settings input{width:100%;padding:12px;border:1px solid #ddd;border-radius:9px;margin:10px 0 16px}.profile-form{padding:23px}.profile-form label{font-size:13px;color:#999}.local-label{font-size:12px;color:#aaa;text-align:center;margin:30px 0 0}.detail-dialog{padding:0;border:0;border-radius:23px;background:#fafafa;color:#222;width:min(900px,95vw);max-height:94dvh;max-width:none;box-shadow:0 15px 70px #0003}.detail-dialog::backdrop,.message-dialog::backdrop{background:#0005;backdrop-filter:blur(7px)}.detail-top{display:flex;align-items:center;justify-content:space-between;padding:19px 25px}.detail-top h2{font-size:16px;font-weight:500;margin:0}.circle{border-radius:50%;border:1px solid #e6e6e6;background:#fff;width:38px;height:38px;display:grid;place-items:center;color:#777}.detail-top .heart{position:static}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;padding:0 26px 26px}.detail-gallery{background:#f3f3f3;border-radius:16px;overflow:hidden}.detail-gallery>img{width:100%;height:430px;object-fit:cover;object-position:center 20%}.detail-gallery>.placeholder{height:430px;display:grid;place-items:center;background:#faf0f0;color:#edf3ef}.detail-gallery>.placeholder svg{width:110px;height:110px;stroke-width:1}.thumbnails{display:flex;justify-content:center;gap:7px;margin:12px}.thumbnails img{width:45px;height:48px;object-fit:cover;border-radius:6px;border:1px solid #edf3ef}.detail-copy{padding:8px 0;display:flex;flex-direction:column}.detail-type{font-size:13px;color:#aaa}.detail-name{font-size:25px;margin:7px 0 15px}.seller-label{font-size:13px;color:#555;margin-bottom:9px}.seller{display:flex;align-items:center;gap:12px;border-bottom:1px solid #e8e8e8;padding-bottom:17px;margin-bottom:18px}.seller .avatar{width:40px;height:40px;font-size:16px}.seller strong{font-size:14px}.seller small{display:block;font-size:11px;color:#aaa}.seller>button{margin-left:auto;color:var(--red);background:#edf3ef;display:grid;place-items:center;width:37px;height:37px;border-radius:50%}.detail-copy h3{font-size:16px;margin:0 0 7px;font-weight:500}.description{font-size:14px;color:#999;margin:0 0 18px;line-height:1.7}.sizes{display:flex;gap:9px;margin:4px 0 24px}.sizes button{width:42px;height:36px;border:1px solid #e5e5e5;border-radius:8px;font-size:13px;background:white}.sizes .selected{border-color:#19412d;color:#19412d;background:#edf3ef}.detail-purchase{margin-top:auto;border-top:1px solid #eee;padding-top:19px;display:flex;justify-content:space-between;align-items:center;gap:15px}.detail-purchase small{display:block;color:#999;font-size:12px}.detail-purchase strong{font-size:23px}.detail-purchase .primary{padding:13px 27px}.message-dialog{border:1px solid #eee;border-radius:21px;padding:30px;width:min(420px,90vw);color:#333}.message-dialog h2{font-size:22px;margin:0 0 12px}.message-dialog p{font-size:14px;color:#888;line-height:1.8;margin-bottom:23px}#toast{position:fixed;z-index:100;left:50%;bottom:90px;transform:translateX(-50%);border:1px solid #edf3ef;background:#fff;color:#19412d;border-radius:12px;padding:11px 20px;box-shadow:0 8px 25px #0001;font-size:14px;white-space:nowrap}[hidden]{display:none!important}@media(max-width:1050px){.app{padding:25px 28px}.topbar{grid-template-columns:1fr 40px 240px}.products{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{width:190px;padding:30px 18px}.app{margin-left:190px;width:calc(100% - 190px)}.promo h2{font-size:28px}.detail-grid{gap:24px}}@media(max-width:620px){body{background:#fff}.sidebar{display:none}.app{margin:0;width:100%;padding:0 22px 100px}.topbar{background:#19412d;color:#fff;margin:0 -22px 24px;padding:24px 23px 25px;grid-template-columns:1fr 40px;gap:19px 12px;border-radius:0 0 22px 22px}.topbar small{color:#edf3ef;font-size:11px}.topbar h1{font-size:24px;margin-top:4px}.notification{background:#ffffff22;color:white;grid-column:2;grid-row:1}.search{grid-row:2;grid-column:1/3;border:0;background:#fff;border-radius:10px;padding:11px 14px}.search input{font-size:14px}.section-title{margin:22px 0 13px}.section-title h2{font-size:19px}.section-title button,.section-title>span{font-size:11px}.promo{height:203px;border-radius:16px;padding:19px}.promo-copy{width:61%}.promo h2{font-size:24px;line-height:1.35;margin:12px 0 8px}.promo p{font-size:12px;margin-bottom:14px}.pill{font-size:10px;padding:3px 9px}.promo .primary{font-size:11px;padding:8px 14px}.promo img{width:43%}.promo small{font-size:9px;right:8px;bottom:10px}.categories{gap:10px}.category{font-size:11px;gap:8px}.category>span{height:55px;width:55px}.category svg{width:26px;height:26px}.dots{margin:11px 0 19px}.tabs{gap:8px;margin-bottom:16px}.tabs button{padding:5px 14px;font-size:12px}.products{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.product-body{padding:10px 11px 12px}.product-body>button{font-size:13px}.product-body>small{font-size:10px}.product-price{font-size:15px;margin-top:8px}.product-price>button{width:26px;height:26px;font-size:19px}.heart{width:29px;height:29px;right:7px;top:7px}.heart svg{width:17px;height:17px}.bottom-nav{position:fixed;display:flex;align-items:center;justify-content:space-around;inset:auto 0 0;height:76px;padding:8px 4px max(10px,env(safe-area-inset-bottom));border-top:1px solid #eee;border-radius:19px 19px 0 0;background:#fffffff7;backdrop-filter:blur(15px);box-shadow:0 -5px 20px #00000005;z-index:20}.bottom-nav .nav-item{display:flex;flex-direction:column;gap:4px;font-size:10px;padding:3px 0;margin:0;width:20%;border-radius:0;text-align:center;color:#aaa}.bottom-nav .nav-item.active{background:none;color:#19412d}.bottom-nav svg{width:21px;height:21px}.bottom-nav .badge{position:absolute;top:-2px;right:15%;font-size:9px;line-height:15px;min-width:15px}.page-title{font-size:24px}.page-subtitle{font-size:12px;margin-bottom:20px}.cart-row{padding:13px;gap:11px}.cart-row img,.cart-row .small-placeholder{width:69px;height:84px}.cart-info h3{font-size:13px}.cart-info small{font-size:10px}.cart-info strong{font-size:15px}.qty{gap:8px;padding:2px 5px;font-size:12px}.qty button{font-size:15px;width:16px}.remove{font-size:10px}.cart-summary{padding:17px;margin-top:20px}.cart-summary strong{font-size:22px}.cart-summary .primary{padding:10px 20px;font-size:13px}.chat-entry{padding:17px;gap:12px}.chat-entry p{font-size:11px}.chat-entry strong{font-size:14px}.chat-entry small{font-size:10px}.chat-window{margin:0 -6px}.messages{height:calc(100dvh - 375px);min-height:240px;padding:20px 15px}.chat-head{padding:15px}.chat-head strong{font-size:15px}.chat-head small{font-size:10px}.chat-form{gap:8px;padding:12px}.chat-form .primary{padding:10px 17px;font-size:13px}.chat-form input{font-size:13px}.profile-cover{padding:28px 24px;border-radius:18px}.profile-cover h2{font-size:25px}.profile-stats{gap:35px}.settings>button{padding:17px 19px;font-size:14px}.detail-dialog{width:100%;height:100dvh;max-height:none;margin:0;border-radius:0;background:#fafafa}.detail-top{padding:20px 24px}.detail-top h2{font-size:15px}.detail-grid{display:flex;flex-direction:column;gap:22px;padding:0 25px 108px}.detail-gallery{border-radius:16px}.detail-gallery>img{height:320px;object-position:center 25%}.detail-gallery>.placeholder{height:320px}.thumbnails{margin:9px;gap:6px}.thumbnails img{width:39px;height:43px}.detail-copy{padding:0}.detail-name{font-size:22px;margin-bottom:20px}.description{font-size:13px}.detail-purchase{position:fixed;inset:auto 0 0;background:#fff;border-top:1px solid #eee;border-radius:20px 20px 0 0;padding:17px 25px 25px;z-index:3;box-shadow:0 -6px 20px #00000004}.detail-purchase .primary{padding:12px 28px;font-size:14px}.detail-purchase strong{font-size:20px}.sizes{margin-bottom:15px}.local-label{margin-top:25px;font-size:11px}#toast{font-size:13px;max-width:94vw}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.bottom-nav{display:flex;position:fixed;inset:auto 0 0 220px;height:76px;align-items:center;justify-content:space-around;padding:8px 15px;background:#fffffff5;backdrop-filter:blur(15px);border-top:1px solid #eee;border-radius:20px 20px 0 0;box-shadow:0 -5px 20px #00000005;z-index:20}.bottom-nav .nav-item{flex-direction:column;align-items:center;gap:4px;width:20%;margin:0;padding:2px 0;text-align:center;background:none;font-size:12px}.bottom-nav .nav-item.active{background:none;color:#19412d}.bottom-nav .badge{position:absolute;top:-2px;left:calc(50% + 6px)}.app{padding-bottom:105px}@media(max-width:1050px){.bottom-nav{left:190px}}@media(max-width:620px){.bottom-nav{left:0;padding:8px 4px max(10px,env(safe-area-inset-bottom))}.bottom-nav .nav-item{font-size:10px}.bottom-nav .badge{left:auto;right:15%}.app{padding-bottom:100px}}

.app{margin-left:auto;margin-right:auto;width:min(100%,1200px)}.bottom-nav{left:0}@media(max-width:1050px){.app{margin-left:auto;margin-right:auto;width:100%}.bottom-nav{left:0}}@media(max-width:620px){.app{margin:0;width:100%}}
.mall-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 0 14px;border-bottom:1px solid #eee;margin-bottom:22px}.mall-toolbar>span{font-size:20px;font-weight:600}.mall-toolbar>button{display:flex;align-items:center;gap:9px;border:1px solid #edf3ef;background:#edf3ef;color:#19412d;padding:9px 14px;border-radius:11px;font-size:13px}.mall-toolbar b{font-size:11px;background:#19412d;color:white;border-radius:10px;padding:0 6px;font-weight:500}.mall-back{color:#19412d;font-size:14px;padding:0;margin-bottom:20px}.feed-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:23px}.feed-heading h2{font-size:25px;margin:0}.feed-heading .primary{font-size:13px;padding:10px 18px}.home-feed{max-width:850px;margin:0 auto}.feed-empty{background:white;border:1px solid #eee;border-radius:18px;text-align:center;padding:70px 20px}.feed-empty h3{font-size:21px;font-weight:500;margin:0 0 9px}.feed-empty p{font-size:14px;color:#999;margin:0 0 20px}.feed-empty button{color:#19412d;font-size:14px}.home-post{width:100%;display:flex;gap:14px;padding:23px;border:1px solid #eee;border-radius:16px;background:white;text-align:left;margin-bottom:17px}.home-post-body{min-width:0;flex:1}.home-post-body strong{font-size:16px;font-weight:500}.home-post-body small{float:right;font-size:11px;color:#aaa}.home-post-body p{font-size:15px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0 0;color:#666}.home-post-body>img{max-width:100%;max-height:400px;object-fit:contain;margin-top:15px;border-radius:12px}.topbar:has(.search[hidden]){grid-template-columns:1fr 45px}@media(max-width:620px){.topbar:has(.search[hidden]){grid-template-columns:1fr 40px;gap:12px;padding-bottom:22px}.mall-toolbar>span{font-size:18px}.mall-toolbar>button{font-size:12px;padding:8px 11px}.mall-toolbar{margin-bottom:18px}.feed-heading h2{font-size:22px}.feed-heading .primary{font-size:12px;padding:9px 15px}.feed-empty{padding:55px 20px}.feed-empty h3{font-size:18px}.home-post{padding:18px;gap:11px}.home-post-body strong{font-size:14px}.home-post-body p{font-size:14px}.home-post-body small{font-size:10px}}

.bottom-nav .nav-item{justify-content:center;min-height:42px;gap:0}.bottom-nav .nav-item>svg{width:24px;height:24px}.bottom-nav{height:68px}@media(max-width:620px){.bottom-nav{height:68px}.bottom-nav .nav-item>svg{width:23px;height:23px}}