*{margin:0;padding:0;box-sizing:border-box}:root{--shop-max: 1080px;--shop-gutter: clamp(12px, 3vw, 28px);--shop-radius: 24px;--shop-radius-sm: 14px}html{-webkit-text-size-adjust:100%;overflow-x:clip}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:#f0f2f5;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;padding:var(--shop-gutter);overflow-x:clip}#app{width:100%;max-width:100%}.container{width:100%;max-width:var(--shop-max);margin-left:auto;margin-right:auto;background:#fffffff2;border-radius:var(--shop-radius);box-shadow:0 10px 15px #0000001a}.header{text-align:center;margin-bottom:30px}.header h1{font-size:28px}.shop-header{text-align:left}.shop-title{font-size:22px;font-weight:600}.shop-subtitle{margin-top:4px;font-size:13px;color:#888}.order-notice{margin-top:16px;padding:12px 14px;border-radius:12px;background:#fff7e6;border:1px solid #ffe7ba;font-size:13px;color:#8c6c2f}.order-notice-title{font-weight:600;margin-bottom:6px}.order-notice-list{list-style:none;padding-left:0;margin:0}.order-notice-list li{position:relative;padding-left:14px;font-size:13px;margin:4px 0;line-height:1.6;color:#555}.order-notice-list li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:#f39c12}.category-bar{margin-top:16px;display:flex;flex-wrap:wrap;gap:8px}.category-item{padding:6px 12px;border-radius:16px;font-size:13px;text-decoration:none;color:#555;background:#f5f5f5}.category-item.active{background:#3498db;color:#fff}.product-list{list-style:none}.product-list li{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:16px;margin-bottom:12px}.button,.pay-button,.pay-approvalbutton{display:inline-block;background:linear-gradient(135deg,#3498db,#2980b9);color:#fff;border:none;border-radius:16px;padding:12px 20px;font-size:16px;text-decoration:none;text-align:center}.info{background:#f8f9facc;border-radius:16px;padding:16px;margin:15px 0;display:flex;align-items:center}.info h2{font-size:18px;min-width:120px}.form{margin-top:20px}.order-panel>.form{margin-top:12px}.form .button{display:block;width:100%;box-sizing:border-box;margin-top:4px}.button:disabled,.pay-button:disabled,.pay-approvalbutton:disabled{opacity:.55;cursor:not-allowed}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:8px}.form-group input{width:100%;padding:12px;min-height:44px;border-radius:12px;border:1px solid #d9d9d9;font-size:15px}.form-group input:read-only{background:#f6f8fa;border-color:#eef0f3;color:#333}.input-flex-row input{min-height:44px}.table{width:100%;border-collapse:collapse;margin-bottom:20px}.table-wrapper{width:100%;overflow-x:auto}.table th,.table td{border:1px solid #ddd;padding:8px;text-align:left}.mobile-content,.mobile-container1,.pc-content{width:100%}.wallet-selection ul{list-style:none;padding:0;margin:0}.wallet-selection li{display:flex;justify-content:space-between;align-items:center;padding:16px;background:#fff;border-radius:16px;margin:10px 0}.wallet-selection li.selected{background:#3498db1a}.wallet-left{display:flex;align-items:center;gap:10px}.wallet-logo{width:32px;height:32px;border-radius:8px}.hidden{display:none}.admin-nav{margin:10px 0 20px;display:flex;flex-wrap:wrap;gap:8px}.admin-nav a{padding:6px 12px;border-radius:16px;font-size:13px;text-decoration:none;color:#555;background:#f5f5f5}.admin-nav a:hover{background:#3498db;color:#fff}.top-bar{width:100%;max-width:var(--shop-max);margin-left:auto;margin-right:auto;display:flex;justify-content:center;margin-bottom:10px;box-sizing:border-box}.top-bar-inner{width:100%;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;background:#fffffff2;border-radius:20px;box-shadow:0 8px 18px #0000000f;padding:12px 20px}.top-bar-left{display:flex;align-items:center;gap:10px}.logo-badge{width:32px;height:32px;border-radius:12px;background:linear-gradient(135deg,#3498db,#2ecc71);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:18px}.top-brand-title{font-size:18px;font-weight:600}.top-brand-sub{font-size:12px;color:#888}.top-bar-right{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:8px}.top-link{font-size:13px;color:#fff;text-decoration:none;padding:6px 10px;background:#dd6e14;border-radius:999px;white-space:nowrap}.top-link.active{background:#3498db;color:#fff}.page-main{width:100%;max-width:var(--shop-max);margin-left:auto;margin-right:auto;display:flex;justify-content:center;box-sizing:border-box}.shop-container{padding:clamp(12px,2.2vw,22px) clamp(12px,2.5vw,26px)}.section-card{background:#fffffff7;border-radius:20px;padding:16px 18px;box-shadow:0 10px 20px #0f23340d;margin-bottom:16px}.notice-card{border:1px solid rgba(255,193,7,.35);display:flex;align-items:flex-start;background:linear-gradient(135deg,#fffdf7,#fff9ec)}.notice-icon{width:32px;height:32px;border-radius:50%;background:#ffe7ba;display:flex;align-items:center;justify-content:center;color:#8c6c2f;font-weight:700;margin-right:10px}.notice-content{flex:1}.notice-header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 12px;margin-bottom:10px}.notice-header-main{display:flex;flex-direction:column;gap:4px}.notice-label{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;background:#fa8c1614;color:#e67e22;font-size:12px;font-weight:500}.notice-main-title{font-size:16px;font-weight:600;color:#333}.notice-subtitle{font-size:12px;color:#999}.notice-status-tag{font-size:12px;color:#b37a1f;background:#ffffffb3;padding:4px 10px;border-radius:999px;white-space:nowrap}.notice-columns{display:flex;flex-wrap:wrap;gap:18px}.notice-column{flex:1;min-width:220px}.notice-column-title{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;margin-bottom:6px;color:#444}.notice-dot{width:6px;height:6px;border-radius:50%;background:#f39c12}.notice-kefu-block{padding:12px 14px;border-radius:14px;background:#ffffffe6;border:1px dashed rgba(250,173,20,.6);display:flex;flex-direction:column;gap:8px}.notice-kefu-label{font-size:12px;color:#999}.notice-kefu-value{font-size:15px;font-weight:600;color:#3498db}.notice-kefu-tip{font-size:12px;color:#666}.notice-kefu-safe{font-size:12px;color:#c0392b;line-height:1.6}.section-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.section-title{font-size:16px;font-weight:600}.section-tag{font-size:12px;padding:2px 8px;border-radius:999px;background:#dc35451a;color:#c0392b}.section-header-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:6px 12px;margin-bottom:8px}.section-header-row .section-title{line-height:1.35}.section-header-row .section-subtext{flex:1 1 auto;min-width:min(100%,12rem);text-align:right;line-height:1.45}.section-subtext{font-size:12px;color:#888}.category-card{margin-top:8px}.category-chip-group{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.category-chip{padding:6px 12px;border-radius:999px;background:#f4f6f8;font-size:13px;color:#555;text-decoration:none}.category-chip.active{background:linear-gradient(135deg,#3498db,#2ecc71);color:#fff}.product-section{margin-top:8px}.product-list-rows{display:grid;grid-template-columns:1fr;gap:clamp(10px,2vw,14px);margin-top:8px}.product-row{display:flex;align-items:center;min-width:0;padding:clamp(12px,2vw,16px) clamp(12px,2.5vw,18px);border-radius:clamp(14px,2vw,18px);background:#fff;text-decoration:none;color:#222;box-shadow:0 8px 18px #0f23340f}.product-row-left{margin-right:12px}.product-logo-wrap{width:52px;height:52px;border-radius:16px;overflow:hidden;background:#f2f3f5;display:flex;align-items:center;justify-content:center}.product-logo-wrap img{width:100%;height:100%;object-fit:cover}.product-logo-placeholder{font-size:18px;color:#999}.product-row-center{flex:1;min-width:0}.product-name-main{font-size:clamp(14px,1.4vw,16px);font-weight:500;margin-bottom:6px;overflow-wrap:anywhere;word-break:break-word}.product-tags-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;padding:2px 10px;border-radius:999px;font-size:12px;border:1px solid transparent}.pill-blue{background:#f3f7ff;color:#2f86f6;border-color:#2f86f6}.pill-grey{background:#f2f3f5;color:#777}.pill-red{background:#fff1f0;color:#ff4d4f;border-color:#ff4d4f}.pill-orange{background:#fff7e6;color:#fa8c16;border-color:#faad14}.product-row-right{flex-shrink:0;text-align:right;margin-left:12px}.product-price-main{font-size:16px;font-weight:600;color:#e74c3c}.product-price-main span{font-size:12px;margin-right:2px}.product-action-text{margin-top:4px;font-size:12px;color:#3498db}.product-grid{display:flex;flex-direction:column;gap:12px;margin-top:16px}.product-card{display:flex;align-items:center;padding:14px;border-radius:16px;background:#fff;text-decoration:none;color:#333}.product-image-wrap{width:72px;height:72px;border-radius:16px;overflow:hidden;background:#f2f3f5;display:flex;align-items:center;justify-content:center;flex-shrink:0}.product-image-wrap img{width:100%;height:100%;object-fit:cover}.product-image-placeholder{font-size:20px;color:#999}.product-info-main{flex:1;margin-left:12px}.product-name{font-size:16px;font-weight:500;margin-bottom:6px}.product-meta{display:flex;align-items:center;gap:10px;font-size:13px}.product-price{color:#e74c3c;font-weight:600}.product-stock{color:#999}.product-buy{font-size:14px;color:#3498db}.product-detail{margin-top:16px}.product-detail-main{display:flex;gap:16px}.product-detail-info{flex:1;display:flex;flex-direction:column;justify-content:center}.product-name-large{font-size:clamp(17px,1.6vw,20px);font-weight:600;margin-bottom:8px;overflow-wrap:anywhere;word-break:break-word}.product-price-large{font-size:20px;color:#e74c3c;margin-bottom:6px}.product-stock-line{font-size:13px;color:#999}.order-panel{margin-top:12px}.section-card>.product-detail{margin-top:12px}.product-detail-html{margin-top:20px;padding-top:16px;border-top:1px solid rgba(0,0,0,.06);font-size:14px;line-height:1.65;color:#444;overflow-wrap:anywhere;word-break:break-word}.product-detail-html img{max-width:100%;height:auto;border-radius:8px;margin:8px 0}.product-detail-html p{margin:.5em 0}.form-tabs-row{margin-bottom:16px}.form-tabs-row.category-chip-group{margin-top:0}.value-display-box{padding:12px 14px;border-radius:12px;background:#f6f8fa;border:1px solid #eef0f3}.value-display-box.order-summary-value{margin:0}.input-flex-row{display:flex;align-items:center;gap:8px}.input-flex-row input{flex:1;min-width:0}.input-suffix{font-size:14px;color:#666;flex-shrink:0}.order-summary-value{font-size:18px;font-weight:600}.pay-amount-block{padding:14px 16px;border-radius:14px;background:#f6f8fa;border:1px solid #eef0f3;margin-bottom:16px}.pay-amount-label{font-size:12px;color:#888;margin-bottom:6px}.pay-amount-value{font-size:22px;font-weight:600;color:#e74c3c}.pay-btn-full{width:100%;box-sizing:border-box;margin-top:12px}.pay-qr-wrap{display:flex;justify-content:center;padding:12px 0 8px}.pay-qr-wrap canvas{display:block;border-radius:12px;box-shadow:0 8px 18px #0f233414}.pay-pc-card{text-align:center}.pay-pc-card .section-header-row{flex-direction:column;align-items:center;gap:4px}.pay-pc-card .section-header-row .section-subtext{text-align:center;flex:none;min-width:0;width:100%}.pay-wallet-slot{min-height:8px;margin-bottom:8px}.wallet-selection--card li{background:#f8fafc;border:1px solid #eef0f3;margin:8px 0}.wallet-selection--card li.selected{background:#3498db1f;border-color:#3498db59}.order-tg-row{display:flex;align-items:center;margin-bottom:10px;font-size:14px}.order-tg-label{color:#666}.order-tg-value{margin-left:4px;color:#3498db}.field-tip{margin-top:4px;font-size:12px;color:#999}@media (min-width: 480px){.product-list-rows{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 900px){.product-list-rows{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 560px){.wallet-selection--card ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-selection--card li{margin:0}}@media (min-width: 769px){.section-card{padding:clamp(18px,2vw,22px) clamp(18px,2.2vw,24px)}.section-title{font-size:17px}.top-link{font-size:14px;padding:7px 14px}.top-bar-inner{padding:14px 22px}}@media (max-width: 520px){.product-detail-main{flex-direction:column;align-items:stretch}.product-image-wrap{align-self:center}.section-header-row .section-subtext{flex-basis:100%;text-align:left;min-width:0}}@media (max-width: 768px){body{padding:0;padding-bottom:env(safe-area-inset-bottom,0px)}.container{padding:0;border-radius:0;box-shadow:none;max-width:none}.shop-container{padding:12px clamp(10px,3vw,16px) 16px}.shop-container:has(.pay-button){padding-bottom:calc(64px + env(safe-area-inset-bottom,0px))}.top-bar{padding:0 clamp(8px,2.5vw,12px);max-width:none}.page-main{max-width:none}.top-bar-inner{border-radius:0;box-shadow:none;padding:12px clamp(10px,2.5vw,14px)}.section-card{padding:14px clamp(12px,3vw,16px);border-radius:var(--shop-radius-sm)}.notice-card{border-radius:var(--shop-radius-sm)}.product-row{padding:12px clamp(10px,2.5vw,14px)}.pay-button{position:fixed;left:0;right:0;bottom:0;width:100%;max-width:100%;border-radius:0;padding-bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:20}}@media (max-width: 479px){.product-list-rows{grid-template-columns:1fr}}