:root{--bottom-nav-content-height: 62px;--bottom-safe-gap: max(env(safe-area-inset-bottom, 0px), 8px);color:#202124;background:#f5f5f5;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;text-size-adjust:100%}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#e5e7eb}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}img,video{max-width:100%}.app-shell{min-height:100vh;max-width:520px;margin:0 auto;background:#f5f5f5;box-shadow:0 0 0 1px #0f172a0f}.app-main{min-height:calc(100vh - 108px);padding-bottom:calc(var(--bottom-nav-content-height) + var(--bottom-safe-gap) + 12px)}.page-view{padding:14px}.test-banner{position:sticky;top:0;z-index:10;display:flex;gap:8px;align-items:center;padding:10px 14px;background:#fff7ed;color:#9a3412;border-bottom:1px solid #fed7aa;font-size:13px}.test-banner span{min-width:0}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:1000;box-sizing:border-box;min-height:calc(var(--bottom-nav-content-height) + var(--bottom-safe-gap));padding-bottom:var(--bottom-safe-gap);background:#fff;border-top:1px solid #e5e7eb}.bottom-nav__items{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,520px);height:var(--bottom-nav-content-height);margin:0 auto}.bottom-nav a,.bottom-nav .install-btn{display:flex;align-items:center;justify-content:center;color:#6b7280;font-weight:600}.bottom-nav a.router-link-active{color:#e53935}.bottom-nav .install-btn{border:0;background:transparent;color:#6b7280;font-weight:600;font-size:14px}.brand-header{padding:18px 0 14px}.brand-header h1,.panel h1,.article-panel h1{margin:0;font-size:24px;line-height:1.2}.brand-header p,.muted{color:#6b7280}.search-box{display:flex;gap:6px;padding:6px 8px;margin-bottom:10px;background:#fff;border-radius:8px}.search-box input{flex:1;min-height:30px;min-width:0;border:0;outline:0;background:transparent;color:#202124;font-size:14px}.search-box button{min-height:30px;padding:5px 12px;font-size:14px;line-height:1}.search-box button,.primary-button{border:0;border-radius:8px;background:#e53935;color:#fff;padding:9px 14px;font-weight:700}.secondary-button,.ghost-button{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;padding:9px 14px;font-weight:700}.primary-button:disabled{opacity:.6;cursor:not-allowed}.banner-strip{display:grid;gap:10px;margin-bottom:12px}.banner-item{display:grid;place-items:center;min-height:132px;overflow:hidden;background:#fff;border-radius:8px}.banner-item img{width:100%;height:100%;display:block;object-fit:contain}.xhhxuan{display:grid;gap:4px;margin-bottom:4px}.xhhxuan--home-banner .banner-item{aspect-ratio:25 / 12}.xhhxuan--home-middle,.xhhxuan--product-detail{margin-top:12px}.xhhxuan--home-middle .banner-item,.xhhxuan--product-detail .banner-item{aspect-ratio:25 / 6}.banner-item.clickable{cursor:pointer}.image-fallback{display:grid;min-height:132px;place-items:center;color:#9ca3af}.carousel-dots{display:flex;justify-content:center;gap:6px}.carousel-dots button{width:7px;height:7px;padding:0;border:0;border-radius:999px;background:#d1d5db}.carousel-dots button.active{background:#e53935}.notice-box{padding:12px;margin:12px 0;background:#fff7ed;color:#9a3412;border-radius:8px}.notice-box p{margin:0 0 6px}.notice-box p:last-child{margin-bottom:0}.notice-box button{display:block;width:100%;border:0;background:transparent;color:inherit;padding:4px 0;text-align:left}.section-block,.history-block{margin-top:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.section-heading h2,.panel h2,.history-block h2{margin:0;font-size:18px}.section-heading a{color:#e53935;font-weight:700}.link-button{border:0;background:transparent;color:#e53935;padding:0;font-weight:700}.link-button.left{justify-self:start}.category-grid{display:grid;grid-template-columns:repeat(var(--category-columns, 4),minmax(0,1fr));gap:6px}.category-tile{display:grid;place-items:center;min-width:0;min-height:68px;padding:6px 3px;background:#fff;border-radius:8px;text-align:center;color:#374151;font-size:12px;line-height:1.3;overflow:hidden}.category-tile img{width:min(var(--category-icon-size, 80px),100%);max-width:64px;aspect-ratio:1 / 1;height:auto;object-fit:cover;margin-bottom:4px;border-radius:8px}.category-tile span{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hotword-row,.category-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 8px}.hotword-row button,.category-tabs button{flex-shrink:0;border:0;border-radius:999px;background:#fff;color:#374151;padding:8px 12px}.category-tabs button.active{background:#e53935;color:#fff}.category-icon-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:2px 0 8px}.category-icon-nav button{display:grid;min-width:0;gap:4px;place-items:center;padding:4px 2px;border:0;border-radius:8px;background:transparent;color:#4b5563;font-size:12px;line-height:1.3;overflow:hidden}.category-icon-nav button.active{color:#e53935;font-weight:700;background:#fff1f0}.category-grid.category-icon-nav{gap:6px;padding:0}.category-grid.category-icon-nav button{min-height:68px;padding:6px 3px;background:#fff;color:#374151}.category-grid.category-icon-nav button.active{background:#fff1f0;color:#e53935}.category-icon-nav img,.category-icon-placeholder{width:min(var(--category-icon-size, 80px),100%);max-width:64px;aspect-ratio:1 / 1;height:auto;border-radius:8px;object-fit:cover}.category-icon-nav button>span:last-child{width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.category-icon-placeholder{display:grid;place-items:center;background:#f3f4f6;color:#6b7280;font-weight:700}.product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.product-card{min-width:0;padding:7px;background:#fff;border-radius:8px}.product-image{display:grid;place-items:center;aspect-ratio:1 / 1;border-radius:8px;background:#f3f4f6;overflow:hidden;color:#9ca3af}.product-image img{width:100%;height:100%;object-fit:cover}.product-meta{display:grid;gap:3px;margin-top:5px}.product-meta strong{min-height:34px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.3}.platform{color:#e53935;font-weight:700;font-size:12px;line-height:1.25}.member-pill{color:#6b7280;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:13px}.price-row,.detail-price,.button-row,.summary-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.price,.detail-price strong{color:#e53935;font-weight:800}.price{font-size:16px;line-height:1.2}.buy{margin-left:auto;border-radius:999px;background:#e53935;color:#fff;padding:4px 7px;font-size:12px;line-height:1.2}.state-block{padding:28px 12px;color:#6b7280;text-align:center}.state-block.error{color:#d93025}.panel,.article-panel{margin-top:12px;padding:14px;background:#fff;border-radius:8px}.detail-cover{display:flex;align-items:center;justify-content:center;width:100%;margin:0 auto;height:auto;max-height:none;overflow:visible;border-radius:8px;background:#f3f4f6;color:#9ca3af}.detail-cover img,.media-block img,.detail-image{width:100%;display:block;border-radius:8px}.detail-cover img{width:100%;height:auto;max-width:none;max-height:none;object-fit:initial;object-position:center}.detail-product-panel{margin-top:6px;padding:10px 12px}.detail-product-panel .detail-title{margin:0;font-size:16px;font-weight:500;line-height:1.2}.detail-product-panel .muted{margin:2px 0 4px;font-size:12px;line-height:1.35}.detail-product-panel .detail-price{gap:6px}.detail-product-panel .detail-price strong{font-size:16px;line-height:1.2}.detail-product-panel .detail-price span{color:#6b7280;font-size:12px}.detail-product-panel .platform,.detail-product-panel .sold{font-size:11px}.detail-copy-panel{margin-top:2px;padding-top:8px}.detail-copy-panel .section-heading.compact{margin-bottom:4px}.detail-customer-panel{margin-top:4px;padding-top:8px}.detail-description{margin:6px 0 0;color:#4b5563;font-size:13px;line-height:1.55}.manual-command{width:100%;min-height:92px;margin-top:12px;padding:10px;resize:vertical;border:1px solid #e5e7eb;border-radius:8px;background:#f9fafb;color:#374151}.qr-image{display:block;width:180px;margin-top:12px;border-radius:8px}.tutorial-block,.media-block{margin-top:12px}.tutorial-block h3{margin:0 0 8px;font-size:16px}.tutorial-block video{width:100%;height:196px;object-fit:contain;border-radius:8px;background:#111827}.html-content a{color:#2563eb;text-decoration:underline;overflow-wrap:anywhere}.service-row{display:grid;grid-template-columns:1fr 86px;gap:12px;align-items:start}.service-row img{width:86px;height:86px;object-fit:cover;border-radius:8px}.app-footer{margin-top:20px;padding:12px 6px 2px;color:#9ca3af;text-align:center;font-size:12px;line-height:1.6}.app-footer p{margin:0}.service-modal .service-qr{display:block;width:180px;height:180px;margin:12px auto 0;object-fit:contain;border-radius:8px}.notice-modal{max-height:80vh;overflow:auto}.notice-content{white-space:pre-wrap;line-height:1.7}.footer-actions{margin-top:16px}.section-heading.compact{margin-bottom:8px}.member-card{display:flex;align-items:center;justify-content:space-between;gap:12px}.info-list{display:grid;gap:10px}.info-list p{display:flex;justify-content:space-between;gap:12px;margin:0;color:#6b7280}.info-list strong{color:#202124;text-align:right}.link-list{display:grid;gap:10px}.link-list a{color:#e53935;font-weight:700}.modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1100;display:flex;align-items:center;justify-content:center;padding:18px;background:#00000075}.login-modal{width:min(100%,430px);padding:18px;border-radius:8px;background:#fff}.login-modal h2{margin:0 0 8px}.agreement-row{display:flex;gap:8px;align-items:flex-start;margin:14px 0}.agreement-row a{color:#e53935;font-weight:700}.warning{padding:10px;border-radius:8px;background:#fff7ed;color:#9a3412}.error-text{color:#d93025}.modal-actions{display:flex;justify-content:flex-end;gap:10px}.html-content{color:#374151;line-height:1.7}.html-content img{height:auto;border-radius:8px}@media (min-width: 760px){.app-shell{margin-top:18px;margin-bottom:18px;border-radius:10px;overflow:hidden}}.state-block.tone-muted{color:#9ca3af}.badge{position:absolute;top:4px;left:4px;background:#f6d27a;color:#713f12;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:700}.product-image{position:relative}.meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.sold{color:#9ca3af;font-size:12px}.member-badge{background:#fef3c7;color:#92400e;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:700}.member-pill.member-vip{color:#92400e;background:#fef3c7;padding:2px 6px;border-radius:4px;font-size:11px}.member-pill.member-free{color:#6b7280;background:#f3f4f6;padding:2px 6px;border-radius:4px;font-size:11px}.product-card.layout-list{display:grid;grid-template-columns:92px minmax(0,1fr);gap:8px}.product-card.layout-list .product-image{aspect-ratio:1 / 1}.product-card.layout-list .product-meta{align-content:start}.product-grid.layout-list{grid-template-columns:1fr;gap:4px}.detail-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px}.purchase-summary{margin-top:10px;padding:10px;background:#f9fafb;border-radius:8px}.summary-line{display:flex;justify-content:space-between;gap:12px;padding:3px 0;color:#6b7280;font-size:13px}.summary-value{color:#202124;font-weight:600}.step-block{margin-top:14px;padding:12px;background:#f9fafb;border-radius:8px;text-align:center}.step-title{font-weight:700;color:#202124;margin:0 0 6px}.finger{color:#e53935;font-size:16px;margin:4px 0}.block-button{width:100%;margin-top:8px;padding:12px;font-size:15px}.copy-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.qr-save-tip{color:#9ca3af;font-size:12px;margin-top:6px}.limit-tip{margin-top:8px;padding:8px 10px;background:#fff7ed;color:#9a3412;border-radius:6px;font-size:13px}.neutral-button{border:1px solid #d1d5db;border-radius:8px;background:#fff;color:#374151;padding:9px 14px;font-weight:700}.price-calculator{margin-top:12px}.calc-subtitle{font-size:13px;margin:4px 0 10px}.calc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.calc-field{display:grid;gap:4px;font-size:13px;color:#6b7280}.calc-field-wide{grid-column:1 / -1}.calc-field input{padding:8px;border:1px solid #e5e7eb;border-radius:6px;font-size:14px}.calc-actions{display:flex;gap:10px;margin-top:12px}.calc-result{margin-top:14px;padding:12px;background:#f9fafb;border-radius:8px}.result-row{display:flex;justify-content:space-between;gap:12px;padding:4px 0;color:#6b7280;font-size:13px}.result-row span:last-child{color:#202124;font-weight:600}.result-final{border-top:1px solid #e5e7eb;margin-top:6px;padding-top:8px}.result-final span:last-child{color:#e53935;font-size:16px;font-weight:800}.install-guide-modal{width:min(100%,430px);padding:18px;border-radius:8px;background:#fff}.install-guide-header{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.install-guide-eyebrow{margin:0 0 4px;color:#e53935;font-size:13px;font-weight:700}.install-guide-header h2{margin:0;font-size:18px}.install-guide-close{width:36px;height:36px;border:0;border-radius:6px;background:transparent;color:#6b7280;font-size:26px;line-height:1}.install-guide-intro{margin:14px 0 0;color:#4b5563;line-height:1.6}.install-guide-steps{padding-left:20px;margin:12px 0}.install-guide-steps li{margin-bottom:14px;color:#374151;line-height:1.6}.install-guide-note{margin:0;padding:9px 10px;border-radius:6px;background:#fff7ed;color:#9a3412;font-size:13px;line-height:1.5}.install-guide-confirm{width:100%;min-height:44px;margin-top:16px}.category-grid{grid-template-columns:repeat(var(--category-columns, 4),1fr)}.home-top-actions{display:flex;justify-content:flex-end;min-height:26px;margin-bottom:4px}.home-view .search-box{margin-bottom:4px}.home-view .notice-box{margin:0 0 4px;padding:8px 10px}.home-view .section-block{margin-top:4px}.home-view .section-heading{margin-bottom:4px}.home-view .hotword-row{padding:2px 0 4px}.home-view .xhhxuan--home-middle{margin-top:4px}.share-site-button{display:inline-flex;align-items:center;gap:4px;min-height:30px;padding:4px 0;border:0;background:transparent;color:#6b7280;font-size:13px}.detail-topbar{position:sticky;top:0;z-index:5;display:grid;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;min-height:38px;margin:-14px -14px 0;padding:1px 14px;background:#f5f5f5f5;border-bottom:1px solid #e5e7eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.detail-topbar strong{overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600}.detail-topbar button{display:grid;width:34px;height:34px;place-items:center;border:0;border-radius:6px;background:transparent;color:#374151}.detail-topbar button:disabled,.share-site-button:disabled{opacity:.55;cursor:not-allowed}.share-sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:flex-end;justify-content:center;background:#0f172a6b}.share-sheet{width:min(100%,520px);padding:18px 14px calc(16px + var(--bottom-safe-gap));background:#fff;border-radius:12px 12px 0 0}.share-sheet header strong{display:block;font-size:18px}.share-sheet header p{overflow:hidden;margin:5px 0 14px;color:#6b7280;text-overflow:ellipsis;white-space:nowrap}.share-sheet__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.share-sheet__actions button{display:grid;min-height:74px;place-items:center;gap:5px;padding:8px 4px;border:1px solid #e5e7eb;border-radius:8px;background:#fff;color:#374151;font-size:12px}.share-sheet__actions button:disabled{opacity:.45;cursor:not-allowed}.share-sheet__qrcode{display:grid;min-height:120px;margin-top:14px;place-items:center;color:#6b7280}.share-sheet__qrcode img{width:min(220px,70vw);height:auto}.share-sheet__url{display:grid;gap:6px;margin-top:14px;color:#6b7280;font-size:12px}.share-sheet__url input{width:100%;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#f9fafb;color:#374151}.share-sheet__hint{margin:10px 0 0;color:#6b7280;font-size:12px}.share-sheet__cancel{width:100%;min-height:44px;margin-top:14px;border:0;border-radius:8px;background:#f3f4f6;color:#374151;font-weight:700}.share-toast{position:fixed;right:16px;bottom:calc(var(--bottom-nav-content-height) + var(--bottom-safe-gap) + 12px);left:16px;z-index:1300;width:fit-content;max-width:calc(100% - 32px);margin:0 auto;padding:10px 12px;border-radius:6px;background:#1f2937f0;color:#fff;font-size:13px;text-align:center}.copy-feedback{position:fixed;right:16px;bottom:calc(var(--bottom-nav-content-height) + var(--bottom-safe-gap) + 12px);left:16px;z-index:1300;width:min(320px,calc(100% - 32px));margin:0 auto;padding:10px 12px;border:1px solid #fecaca;border-radius:8px;background:#fff;box-shadow:0 8px 24px #0f172a2e;color:#374151;font-size:13px}.copy-feedback strong,.copy-feedback span{display:block}.copy-feedback strong{margin-bottom:4px;color:#e53935;font-size:14px}