:root{color:#102033;background:#f3f5f8;font-family:Microsoft YaHei,PingFang SC,Noto Sans SC,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#f3f5f8}button,input{font:inherit}.page{width:min(1400px,calc(100vw - 32px));margin:12px auto 40px}.filter-panel{background:#fff;border-radius:6px;box-shadow:0 8px 26px #10203312;padding:14px 24px 10px}.panel-title{height:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e5eaf1;color:#0c2742;font-size:14px;font-weight:700}.language-switch{display:inline-flex;border:1px solid #dde5ef;border-radius:999px;padding:2px;background:#f8fafc}.language-switch button{height:24px;min-width:48px;border:0;border-radius:999px;background:transparent;color:#64748b;cursor:pointer;font-size:12px}.language-switch button.active{background:#102033;color:#fff}.filter-row{display:grid;grid-template-columns:92px 1fr;align-items:center;min-height:42px;border-bottom:1px solid #e8edf4;column-gap:0}.single-line-options{display:flex;align-items:center;gap:22px;min-width:0;overflow-x:auto;white-space:nowrap}.expandable-row{grid-template-columns:92px minmax(0,1fr) 62px;align-items:start;padding:8px 0}.filter-label{color:#8290a2;font-size:13px}.filter-option{width:auto;min-width:70px;max-width:none;margin:0;padding:3px 10px;border:0;border-radius:4px;background:transparent;color:#09243e;cursor:pointer;white-space:nowrap}.filter-options-wrap{display:flex;flex-wrap:wrap;gap:10px 22px;max-height:220px;overflow:hidden;padding-right:12px}.filter-options-wrap.collapsed{max-height:26px}.tag-filter-row{align-items:start}.tag-groups{display:grid;gap:9px;max-height:260px;overflow:hidden;padding-right:12px}.tag-groups.collapsed{max-height:34px}.tag-group{display:grid;grid-template-columns:56px minmax(0,1fr);align-items:start;gap:10px;min-width:0}.tag-group-name{height:26px;display:inline-flex;align-items:center;justify-content:center;border-radius:4px;background:#f3f6fa;color:#607086;font-size:12px}.tag-group-options{display:flex;flex-wrap:nowrap;gap:16px;min-width:0;overflow-x:auto;padding-bottom:2px;white-space:nowrap}.tag-group-options::-webkit-scrollbar,.single-line-options::-webkit-scrollbar{height:4px}.tag-group-options::-webkit-scrollbar-thumb,.single-line-options::-webkit-scrollbar-thumb{border-radius:999px;background:#d5deea}.toggle-button{height:26px;border:1px solid #dde5ef;border-radius:4px;background:#fff;color:#526276;cursor:pointer;font-size:12px}.toggle-button span{display:inline-block;margin-left:3px;color:#7b8a9c}.filter-option:hover,.filter-option.active{color:#ff4f3d;background:#fff0ed}.platform-option{width:max-content;max-width:180px;min-width:auto;margin:4px 0;display:inline-flex;align-items:center;gap:8px}.platform-mark{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#0f172a;color:#fff;font-size:12px;font-weight:800}.search-row{grid-template-columns:92px minmax(220px,360px) auto auto 1fr;gap:12px;border-bottom:0;padding:8px 0 2px}.keyword-input{height:32px;border:1px solid #dfe6ef;border-radius:18px;padding:0 14px;outline:none;color:#102033}.keyword-input:focus{border-color:#ff6a57;box-shadow:0 0 0 3px #ff6a571f}.search-button,.ghost-button{height:32px;border-radius:4px;padding:0 16px;border:1px solid transparent;cursor:pointer}.search-button{background:#ff5140;color:#fff}.search-button:disabled{background:#ffb6ad;color:#fff7f5;cursor:not-allowed}.ghost-button{background:#fff;border-color:#dde5ef;color:#506174}.ghost-button:disabled{color:#b8c1cc;cursor:not-allowed}.result-toolbar{display:flex;justify-content:space-between;align-items:center;margin:18px 0 14px;color:#23364a;font-size:14px}.count{color:#ff5140;font-weight:700}.selected-count{margin-left:12px;color:#6b7c90}.toolbar-actions{display:flex;align-items:center;gap:10px}.select-page{display:inline-flex;align-items:center;gap:6px;color:#506174}.page-index{color:#788696}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{position:relative;background:#fff;border:1px solid #e4eaf2;border-radius:6px;overflow:hidden;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card.selected{border-color:#ff6958;box-shadow:0 0 0 2px #ff695829}.card-check{position:absolute;z-index:2;top:10px;left:10px;display:inline-grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#ffffffe6;box-shadow:0 4px 12px #1020332e}.product-card:hover{transform:translateY(-2px);border-color:#ffd2ca;box-shadow:0 12px 26px #1020331c}.image-wrap{aspect-ratio:4 / 3;background:#eef2f6;overflow:hidden}.image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.card-body{padding:12px 12px 14px}.card-body h2{margin:0 0 9px;color:#102033;font-size:14px;line-height:1.45;font-weight:600;height:40px;overflow:hidden}.meta-line{display:flex;justify-content:space-between;gap:8px;color:#5f6f82;font-size:12px}.tag-list{display:flex;flex-wrap:nowrap;gap:6px;margin-top:10px;min-height:24px;overflow:hidden;white-space:nowrap;align-items:center}.tag-list.expanded{flex-wrap:wrap;white-space:normal}.tag-list span{flex:0 0 auto;padding:3px 7px;border-radius:4px;background:#f2f5f8;color:#6a7888;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag-list span.matched{background:#fff0ed;color:#ff5a49}.tag-more-button{flex:0 0 auto;height:22px;padding:0 8px;border:0;border-radius:999px;background:#eef3f8;color:#607086;cursor:pointer;font-size:12px}.status{margin:20px 0;text-align:center;color:#66778a}.status.error{color:#d73b2f}.modal-mask{position:fixed;inset:0;z-index:20;display:grid;place-items:center;padding:28px;background:#0b192b8f}.image-modal{width:min(1120px,100%);max-height:min(88vh,900px);display:flex;flex-direction:column;overflow:hidden;border-radius:10px;background:#fff;box-shadow:0 24px 70px #00000047}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 20px;border-bottom:1px solid #e8edf4}.modal-header h3{margin:0;color:#102033;font-size:16px}.modal-header p{margin:5px 0 0;color:#738296;font-size:13px}.modal-grid{overflow:auto;padding:16px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;background:#f6f8fb}.modal-grid img{width:100%;border-radius:8px;display:block;background:#eef2f6}@media(max-width:1100px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.page{width:min(100vw - 20px,720px)}.filter-panel{padding:12px 14px 10px}.filter-row,.search-row{grid-template-columns:1fr;gap:8px;padding:9px 0}.filter-option{width:100%;max-width:100%}.filter-options-wrap,.tag-groups{padding-right:0}.tag-group{grid-template-columns:1fr;gap:6px}.tag-group-options{flex-wrap:nowrap}.toggle-button{width:70px}.platform-option{width:max-content;max-width:180px;margin-right:12px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.result-toolbar{align-items:flex-start;flex-direction:column;gap:10px}.toolbar-actions{flex-wrap:wrap}.modal-mask{padding:12px}.modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}