/* Shared consumer design system; never loaded by the operations backend. */
html{background:#f5f5f5}
body.commerce-app{--ink:#222;--muted:#888;--orange:#f2273c;--orange-light:#fff0f2;--green:#248357;--cream:#f5f5f5;--border:#eee;--radius:12px;max-width:600px;margin:0 auto;background:#f5f5f5;color:#222;font:14px/1.5 Arial,"PingFang SC","Microsoft YaHei",sans-serif;min-height:100dvh;padding-bottom:calc(64px + env(safe-area-inset-bottom))}
.commerce-app #app{padding:10px 0 0;min-height:calc(100dvh - 170px)}.commerce-app .announcement{display:none}.commerce-app .site-header{position:sticky;top:0;z-index:40;background:#fff;height:60px;padding:0 14px;gap:13px;max-width:600px;border-bottom:1px solid #f3f3f3}.commerce-app .desktop-nav{display:none}.commerce-app .brand{font:600 16px Arial,"PingFang SC",sans-serif;letter-spacing:0;gap:7px}.commerce-app .brand-symbol{background:#f2273c;color:#fff;width:30px;height:30px;font:600 21px Arial,"PingFang SC",sans-serif;letter-spacing:0;padding:0;border-radius:9px}.commerce-app .brand small{display:none}.commerce-app .header-actions{min-width:0;flex:1;gap:12px}.commerce-app .header-actions>.icon-button:not(.cart-icon){display:none}.commerce-app .search-bar{flex:1;min-width:0;background:#f4f4f4;border:0;border-radius:20px;padding:9px 12px}.commerce-app .search-bar input{width:100%;min-width:0;font-size:12px;color:#333}.commerce-app .search-bar svg{width:17px;height:17px}.commerce-app .cart-icon{flex-shrink:0}.commerce-app .cart-count{background:#f2273c}.commerce-app .site-footer{display:block;text-align:center;border:0;margin:12px 0 0;padding:16px 12px;color:#999;background:transparent}.commerce-app .footer-brand{display:none}.commerce-app .site-footer a{font-size:10px;color:#888;margin:0 8px}.commerce-app .site-footer p{font:9px/1.7 Arial,sans-serif;color:#aaa;letter-spacing:0}.commerce-app .container{padding:0 12px;max-width:600px}.commerce-app .section{margin:18px 0}.commerce-app .page-title{font:600 21px/1.4 Arial,"PingFang SC",sans-serif;letter-spacing:0;margin:10px 0 6px;color:#222}.commerce-app .page-subtitle{font-size:12px;color:#999;margin:0 0 18px}.commerce-app .section-head h2,.commerce-app .article h3{font:600 18px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:0}.commerce-app .muted,.commerce-app .field,.commerce-app .summary-line{color:#888}.commerce-app .button{background:#f2273c;border-color:#f2273c;color:#fff;border-radius:22px;font-family:inherit;letter-spacing:0;font-weight:500;min-height:38px;padding:10px 20px;line-height:1.4}.commerce-app .button.secondary{background:#fff;border:1px solid #ddd;color:#555}.commerce-app .button.light{background:#fff0f2;color:#e5253c}.commerce-app .button.small{padding:7px 13px;font-size:11px;min-height:30px}.commerce-app .text-button{color:#e5253c}.commerce-app .button:disabled{opacity:.45;cursor:not-allowed}.commerce-app .price{font-family:Arial,sans-serif;color:#f2273c;font-weight:600;font-size:21px}.commerce-app .old-price{font-family:Arial,sans-serif;color:#aaa;font-size:10px}.commerce-app .products-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-app .product-card{background:#fff;border-radius:12px;overflow:hidden;min-width:0}.commerce-app .product-image{border-radius:0;aspect-ratio:1}.commerce-app .product-image img{border-radius:0}.commerce-app .product-meta{padding:10px}.commerce-app .product-meta h3{font:500 14px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:0;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.commerce-app .product-meta p{font-size:11px;color:#999}.commerce-app .product-badge{background:#f2273c;color:#fff;border-radius:4px;font-size:9px;top:9px;left:9px}.commerce-app .add-cart{color:#f2273c;background:#fff0f2;border-color:#ffd9dd}.commerce-app .list-card,.commerce-app .summary-card,.commerce-app .stat{background:#fff;border:0;border-radius:12px;padding:16px}.commerce-app .list-card{margin-bottom:12px}.commerce-app .list-row{gap:12px;border-color:#f2f2f2}.commerce-app .list-row img{width:80px;height:80px;border-radius:9px}.commerce-app .list-row h3{font-size:14px;color:#222;line-height:1.5}.commerce-app .list-row .price{font-size:18px}.commerce-app .cart-layout{grid-template-columns:1fr;gap:12px}.commerce-app .summary-card{position:static}.commerce-app .summary-line{font-size:12px}.commerce-app .summary-line.total{font-size:15px;color:#222;border-color:#eee}.commerce-app .quantity{border-color:#eee;background:#f7f7f7}.commerce-app .quantity button{background:#f5f5f5;color:#333}.commerce-app .quantity span{font-family:Arial,sans-serif;color:#333}.commerce-app .checkbox,.commerce-app .address-option input{accent-color:#f2273c}.commerce-app .filters{gap:8px;margin:14px 0;flex-wrap:wrap}.commerce-app .chip{border-color:#eee;color:#666;background:#fff;padding:7px 13px;border-radius:20px;font-size:12px}.commerce-app .chip.active{border-color:#f2273c;background:#fff0f2;color:#f2273c}.commerce-app .category-subfilters{border:0;background:#fff;border-radius:10px;padding:9px}.commerce-app .toolbar select{font:12px Arial,sans-serif;border-color:#ddd;background:#fff;color:#666}.commerce-app .menu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.commerce-app .menu-item{padding:15px 12px;border:0;background:#fff;border-radius:10px;font-size:13px;gap:10px;min-width:0}.commerce-app .menu-item svg{color:#666}.commerce-app .menu-item .arrow{color:#aaa}.commerce-app .stat b{font:600 25px Arial,sans-serif;color:#f2273c}.commerce-app .stat span{color:#999;font-size:11px}.commerce-app .coupon-grid{grid-template-columns:1fr;gap:12px}.commerce-app .coupon-card{background:linear-gradient(100deg,#fff1f3,#fff);border:1px solid #ffe3e7;border-radius:12px;padding:20px;gap:17px}.commerce-app .coupon-value{font:600 30px Arial,sans-serif;color:#f2273c}.commerce-app .coupon-card h3{font-size:14px;font-weight:600;color:#333}.commerce-app .coupon-card p{color:#999;font-size:11px}.commerce-app .notice-box{background:#f0f2f5;color:#777;border-radius:8px;font-size:12px;line-height:1.7}.commerce-app .notice-box.orange{background:#fff4ed;color:#a56b39}.commerce-app .status{background:#fff0f2;color:#e5253c;border-radius:5px;font-size:11px}.commerce-app .status.green{background:#eaf7ef;color:#248357}.commerce-app .status.gray{background:#f1f1f1;color:#999}.commerce-app .order-header{border-color:#f1f1f1;color:#888;font-size:11px}.commerce-app .order-footer{gap:8px;flex-wrap:wrap}.commerce-app .order-footer .price{font-family:Arial,sans-serif}.commerce-app .empty{background:#fff;border-radius:12px;padding:55px 20px;text-align:center;margin:12px 0}.commerce-app .empty>svg{color:#bbb;width:55px;height:55px}.commerce-app .empty h3{font:500 17px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:0;color:#333}.commerce-app .empty p{font-size:12px;color:#999}.commerce-app .field span{font-size:12px;color:#666}.commerce-app .field input,.commerce-app .field select,.commerce-app .field textarea{background:#fff;border-color:#e5e5e5;color:#333;border-radius:8px;font-size:13px}.commerce-app .field input:focus,.commerce-app .field textarea:focus{outline:1px solid #f2273c}.commerce-app .address-option{border-color:#eee;background:#fff;color:#333}.commerce-app .address-option small{color:#888}.commerce-app .timeline-item{border-color:#eee;color:#555}.commerce-app .timeline-item:before{background:#f2273c}.commerce-app .timeline-item small{color:#999}.commerce-app .ledger-row{border-color:#f2f2f2}.commerce-app .ledger-row .amount{font-family:Arial,sans-serif;color:#248357}.commerce-app .ledger-row .amount.negative{color:#e5253c}.commerce-app .article p{color:#666;font-size:13px}.commerce-app .divider{background:#eee}.commerce-app .chat-box{background:#f4f4f4}.commerce-app .chat-bubble{background:#fff;color:#333}.commerce-app .chat-line.mine .chat-bubble{background:#ffe7eb}.commerce-app .chat-form input{border-color:#eee;background:#fff;color:#333}.commerce-app .promo-pill{background:#fff0f2;color:#f2273c;border-color:#ffd9de}.commerce-app .modal{background:#fff;border-radius:16px;color:#222}.commerce-app .modal-header{background:#fff;border-color:#eee}.commerce-app .modal-header h2{font:600 17px Arial,"PingFang SC",sans-serif;letter-spacing:0;color:#222}.commerce-app .close-modal{background:#f4f4f4;color:#888}.commerce-app .modal-backdrop{background:#0007;backdrop-filter:blur(2px)}.commerce-app #toast{background:#333;border-radius:8px;color:#fff}
.commerce-app .mobile-nav{display:flex;position:fixed;bottom:0;left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:600px;z-index:50;justify-content:space-around;background:#fff;border-top:1px solid #eee;padding:8px 10px calc(7px + env(safe-area-inset-bottom));backdrop-filter:none;min-height:59px;box-shadow:0 -3px 16px #00000003}.commerce-app .mobile-nav>a{display:flex;flex:1;flex-direction:column;align-items:center;gap:4px;color:#777;font-size:10px;line-height:1.2;min-width:0}.commerce-app .mobile-nav>a.active{color:#f2273c;font-weight:600}.commerce-nav-icon{position:relative;display:grid;place-items:center;width:26px;height:25px}.commerce-app .mobile-nav svg{width:24px;height:24px;stroke-width:1.7}.commerce-app .mobile-nav .active svg{stroke-width:2}.commerce-nav-icon small{position:absolute;top:-5px;right:-10px;min-width:14px;background:#f2273c;color:white;border:1px solid white;border-radius:10px;padding:1px 3px;font:9px/1.1 Arial}
.commerce-app .decoration-view{background:#f5f5f5;color:#222;font-family:Arial,"PingFang SC",sans-serif}.commerce-app .d-heading h3{font-size:18px;color:#222;letter-spacing:0;font-weight:600}.commerce-app .d-heading p{color:#888;opacity:1;font-size:11px}.commerce-app .d-products{gap:10px}.commerce-app .d-product{background:#fff;border-radius:12px}.commerce-app .d-product b{font-weight:500;line-height:1.5;font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.commerce-app .d-product p{font-size:11px;color:#999;opacity:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.commerce-app .d-product strong{font-family:Arial,sans-serif;color:#f2273c;font-size:19px}.commerce-app .d-search{border:0;border-radius:25px;background:#fff}.commerce-app .d-search button,.commerce-app .d-cta{background:#f2273c;color:white}.commerce-app .d-nav-icon{background:#fff0f2;color:#f2273c}.commerce-app .d-categories a{border:0;border-radius:10px;background:#fff;color:#444;font-size:12px}.commerce-app .d-notice{background:#fff;color:#666;border-radius:10px}.commerce-app .d-benefits{color:#888;font-size:11px}.commerce-app .d-coupon{background:#fff4f5;border-color:#ffc4ce}.commerce-app .d-coupon>strong,.commerce-app .d-activity small{color:#f2273c}.commerce-app .d-activity{background:#fff}.commerce-app .d-article{border-color:#eee}.commerce-app .d-richtext{color:#555}
body.commerce-app.account-active #app{padding:0;min-height:calc(100dvh - 64px)}.commerce-app.account-active>.site-header,.commerce-app.account-active>.site-footer{display:none}.commerce-account{font-family:Arial,"PingFang SC",sans-serif;color:#222;padding-bottom:18px}.account-cover{padding:0 16px 28px;background:linear-gradient(140deg,#ffe3e7 0%,#fff1f3 60%,#f5f5f5 100%)}.account-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between}.account-toolbar>span{font-size:17px;font-weight:600}.account-toolbar>div{display:flex;gap:17px}.account-toolbar button{display:flex;align-items:center;gap:4px;font-size:11px;border:0;background:none;color:#555;padding:0}.account-toolbar svg{width:19px;height:19px}.account-auth-notice{background:#fff9;padding:9px;border-radius:7px;color:#9d4f52;font-size:11px;margin:0 0 14px}.account-auth-notice a{color:#f2273c}.account-profile{display:flex;align-items:center;gap:14px;min-height:98px;padding:12px 0}.account-avatar{width:64px;height:64px;border:3px solid #fff;border-radius:50%;background:#fff;color:#d86171;display:grid;place-items:center;font:600 25px Arial;flex-shrink:0;overflow:hidden}.account-avatar>img{width:100%;height:100%;object-fit:cover}.account-avatar>svg{width:32px;height:32px;color:#ccc}.account-user{flex:1;min-width:0}.account-user h1{font:600 19px/1.4 Arial,"PingFang SC",sans-serif;color:#222;margin:0 0 7px;letter-spacing:0;overflow-wrap:anywhere}.account-user p{font-size:11px;color:#888;margin:0 0 7px}.account-level{display:inline-block;font-size:10px;color:#9c6c25;background:#f8ecd7;padding:3px 9px;border-radius:12px}.account-login{border:0;background:#f2273c;color:#fff;border-radius:18px;padding:7px 14px;font-size:11px}.account-sign{display:flex;align-items:center;gap:4px;border:0;background:#fff9;color:#d7354d;padding:7px 10px;border-radius:15px;font-size:11px;flex-shrink:0}.account-sign svg{width:15px;height:15px}.account-content{padding:0 12px;margin-top:-12px}.account-card{background:#fff;border-radius:12px;padding:16px;margin-bottom:12px;position:relative}.account-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:17px 8px}.account-shortcuts a,.account-order-grid a,.account-services>a,.account-services>button{display:flex;align-items:center;flex-direction:column;gap:9px;color:#444;text-align:center;min-width:0;line-height:1.3;font-size:11px;text-decoration:none}.account-shortcuts svg{width:22px;height:22px;color:#555}.account-card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:21px;gap:10px}.account-card-title h2{font:600 15px Arial,"PingFang SC",sans-serif;color:#222;margin:0;letter-spacing:0}.account-card-title>a{color:#999;font-size:11px}.account-order-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.account-order-grid svg{width:25px;height:25px;color:#444;stroke-width:1.5}.account-order-grid span{font-size:10px;white-space:nowrap}.account-assets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.account-assets>a{text-align:center;display:flex;flex-direction:column;gap:8px;color:#777;font-size:11px;min-width:0}.account-assets b{font:600 23px/1.2 Arial,sans-serif;color:#222;overflow-wrap:anywhere}.account-assets>a:first-child b{color:#f2273c}.account-assets-error,.account-guest-note{font-size:10px;color:#999;margin:15px 0 0;text-align:center}.account-assets-error button{border:0;background:none;color:#f2273c;font-size:10px;padding:0 5px}.account-services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:8px;row-gap:25px}.account-services svg{width:24px;height:24px;color:#d74a5e;stroke-width:1.6}.account-services>button{font-family:inherit;background:none;border:0;padding:0;cursor:pointer}.account-bottom{display:flex;align-items:center;justify-content:center;gap:25px;padding:10px 0;color:#999;font-size:11px}.account-bottom>button{border:0;background:none;color:#999;font-size:11px}.account-bottom>a{color:#999;text-decoration:none}.commerce-account [hidden]{display:none}.commerce-app button:focus-visible,.commerce-app a:focus-visible{outline:2px solid #f2273c;outline-offset:3px}
@media(max-width:380px){.commerce-app .brand{font-size:13px}.commerce-app .site-header{gap:9px;padding:0 12px}.commerce-app .header-actions{gap:8px}.commerce-app .brand-symbol{width:27px;height:27px;font-size:19px}.account-profile{gap:11px}.account-user h1{font-size:17px}.account-avatar{width:56px;height:56px}.account-sign{font-size:10px;padding:7px}.account-assets b{font-size:21px}.account-card{padding:15px 12px}.account-services{gap:23px 5px}.account-services>a,.account-services>button{font-size:10px}.commerce-app .form-grid{grid-template-columns:1fr}.commerce-app .list-row img{width:68px;height:68px}}
.commerce-app .account-hero{background:linear-gradient(120deg,#ffe3e7,#fff1f3);border-radius:12px;padding:22px;gap:14px;margin-top:12px;flex-wrap:wrap}.commerce-app .account-hero h2{font:600 20px/1.5 Arial,"PingFang SC",sans-serif;letter-spacing:0;color:#222}.commerce-app .account-hero p{color:#888;font-size:12px}.commerce-app .avatar{background:#fff;color:#d86173;font:600 24px Arial,sans-serif;flex-shrink:0}.commerce-app .categories-grid{gap:10px}.commerce-app .category-card{background:#fff;border-color:#eee;border-radius:12px;color:#444}.commerce-app .category-card b{letter-spacing:0;font-family:inherit}.commerce-app .category-card small{color:#999;letter-spacing:0}.commerce-app .category-icon{background:#fff0f2;color:#f2273c}.commerce-app .benefits{color:#888;font-size:11px;letter-spacing:0}.commerce-app .editorial-banner{background:#fff;border-radius:12px}.commerce-app .editorial-banner h3{font:600 18px Arial,"PingFang SC",sans-serif;color:#222;letter-spacing:0}.commerce-app[data-commerce-page=orders] #app .filters{flex-wrap:nowrap;white-space:nowrap;overflow-x:auto;scrollbar-width:none;margin-left:-12px;margin-right:-12px;padding:10px 12px;background:#fff}.commerce-app[data-commerce-page=orders] #app .filters .chip{flex-shrink:0}.commerce-app[data-commerce-page=orders] #app .filters::-webkit-scrollbar{display:none}
.commerce-app .brand-symbol img{width:100%;height:100%;object-fit:contain;border-radius:inherit}.membership-growth h2{margin:8px 0 18px;font-size:24px}.membership-growth strong{color:#f2273c}.membership-progress{height:8px;background:#f3f3f3;border-radius:8px;overflow:hidden;margin:15px 0}.membership-progress span{display:block;height:100%;background:linear-gradient(90deg,#ff6571,#f2273c)}.membership-rules-title{font-size:18px;margin:24px 0 16px}.membership-growth .muted{font-size:12px;line-height:1.8}.commerce-app [data-shop-initial][hidden],.commerce-app [data-shop-logo][hidden]{display:none}
.records-summary-title{font-size:17px;margin:0 0 15px}.address-region{padding:12px;background:#f7f7f7;border-radius:10px;margin-bottom:15px}.coupon-grid .coupon-card{min-width:0}.coupon-card .grow{overflow-wrap:anywhere}.pagination{flex-wrap:wrap}.pagination span{font-size:12px;color:#888}
.commerce-app .owned-coupon{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px;gap:10px 12px}.owned-coupon .coupon-value{grid-column:1;grid-row:1;font-size:28px}.owned-coupon>.status{grid-column:2;grid-row:1;align-self:center}.owned-coupon>.grow{grid-column:1 / -1;grid-row:2;min-width:0}.owned-coupon .grow p{line-height:1.8;margin:5px 0}.owned-coupon .grow small{color:#aaa;font-size:10px}.owned-coupon>.text-button{grid-column:2;grid-row:3;justify-self:end;font-size:12px}
