/* Consumer visual refinement. No admin styles, business rules or saved block styles. */
html{background:#eef0f4}
body.commerce-app{--ink:#242831;--muted:#747b88;--cream:#f5f6f8;--border:#e9ebf0;background:#f5f6f8;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
.commerce-app #app{padding-top:14px}.commerce-app .container{padding:0 14px}
.commerce-app .page-title{font-family:inherit;font-size:21px;font-weight:650;line-height:1.45;margin:6px 0 8px;letter-spacing:-.3px}
.commerce-app .page-subtitle{font-size:12px;line-height:1.8;color:#7c8390;margin:0 0 20px}
.commerce-app.inner-page-active .repeated-page-title{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.commerce-app.inner-page-active .repeated-page-title+.page-subtitle{padding-top:3px;margin-bottom:18px}
.commerce-app .muted{color:#7a818d}.commerce-app .eyebrow{font-family:inherit;font-size:11px;line-height:1.5;font-weight:600;letter-spacing:.5px;color:#a36b35}
.commerce-app .section{margin:20px 0}.commerce-app .section h2{font-size:18px;line-height:1.5;letter-spacing:0}.commerce-app .section h3{font-size:15px;line-height:1.5;letter-spacing:0}
.commerce-app .list-card,.commerce-app .summary-card,.commerce-app .stat{border:1px solid #fff;border-radius:16px;padding:18px;box-shadow:0 3px 16px #25334b04}
.commerce-app .list-card{margin-bottom:12px}.commerce-app .list-card h2{font-size:18px;line-height:1.5;margin:10px 0 8px;letter-spacing:0}.commerce-app .list-card h3{font-size:15px;line-height:1.6;margin:0 0 5px}.commerce-app .list-card p{font-size:12px;line-height:1.8;margin:6px 0 12px;overflow-wrap:anywhere}
.commerce-app .spread{min-width:0;gap:12px;flex-wrap:wrap}.commerce-app .grow{min-width:0}
.commerce-app .button{font-size:13px;min-height:42px;padding:10px 20px;gap:8px;border-radius:24px;font-weight:600;letter-spacing:0;box-shadow:0 4px 10px #f2273c0d;touch-action:manipulation}
.commerce-app .button.small{min-height:34px;font-size:12px;padding:7px 15px}.commerce-app .button.secondary{border-color:#e3e6ed;color:#515867;background:#fff;box-shadow:none}.commerce-app .button.light{background:#fff0f2;box-shadow:none}.commerce-app .text-button{font-size:12px;line-height:1.6;min-height:32px}.commerce-app .button:disabled{box-shadow:none;cursor:not-allowed}
.commerce-app .price{font-variant-numeric:tabular-nums;letter-spacing:-.5px}.commerce-app .price small{margin-right:2px}.commerce-app .status{padding:4px 9px;font-weight:500;white-space:nowrap}
.commerce-app .filters{gap:8px;margin:14px 0 18px}.commerce-app .chip{font-size:12px;padding:8px 14px;line-height:1.5;border-color:#fff;box-shadow:0 1px 3px #25334b03}.commerce-app .chip.active{border-color:#ffd6dc;background:#fff0f2;font-weight:600}
.commerce-app .notice-box{border:1px solid #e9edf3;background:#eef1f6;color:#687182;border-radius:12px;padding:13px 15px;font-size:12px;line-height:1.8;overflow-wrap:anywhere}.commerce-app .notice-box.orange{border-color:#ffead2;background:#fff7ed;color:#a16e38}
.commerce-app .empty{border:1px solid #fff;box-shadow:0 3px 16px #25334b03;border-radius:16px;padding:44px 22px}.commerce-app .empty>svg{background:#f7f8fb;border-radius:20px;padding:12px;width:72px;height:72px;color:#a5adba}.commerce-app .empty h3{font-family:inherit;font-size:17px;font-weight:600;margin:18px 0 8px}.commerce-app .empty p{font-size:12px;line-height:1.9;max-width:280px;margin:0 auto 20px;color:#7e8591}
.commerce-app .loading{padding:48px 18px;font-size:13px;color:#7c8390;text-align:center}.commerce-app .loading:before{content:"";display:block;width:25px;height:25px;margin:0 auto 16px;border:2px solid #f9dce1;border-top-color:#f2273c;border-radius:50%;animation:consumer-spin .8s linear infinite}
@keyframes consumer-spin{to{transform:rotate(360deg)}}
.commerce-app .marketing-shortcuts{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin:16px -12px 18px;padding:0 12px 3px}.commerce-app .marketing-shortcuts .menu-item{flex:0 0 auto;display:flex;gap:7px;min-height:40px;padding:9px 12px;font-size:12px;white-space:nowrap}.commerce-app .marketing-shortcuts svg{width:18px;height:18px}.commerce-app .marketing-product{display:flex;align-items:flex-start;gap:14px;min-width:0}.commerce-app .marketing-product>img{width:86px;height:86px;border-radius:12px;object-fit:cover;flex-shrink:0}.commerce-app .marketing-product-copy{flex:1;min-width:0}.commerce-app .marketing-product-copy h3{font-size:15px;margin:0 0 5px}.commerce-app .marketing-product-copy p{font-size:12px;margin:5px 0}.commerce-app .marketing-product-copy .muted{font-size:11px}
.commerce-app .form-grid>.field:last-child:nth-child(odd){grid-column:1 / -1}
.commerce-app .field{margin-bottom:17px}.commerce-app .field>span{color:#596170;font-size:12px;font-weight:500;line-height:1.5;margin-bottom:8px}.commerce-app .field input,.commerce-app .field select,.commerce-app .field textarea{border-color:#e4e8ef;border-radius:10px;padding:12px;font-size:14px;min-height:44px;line-height:1.6}.commerce-app .field input:focus,.commerce-app .field textarea:focus,.commerce-app .field select:focus{outline:2px solid #f2273c24;border-color:#ef8a97}.commerce-app .form-error{font-size:12px;line-height:1.7}.commerce-app .form-grid{gap:0 14px}.commerce-app .address-option{border-radius:12px;padding:14px;line-height:1.8}
.commerce-app .modal{border-radius:20px;background:#fff;box-shadow:0 15px 60px #19253d24}.commerce-app .modal-header{padding:18px 20px 15px;gap:12px}.commerce-app .modal-header h2{font-family:inherit;font-size:17px;font-weight:650}.commerce-app .modal-body{padding:20px;line-height:1.7}.commerce-app .close-modal{width:32px;height:32px;background:#f5f6f9;color:#7b8390}.commerce-app .modal-backdrop{background:#16203366;backdrop-filter:blur(3px)}
.commerce-app .list-row{gap:12px;align-items:flex-start;padding:16px 0}.commerce-app .list-row img{width:76px;height:76px;border-radius:12px}.commerce-app .list-row h3{font-size:14px;font-weight:600}.commerce-app .list-row p{font-size:12px;line-height:1.6}.commerce-app .order-header{font-size:11px;padding-bottom:12px;margin-bottom:3px;line-height:1.8;overflow-wrap:anywhere}.commerce-app .order-footer{padding-top:14px;gap:8px}.commerce-app .order-footer .button{min-height:34px;font-size:12px}.commerce-app .quantity{border-radius:7px;height:30px}.commerce-app .quantity button{height:29px;width:28px}.commerce-app .quantity span{min-width:28px;font-size:12px}.commerce-app .summary-line{font-size:13px;padding:9px 0}.commerce-app .summary-line.total{padding-top:16px;margin-top:8px}
.commerce-app .stats-grid{gap:10px;margin:16px 0 20px}.commerce-app .stat{padding:16px 12px}.commerce-app .stat b{font-size:25px;font-weight:650;letter-spacing:-.6px;overflow-wrap:anywhere}.commerce-app .stat span{font-size:11px;line-height:1.6;color:#7e8591}.commerce-app .ledger-row{gap:12px;padding:14px 0}.commerce-app .ledger-row .amount{font-size:17px;white-space:nowrap}.commerce-app .ledger-row small{line-height:1.8}
.commerce-app .menu-grid{gap:10px}.commerce-app .menu-item{font-size:12px;min-height:52px;border:1px solid #fff;border-radius:13px;box-shadow:0 2px 10px #25334b03}.commerce-app .menu-item svg{flex-shrink:0;color:#ed5065;width:22px;height:22px}.commerce-app .menu-item.active{background:#fff0f2;border-color:#ffdde3;color:#dd2941}
.commerce-app .coupon-card{border-radius:16px;gap:14px;padding:18px;background:linear-gradient(120deg,#fff0f3,#fff 75%);border-color:#ffe0e6;align-items:center}.commerce-app .coupon-card .coupon-value{font-size:30px;min-width:56px;letter-spacing:-1px}.commerce-app .coupon-card h3{font-size:14px;line-height:1.6;margin:0 0 6px}.commerce-app .coupon-card p,.commerce-app .coupon-card small{font-size:11px;color:#87909c;line-height:1.8}.commerce-app .coupon-card .grow{min-width:0;flex:1}.commerce-app .coupon-card>.button{flex-shrink:0}.commerce-app .owned-coupon{gap:10px 12px}.commerce-app .owned-coupon>.status{align-self:center}.commerce-app .pagination{align-items:center;gap:12px;margin:24px 0}.commerce-app .pagination span{font-size:12px}
.commerce-app .article{background:#fff;border-radius:16px;margin:12px auto;padding:20px;line-height:1.9}.commerce-app .article h3{font-size:18px;margin:0 0 16px}.commerce-app .article p{font-size:13px;color:#687182}.commerce-app .chat-box{background:#f4f6fa;padding:13px;border-radius:14px}.commerce-app .chat-bubble{padding:12px 14px;font-size:13px;line-height:1.8;border-radius:12px}.commerce-app .chat-form input{border-radius:22px;padding:11px 15px;border-color:#e4e8ef}.commerce-app .site-footer{padding:18px 14px 14px;margin:8px 0}.commerce-app .site-footer a{font-size:11px;color:#8a919e}.commerce-app .site-footer p{font-size:10px;color:#a0a7b3}
.commerce-app .inner-page-header{height:52px;border-bottom-color:#eceff4;box-shadow:0 2px 10px #25334b03}.commerce-app .inner-page-header .inner-page-title{font-size:16px;font-weight:600}.commerce-app .inner-page-header button,.commerce-app .inner-page-header a{border-radius:12px}.commerce-app .mobile-nav{box-shadow:0 -4px 24px #26344d06;border-color:#edf0f4;padding-top:9px}.commerce-app .mobile-nav>a{font-size:11px;color:#858d99}.commerce-app .mobile-nav>a.active{color:#f2273c}.commerce-app .mobile-nav .active .commerce-nav-icon{background:#fff0f3;border-radius:10px;width:34px}
/* Personal centre: distinct semantic icons, consistent touch targets and calmer grouping. */
.commerce-app .account-cover{padding:0 18px 34px;background:radial-gradient(ellipse at 95% 0,#ffd9e1,transparent 65%),linear-gradient(135deg,#fff0f3,#fff8f9 65%,#f5f6f8);border-radius:0 0 28px 28px}
.commerce-app .account-toolbar{height:54px}.commerce-app .account-toolbar>span{font-size:19px;letter-spacing:.5px}.commerce-app .account-toolbar>div{gap:14px}.commerce-app .account-toolbar button{font-size:12px;min-height:40px;gap:5px;color:#6e6470}.commerce-app .account-profile{gap:14px;padding:12px 0 17px;min-height:104px}.commerce-app .account-avatar{width:64px;height:64px;border:3px solid #fff;box-shadow:0 4px 14px #dc687214;background:linear-gradient(140deg,#fff,#fff2f5);color:#e04a63}.commerce-app .account-avatar>svg{color:#d3a8b3}.commerce-app .account-user h1{font-size:20px;font-weight:650;line-height:1.45;margin-bottom:7px}.commerce-app .account-user p{font-size:12px;color:#967e87;line-height:1.6}.commerce-app .account-login{font-size:12px;padding:8px 16px;box-shadow:0 4px 10px #f2273c12}.commerce-app .account-level{font-size:11px;color:#9c713a;background:#fff3dc;border:1px solid #f4e3c2}.commerce-app .account-sign{font-size:12px;padding:8px 10px;border:1px solid #fff;box-shadow:0 2px 8px #d3334c05}
.commerce-app .account-content{padding:0 12px;margin-top:-18px}.commerce-app .account-card{border:1px solid #fff;border-radius:17px;padding:17px 14px;margin-bottom:12px;box-shadow:0 3px 14px #25334b04}.commerce-app .account-card-title{margin-bottom:18px;min-height:25px}.commerce-app .account-card-title h2{display:flex;align-items:center;gap:8px;font-family:inherit;font-size:15px;font-weight:650}.commerce-app .account-card-title>a{font-size:11px;color:#929aa7;min-height:28px;display:flex;align-items:center}.commerce-app .account-section-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#fff1f3;color:#e84660}.commerce-app .account-section-icon svg{width:16px;height:16px;stroke-width:1.8}
.commerce-app .account-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(140deg,#fff0f3,#ffe2e8);color:#ee546c;flex-shrink:0}.commerce-app .account-icon svg{width:23px;height:23px;color:inherit;stroke-width:1.7}.commerce-app .account-icon-headset,.commerce-app .account-icon-clock,.commerce-app .account-icon-transfer,.commerce-app .account-icon-order{background:linear-gradient(140deg,#edf4ff,#e4edff);color:#6089dd}.commerce-app .account-icon-coins,.commerce-app .account-icon-medal,.commerce-app .account-icon-gift,.commerce-app .account-icon-wallet{background:linear-gradient(140deg,#fff6e7,#ffecd1);color:#d89b43}.commerce-app .account-icon-pin,.commerce-app .account-icon-store,.commerce-app .account-icon-shield,.commerce-app .account-icon-key{background:linear-gradient(140deg,#eaf8f2,#dcf1e8);color:#56a38a}.commerce-app .account-icon-lottery,.commerce-app .account-icon-box,.commerce-app .account-icon-book,.commerce-app .account-icon-settings{background:linear-gradient(140deg,#f3efff,#e9e1fb);color:#9a7bd2}
.commerce-app .account-shortcuts{padding:16px 7px}.commerce-app .account-shortcuts a,.commerce-app .account-order-grid a,.commerce-app .account-services>a,.commerce-app .account-services>button{gap:9px;font-size:12px;line-height:1.5;color:#5e6673;min-height:65px}.commerce-app .account-shortcuts .account-icon{width:36px;height:36px;border-radius:12px}.commerce-app .account-shortcuts .account-icon svg{width:22px;height:22px}.commerce-app .account-order-grid{gap:4px}.commerce-app .account-order-grid .account-icon{width:35px;height:35px;background:#fff4f5;color:#e9566a;border-radius:11px}.commerce-app .account-order-grid .account-icon svg{width:23px;height:23px}.commerce-app .account-order-grid a{font-size:11px;min-height:60px}.commerce-app .account-order-grid a>span:last-child{font-size:11px;white-space:nowrap}
.commerce-app .account-assets{padding:6px 0 3px;gap:5px}.commerce-app .account-assets>a{gap:11px;min-height:63px}.commerce-app .account-assets>a+a{border-left:1px solid #f0f1f5}.commerce-app .account-assets b{font-size:24px;font-weight:650;line-height:1.2;letter-spacing:-.6px;color:#333b48;font-variant-numeric:tabular-nums}.commerce-app .account-assets .account-asset-label{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#9097a3}.commerce-app .account-asset-label svg{width:13px;height:13px;color:#9aa3b1}.commerce-app .account-services{gap:21px 5px;padding:2px 0 4px}.commerce-app .account-services>button{margin:0}.commerce-app .account-tools-grid .account-icon{width:35px;height:35px;border-radius:11px}.commerce-app .account-tools-grid .account-icon svg{width:21px;height:21px}.commerce-app .account-tools-grid>a,.commerce-app .account-tools-grid>button{font-size:11px;min-height:62px}.commerce-app .account-toolbar .account-icon{width:20px;height:20px;background:transparent;color:inherit;border-radius:0}.commerce-app .account-toolbar .account-icon svg{width:19px;height:19px}.commerce-app .account-guest-note,.commerce-app .account-assets-error{background:#f7f8fb;padding:9px 10px;border-radius:9px;font-size:11px;color:#9aa1ad;margin:14px 0 0}.commerce-app .account-bottom{gap:17px;flex-wrap:wrap;padding:12px 0 18px;font-size:11px}.commerce-app .account-bottom>a,.commerce-app .account-bottom>button{display:inline-flex;align-items:center;gap:5px;min-height:32px;font-size:11px;color:#939ba7}.commerce-app .account-bottom svg{width:14px;height:14px}
/* Home and browse remain driven by published decoration, without replacing inline block styling. */
.commerce-app[data-commerce-page=home] .site-header{height:62px;background:linear-gradient(110deg,#f33349,#f2273c);padding-left:15px;padding-right:15px}.commerce-app .sf-home-channels{padding-bottom:14px;background:#f2273c}.commerce-app .sf-home-channels a{font-size:13px;padding-left:10px;padding-right:10px}.commerce-app .sf-home-channels .active{font-size:16px}.commerce-app .sf-product{border-radius:14px;box-shadow:0 2px 12px #25334b04}.commerce-app .sf-product-copy{padding:11px}.commerce-app .sf-product-name{font-size:14px;line-height:1.6;font-weight:500}.commerce-app .sf-product-copy>p{font-size:11px;margin:5px 0 9px;color:#8b939f}.commerce-app .sf-product-tags{font-size:10px;gap:6px}.commerce-app .sf-product-tags small{font-size:10px}.commerce-app .sf-sold{font-size:10px;color:#9aa2af;margin-top:7px}.commerce-app .sf-section-title h2{font-family:inherit;font-size:19px;font-weight:650}.commerce-app .sf-section-title a{font-size:11px}.commerce-app .sf-section-subtitle{font-size:11px;color:#98a1ae;letter-spacing:.3px}.commerce-app .sf-category-sidebar{background:#f5f6f9}.commerce-app .sf-category-sidebar button{font-size:12px;padding:18px 8px;color:#7e8794}.commerce-app .sf-category-sidebar button.active{color:#f2273c}.commerce-app .sf-category-tiles{gap:18px 6px;padding-bottom:20px}.commerce-app .sf-category-tiles>button{font-size:11px;color:#6c7583}.commerce-app .sf-product-row{padding:18px 0;gap:12px;box-shadow:none;border-radius:0}.commerce-app .sf-product-row .sf-product-picture{border-radius:12px}.commerce-app .sf-product-row .sf-product-name{font-size:13px}.commerce-app .sf-product-row .sf-product-copy>p{font-size:10px}.commerce-app .sf-category-heading h1{font-family:inherit;font-size:16px}.commerce-app .sf-sort>button{font-size:12px}.commerce-app .sf-category-heading>span,.commerce-app .sf-search-note{font-size:11px}.commerce-app .sf-catalog-controls{min-height:48px}.commerce-app .sf-home-content .d-type-categories .d-entry-art{width:46px;height:46px}
@media(max-width:380px){.commerce-app .container{padding:0 12px}.commerce-app .account-user h1{font-size:18px}.commerce-app .account-avatar{width:56px;height:56px}.commerce-app .account-profile{gap:12px}.commerce-app .account-sign{font-size:11px;padding:7px 8px}.commerce-app .account-assets b{font-size:22px}.commerce-app .account-card{padding:16px 12px}.commerce-app .account-shortcuts{padding:15px 5px}.commerce-app .account-shortcuts a,.commerce-app .account-services>a,.commerce-app .account-services>button{font-size:11px}.commerce-app .sf-sort{gap:10px}.commerce-app .sf-sort>button{font-size:11px}.commerce-app .sf-product-row .sf-product-picture{width:80px;flex-basis:80px}.commerce-app .sf-product-row{gap:9px}.commerce-app .sf-product-row .sf-product-name{font-size:12px}.commerce-app .list-card,.commerce-app .summary-card{padding:16px}.commerce-app .coupon-card{padding:16px;gap:10px}.commerce-app .coupon-card .coupon-value{min-width:47px;font-size:27px}.commerce-app .coupon-card>.button{padding-left:12px;padding-right:12px}}
@media(max-width:600px){.commerce-app .modal{border-radius:20px 20px 0 0}.commerce-app .modal-body{padding:18px 18px calc(24px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.commerce-app .loading:before{animation:none}.commerce-app .button,.commerce-app a{transition:none}}
.commerce-app.auth-active .auth-content{padding-top:35px}.commerce-app.auth-active .auth-shop-mark{box-shadow:0 5px 16px #f2273c16}.commerce-app.auth-active .auth-subtitle{color:#8c95a2;line-height:1.8}.commerce-app.auth-active .auth-input-row{border-bottom-color:#e7eaf0}.commerce-app.auth-active .auth-input-row:focus-within{border-bottom-color:#f2273c}.commerce-app.auth-active .auth-demo{border-top-color:#edf0f4}.commerce-app.auth-active .auth-demo-button{border-color:#e4e8ef;color:#717b8c}.commerce-app.goods-active .goods-card{border-radius:14px;box-shadow:0 2px 10px #25334b03}.commerce-app.goods-active .goods-overview{border-radius:0 0 14px 14px}.commerce-app.goods-active .goods-summary-row{padding:15px 0}.commerce-app.goods-active .goods-section-heading{margin-bottom:16px}