:root{--blue:#2878f0;--blue2:#4094ff;--text:#24272d;--muted:#858c98;--line:#e9ebef;--bg:#f5f6f7;--panel:#fff;--soft:#f7f8fa;--green:#20a66a;--orange:#f19348;--side:250px;--header:42px;font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);font-size:14px;font-synthesis:none}
*{box-sizing:border-box}html,body{height:100%;margin:0;background:#fff;overflow:hidden}button,input,select{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none;cursor:pointer}.app-shell{height:100%;width:100%;position:relative;overflow:hidden;background:#fff}.topbar{position:absolute;z-index:12;left:0;right:0;top:0;height:var(--header);display:flex;align-items:center;background:#fff;border-bottom:1px solid #e8eaee;padding:0 22px;gap:34px}.brand{width:245px;display:flex;align-items:center;gap:9px;flex:none}.brand-name{font-size:18px;font-weight:600;letter-spacing:-.2px}.beta{font-size:12px;color:#818894;background:#f2f3f5;padding:4px 7px;border-radius:3px}.top-links{display:flex;align-items:center;gap:28px;font-size:15px;color:#484b52;height:100%}.top-links span{white-space:nowrap}.top-actions{margin-left:auto;display:flex;align-items:center;height:100%;gap:16px} .top-action{height:42px;min-width:42px;padding:1px 2px 0;border:0;background:transparent;color:#767d87;display:flex;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:11px;white-space:nowrap}.top-action .icon{height:18px;font-style:normal;font-size:17px;line-height:17px;color:#77808c}.badge{position:absolute;top:-1px;right:0;background:#f04452;color:#fff;border-radius:14px;padding:1px 4px;font-size:9px;line-height:13px}.badge.wide{right:-9px}.account{display:flex;align-items:center;gap:8px;margin-left:5px;padding-left:16px;border-left:1px solid #e8eaee;height:30px;white-space:nowrap;font-size:12px}.avatar{width:29px;height:29px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#1f9ee8;color:#fff;font-size:17px}.chev{margin-left:20px;color:#6d7480;font-size:18px}.app-body{position:absolute;left:0;right:0;top:var(--header);bottom:0;display:flex;overflow:hidden}.sidebar{width:var(--side);flex:none;background:#fff;border-right:1px solid #e8eaee;position:relative;display:flex;flex-direction:column;z-index:2}.side-nav{overflow:auto;padding:0 8px 46px 0;scrollbar-width:thin;scrollbar-color:#d5d8de transparent}.nav-section{border-bottom:1px solid #f0f1f3;padding:0 0 5px}.nav-heading{height:42px;display:flex;align-items:center;padding:0 12px 0 17px;gap:10px;font-size:14px;white-space:nowrap}.nav-heading b{font-size:14px;font-weight:600}.nav-icon{color:#515963;font-size:17px;width:18px;text-align:center}.nav-caret{margin-left:auto;color:#8c929a}.red-tag{font-size:10px;background:#ee4653;color:#fff;padding:1px 5px;border-radius:8px;margin-left:auto}.nav-grid{display:grid;grid-template-columns:1fr 1fr;padding:2px 8px 8px 16px;column-gap:8px;row-gap:0}.nav-grid a{height:31px;display:flex;align-items:center;padding:0 0 0 2px;font-size:12px;color:#454a52;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nav-grid a:hover,.nav-grid a.active{color:#2878f0}.nav-grid a.active{font-weight:600}.side-collapse{height:36px;position:absolute;bottom:0;left:0;right:0;background:white;border:0;border-top:1px solid #eff0f2;color:#737a84}.main-area{flex:1;min-width:0;overflow:auto;position:relative;background:#fff;scrollbar-width:thin;scrollbar-color:#cdd1d8 transparent}.content{min-height:100%;padding:14px 24px 30px;position:relative;z-index:1}.watermark{position:absolute;inset:var(--header) 0 0 0;width:100%;height:calc(100% - var(--header));z-index:3;pointer-events:none;opacity:.44}.overlay-root{position:absolute;inset:var(--header) 0 0;z-index:20;pointer-events:none}.overlay-root.open{pointer-events:auto}.toast{position:absolute;z-index:40;left:50%;top:60px;transform:translate(-50%,-10px);background:#24272d;color:#fff;font-size:13px;padding:9px 16px;border-radius:5px;opacity:0;pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translate(-50%,0)}
.page-heading{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:0 0 15px}.page-heading h1{font-size:22px;line-height:30px;margin:0;font-weight:650;letter-spacing:.1px}.page-meta{display:flex;align-items:center;gap:7px;color:#6f7783;font-size:12px}.market-pills{display:flex;align-items:center;background:#f6f7f8;border-radius:20px;padding:3px}.market-pills button{background:transparent;border:1px solid transparent;border-radius:18px;color:#6d7480;padding:6px 12px;font-size:12px;white-space:nowrap}.market-pills button.active{background:#fff;border-color:#6ea2ff;color:#2878f0;box-shadow:0 1px 3px #dbe4f1}.market-dot{font-size:12px;margin-right:5px}.promo{min-height:126px;border:1px solid #e1efff;border-radius:4px;padding:18px 20px;background:linear-gradient(104deg,#f1faff,#fff 55%,#f4fbff);position:relative;overflow:hidden;margin-bottom:15px}.promo:after{content:"";position:absolute;width:390px;height:210px;right:4%;top:-80px;border:1px solid #d9edff;border-radius:50%;box-shadow:0 0 0 20px #e9f6ff,0 0 0 45px #f0f9ff;opacity:.48;transform:rotate(-10deg)}.promo h2{font-size:21px;margin:0 0 7px;font-weight:700}.promo h2 em{font-style:normal;color:#f2a54c}.promo .promo-sub{font-size:12px;color:#697789;margin:0 0 11px}.benefits{display:flex;gap:18px;flex-wrap:wrap;position:relative;z-index:1}.benefit{font-size:12px;color:#515b68;white-space:nowrap}.check{color:#55bb83;margin-right:5px}.new{font-size:9px;background:#ffe35b;color:#805e00;border-radius:3px;padding:1px 3px;margin-left:3px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:13px}.step{height:58px;border:1px solid #e7ebf1;background:#fff;border-radius:4px;display:flex;align-items:center;gap:12px;padding:8px 14px}.step-no{font-size:20px;color:#5a8ff0;font-weight:600}.step-title{font-size:13px;font-weight:600;margin-bottom:4px}.step-desc{font-size:11px;color:#9198a3}.filter-panel{background:#f7f8f9;padding:13px 16px 12px;border-radius:3px;margin-bottom:12px}.filter-grid{display:grid;grid-template-columns:minmax(230px,1fr) minmax(260px,1.1fr) minmax(210px,1fr);align-items:center;gap:10px 18px}.field{display:grid;grid-template-columns:85px minmax(100px,1fr);gap:8px;align-items:center;min-width:0}.field label{font-size:12px;color:#5b616a;text-align:right;white-space:nowrap}.control{height:30px;border:1px solid #d9dce1;border-radius:3px;background:#fff;padding:0 10px;min-width:0;width:100%;font-size:12px;color:#464b54;outline:none}.control:focus{border-color:#7ba9ff;box-shadow:0 0 0 2px #e9f1ff}.field-actions{grid-column:2;display:flex;gap:8px;margin-left:0}.btn{border:1px solid #d5d9df;background:#fff;color:#454b53;border-radius:3px;padding:0 15px;height:31px;font-size:12px}.btn.primary{background:#347ef3;color:white;border-color:#347ef3}.btn:hover{filter:brightness(.98);border-color:#96b9f4}.btn.small{height:28px;padding:0 12px}.category-nav{height:42px;border-bottom:1px solid #e4e7ec;display:flex;align-items:stretch;gap:18px;margin:0 0 10px;white-space:nowrap}.category-nav button{border:0;background:none;padding:0 7px;color:#626a74;font-size:13px;position:relative}.category-nav button.active{color:#2878f0;font-weight:600}.category-nav button.active:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#4a89f3}.category-nav .nav-note{font-size:11px;color:#89909a;margin-left:auto;align-self:center}.toggle-label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#65707d}.toggle{width:29px;height:16px;background:#3a83f0;border-radius:9px;position:relative}.toggle:after{content:"";position:absolute;right:2px;top:2px;width:12px;height:12px;border-radius:50%;background:#fff}.subtabs{display:flex;gap:0;margin:7px 0 11px}.subtabs button{border:1px solid #d6dbe2;background:#fff;height:28px;padding:0 17px;font-size:12px;color:#626a74}.subtabs button:first-child{border-radius:3px 0 0 3px}.subtabs button:last-child{border-radius:0 3px 3px 0}.subtabs button.active{color:#2878f0;border-color:#5997f8;background:#fff}.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.product-card{min-width:0;border:1px solid #eceef1;background:#fff;border-radius:4px;padding:8px 9px 10px;transition:box-shadow .16s,border-color .16s;position:relative}.product-card:hover{border-color:#d3d9e2;box-shadow:0 3px 12px #1f2d3d16}.product-photo{width:100%;aspect-ratio:1.16/1;object-fit:cover;background:#f5f5f5;border-radius:3px;display:block}.product-name{font-size:12px;line-height:18px;height:36px;overflow:hidden;margin:7px 0 6px;color:#343942}.product-name strong{color:#347ef3;font-weight:600}.product-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:6px}.tag{font-size:10px;line-height:17px;border-radius:3px;background:#f2f3f5;color:#777e88;padding:0 6px;white-space:nowrap}.tag.blue{color:#2a76dc;background:#edf5ff}.tag.orange{color:#ee7b36;background:#fff3e8}.sales-line{font-size:11px;color:#9a9fa8;height:17px}.product-card .btn{width:100%;margin-top:5px}.pagination{height:48px;display:flex;align-items:center;justify-content:flex-end;gap:6px;color:#79808b;font-size:11px}.pagination button{height:26px;min-width:26px;border:1px solid #e1e4e8;border-radius:3px;background:#fff;color:#666e79;font-size:11px}.pagination button.active{color:#fff;background:#347ef3;border-color:#347ef3}.pagination select{height:26px;border:1px solid #dfe2e7;border-radius:3px;background:#fff;color:#666;padding:0 6px;font-size:11px}
.tabs-row{display:flex;align-items:center;border-bottom:1px solid #e5e8ed;height:37px;gap:22px;margin:-3px 0 15px}.tabs-row button{height:37px;border:0;background:transparent;font-size:14px;color:#59616c;padding:0 0;position:relative}.tabs-row button.active{color:#2878f0;font-weight:600}.tabs-row button.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#347ef3}.hint-link{margin-left:auto;color:#347ef3;font-size:12px;cursor:pointer}.insight-filters{padding:16px 18px;background:#f7f8f9;border-radius:3px;margin-bottom:16px}.insight-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12px 26px;align-items:start}.insight-field{display:grid;grid-template-columns:72px 150px minmax(160px,1fr);align-items:center;gap:8px}.insight-field label{font-size:12px;color:#59616b;text-align:right}.insight-field .span2{grid-column:2/4}.insight-actions{grid-column:1/3;margin-left:80px;display:flex;gap:8px}.data-tabs{height:35px;display:flex;border-bottom:1px solid #e4e7eb;margin:0 0 0}.data-tabs button{border:1px solid transparent;border-bottom:0;background:#fff;padding:0 17px;color:#555d68;font-size:12px}.data-tabs button.active{color:#347ef3;border:1px solid #d9e5f7;border-bottom:1px solid #fff;border-radius:3px 3px 0 0;font-weight:600}.table-wrap{overflow:auto;border:1px solid #e5e8ed;border-radius:3px 3px 0 0;background:#fff}.data-table{border-collapse:collapse;width:100%;min-width:930px;font-size:11px;text-align:center}.data-table th{background:#f6f7f8;color:#646b75;font-weight:500;border:1px solid #e4e7eb;padding:9px 7px;line-height:16px;white-space:nowrap}.data-table td{border:1px solid #eceef1;padding:8px 7px;line-height:16px;vertical-align:middle}.data-table tbody tr:nth-child(even){background:#fafbfc}.data-table tbody tr:hover{background:#f5f9ff}.sortable{color:#68717e}.product-info-cell{display:flex;align-items:center;text-align:left;gap:9px;min-width:240px}.thumb{width:50px;height:55px;object-fit:cover;background:#f2f3f4;flex:none;border-radius:2px}.product-title-link{font-size:11px;color:#2376db;line-height:16px;display:block;max-width:245px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.muted{color:#949ba5}.subline{font-size:10px;color:#828994;line-height:15px}.blue-link{color:#247be3;cursor:pointer}.green-number{color:#20a369}.red-number{color:#ec6461}.score-label{display:block;font-size:10px;color:#7d8590}.metric-tag{display:inline-block;margin:1px 2px;padding:2px 5px;border-radius:3px;background:#e9f5ff;color:#2e83db;font-size:10px;white-space:nowrap}.table-actions{color:#2c77da;white-space:nowrap}.table-actions span{display:block;cursor:pointer}.market-table .data-table{min-width:1080px}.empty{min-height:180px;display:flex;align-items:center;justify-content:center;color:#a2a8b1;font-size:12px;flex-direction:column;gap:8px}.empty-ico{font-size:28px;color:#cdd5e1}.page-pagination{padding:9px 12px;display:flex;justify-content:flex-end;gap:7px;align-items:center;color:#89909a;font-size:11px}.pill-blue{color:#347ef3;background:#edf6ff;border-radius:3px;padding:3px 6px;font-size:10px}.notice{padding:8px 10px;border:1px solid #e8f1fd;border-radius:3px;background:#f6fbff;color:#697e95;font-size:11px;margin-bottom:12px}.region-switch{display:flex;align-items:center;gap:3px;background:#f7f8fa;padding:3px;border-radius:18px}.region-switch button{border:1px solid transparent;background:transparent;color:#656d78;padding:6px 11px;border-radius:16px;font-size:11px}.region-switch button.active{border-color:#79a9fb;color:#2878f0;background:white}.category-groups{font-size:11px;color:#565e69}
.detail-page-title{font-size:18px;font-weight:650;margin:0 0 13px}.detail-hero{background:linear-gradient(110deg,#e8faff,#f4fbff 60%,#e8f7ff);padding:22px 24px;border-radius:3px;margin-bottom:18px}.detail-hero h2{font-size:28px;margin:0 0 11px;color:#17263d;font-weight:800;letter-spacing:1px}.detail-hero h2 em{font-style:normal;color:#2d86ed}.detail-badges{display:flex;gap:10px;flex-wrap:wrap}.detail-badges span{background:#fff;border-radius:20px;padding:7px 12px;color:#687181;font-size:12px}.section-title{margin:17px 0 11px;font-size:16px;font-weight:650;display:flex;align-items:center;gap:8px}.section-title:before{content:"";height:18px;width:3px;background:#3785f5;border-radius:3px}.item-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;padding:18px 0 20px;border-bottom:1px solid #edeff2}.item-detail-main{display:flex;gap:17px}.item-hero-image{width:180px;height:172px;object-fit:cover;background:#f1f2f4;border-radius:3px}.thumb-strip{display:flex;gap:7px;margin-top:10px}.thumb-strip img{width:38px;height:38px;object-fit:cover;border:1px solid #eceef0;border-radius:2px}.detail-product-copy{min-width:0}.detail-product-copy h3{font-size:17px;line-height:25px;margin:0 0 10px;font-weight:600}.detail-product-copy p{font-size:12px;color:#777e88;margin:0 0 7px}.requirements{border-left:1px solid #e6e8eb;padding-left:22px}.requirements h3{font-size:14px;margin:2px 0 10px}.requirements p{font-size:12px;color:#707781;line-height:22px;margin:5px 0}.stamp{display:inline-flex;color:#d99156;border:2px solid #d99156;border-radius:50%;width:70px;height:70px;align-items:center;justify-content:center;font-weight:700;transform:rotate(15deg);font-size:13px;margin-left:20px}.detail-bottom{padding:17px 0}.detail-bottom .section-title{margin-top:0}.detail-toolbar{display:flex;align-items:center;gap:12px;color:#5f6772;font-size:12px}.detail-toolbar .right{margin-left:auto}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.42);pointer-events:auto}.drawer{position:absolute;top:0;right:0;bottom:0;width:calc(100% - var(--side));background:#fff;overflow:auto;box-shadow:-6px 0 18px #0000001b;pointer-events:auto}.drawer.full{width:100%}.drawer-header{height:46px;position:sticky;top:0;z-index:5;display:flex;align-items:center;background:#fff;border-bottom:1px solid #eceef0;padding:0 20px;font-size:15px;font-weight:600}.drawer-close{margin-left:auto;border:0;background:none;font-size:21px;color:#7b828c}.drawer-body{padding:15px 21px 24px}.drawer .detail-hero{padding:20px 25px}.theme-hero{background:linear-gradient(115deg,#ffe5d3,#fff4ec);position:relative;overflow:hidden}.theme-hero:after{content:"♛";position:absolute;right:9%;top:-30px;font-size:125px;color:#f7c6a5;opacity:.35}.theme-hero h2{font-size:34px;color:#1d2940}.theme-title{font-size:20px;font-weight:700;margin:0 0 8px}.theme-copy{font-size:12px;line-height:19px;color:#747b84;margin:10px 0}.zero-pills{display:flex;gap:10px;color:#267de1;font-size:12px}.theme-products{display:grid;grid-template-columns:repeat(6,minmax(110px,1fr));gap:10px;margin-top:12px}.theme-product{border:1px solid #eceef1;padding:8px;border-radius:4px}.theme-product img{width:100%;aspect-ratio:1/1;object-fit:cover;background:#f4f4f4}.theme-product strong{display:block;font-size:11px;margin:5px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-product button{width:100%;height:26px;border:1px solid #d5e3f9;background:#fff;color:#327dde;border-radius:3px;font-size:10px}.niche-top{display:grid;grid-template-columns:1fr 1fr;gap:10px;border:1px solid #e8eaee;padding:20px 18px;border-radius:4px;min-height:250px}.niche-stats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.niche-stat span{display:block;color:#747b86;font-size:12px;margin-bottom:5px}.niche-stat strong{font-size:23px}.index-chips{display:flex;gap:5px;margin-top:4px}.index-chip{font-size:10px;color:#2780dc;background:#eaf5ff;padding:3px 6px;border-radius:3px}.radar{width:100%;height:230px}.drawer-tabs{display:flex;gap:0;border-bottom:1px solid #e7eaee;margin-top:14px}.drawer-tabs button{height:34px;padding:0 18px;border:1px solid transparent;background:white;font-size:12px;color:#5f6873}.drawer-tabs button.active{color:#2878f0;border:1px solid #e4e8ed;border-bottom-color:#fff}.chart-card{margin-top:10px;padding:11px 12px;border:1px solid #eef0f3;border-radius:3px;background:#fff}.chart-title{font-size:13px;font-weight:600;margin:0 0 7px}.line-chart{width:100%;height:215px;display:block}.compact-table{width:100%;border-collapse:collapse;font-size:11px}.compact-table th,.compact-table td{border:1px solid #e8eaee;padding:7px;text-align:center}.compact-table th{background:#f7f8f9;color:#707783;font-weight:500}.compact-table td:first-child{text-align:left}.date-chips{display:flex;align-items:center;gap:0}.date-chips button{height:28px;padding:0 13px;border:1px solid #d9dde3;background:#fff;font-size:11px}.date-chips button:first-child{border-radius:3px 0 0 3px}.date-chips button:last-child{border-radius:0 3px 3px 0}.date-chips button.active{color:#2878f0;border-color:#71a5fa}.insight-product-head{display:flex;gap:14px;align-items:flex-start;background:#f5f6f7;border-radius:3px;padding:11px;margin-bottom:14px}.insight-product-head img{width:48px;height:48px;object-fit:cover}.insight-product-head strong{font-size:13px;line-height:19px}.insight-product-head p{font-size:11px;color:#78808a;margin:5px 0 0}.drawer-section{margin:17px 0}.drawer-section h3{font-size:15px;margin:0 0 10px}.metric-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:9px}.metric-box{min-height:200px;background:#fafbfc;border:1px solid #edf0f3;border-radius:3px;padding:13px}.metric-box h4{font-size:12px;margin:0 0 7px}.metric-value{font-weight:700;font-size:17px;float:right}.empty-graphic{height:110px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#aab1bb;font-size:11px}.empty-graphic span{font-size:27px;color:#d3dbe3}.refund-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.refund-col{padding:13px;border:1px solid #edf0f3;border-radius:3px}.refund-col h4{font-size:12px;margin:0 0 8px}.refund-col strong{font-size:20px;display:block;margin:5px 0}.refund-col p{font-size:10px;color:#9198a2;margin:0 0 12px}.reason{font-size:10px;display:flex;justify-content:space-between;margin:6px 0}.reason b{height:5px;background:#f2a647;border-radius:4px;display:inline-block;flex:1;margin:4px 8px}.attribute-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.attribute-box{border:1px solid #e8ebef;border-radius:3px;padding:12px;min-height:140px}.attribute-box h4{font-size:12px;margin:0 0 10px}.attribute-row{display:flex;justify-content:space-between;font-size:10px;margin:6px 0;color:#707984}.bar{height:5px;background:#edf0f3;border-radius:4px;margin-top:3px;overflow:hidden}.bar i{height:100%;display:block;background:#f0aa4f}.overlay-toast{color:#fff}
@media(max-width:1250px){:root{--side:220px}.content{padding:18px}.product-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.top-actions{gap:8px}.top-links{gap:16px}.brand{width:210px}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.field-actions{grid-column:2}.theme-products{grid-template-columns:repeat(4,minmax(110px,1fr))}}
@media(max-width:900px){:root{--side:64px}.brand{width:auto}.brand-name{font-size:14px}.beta,.top-links,.top-action span,.top-action .badge,.nav-heading b,.nav-caret,.nav-grid{display:none}.topbar{gap:18px}.sidebar{align-items:center}.nav-heading{justify-content:center;padding:0}.nav-icon{font-size:18px}.nav-section{width:100%}.side-collapse{font-size:12px}.content{padding:14px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.filter-grid,.insight-grid{grid-template-columns:1fr}.field-actions,.insight-actions{grid-column:1;margin-left:0}.insight-field{grid-template-columns:70px 1fr}.insight-field .span2{grid-column:2}.page-heading{align-items:flex-start;flex-direction:column}.item-detail-grid{grid-template-columns:1fr}.requirements{border-left:0;padding-left:0}.drawer{width:calc(100% - var(--side))}}

.card-hit{position:absolute;top:8px;left:8px;right:8px;bottom:116px;border:0;background:transparent;padding:0;z-index:1}

/* Reference-specific states restored from the screen recordings. */
.step{height:68px;gap:14px;padding:9px 18px;position:relative;border-color:#e2e7ee}
.step-current{border-color:#9bbcff;background:linear-gradient(100deg,#f8fbff,#fff 72%);box-shadow:inset 0 0 0 1px #eff5ff}
.step-copy{flex:1;min-width:0}
.step-title{font-size:14px;white-space:nowrap}
.step-title b{float:right;font-size:16px;color:#9299a3;font-weight:600;margin-left:10px}
.step-current .step-title{color:#347ef3}
.step-current .step-title b{color:#347ef3}
.step-desc{font-size:12px;line-height:17px}
.step:not(:last-child):after{content:"››";position:absolute;right:-12px;z-index:1;color:#d9e6fb;font-size:21px;letter-spacing:-8px;background:#fff;line-height:1;padding:2px 8px}
.opportunity-empty{min-height:285px}
.theme-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.theme-list-card{min-width:0;border:1px solid #e7e9ed;border-radius:5px;padding:14px;background:#fff}
.theme-list-card header{display:flex;align-items:flex-start;gap:12px;min-height:42px}
.theme-list-card header>div{min-width:0;flex:1}
.theme-list-card header strong{font-size:16px;line-height:22px;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-list-card header span{display:inline-block;margin-top:4px;padding:2px 6px;background:#f1f2f4;color:#838a94;font-size:10px;border-radius:3px}
.theme-list-card header .btn{flex:none}
.theme-list-copy{height:28px;margin:7px 0 8px;background:#fafafa;color:#7c828b;font-size:11px;line-height:28px;padding:0 8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-list-copy span{color:#565e68}
.theme-list-gallery{height:194px;background:#fafafa;border-radius:4px;padding:8px;display:grid;grid-template-columns:1fr 1fr;gap:8px;overflow:hidden}
.theme-list-gallery>img{width:100%;height:100%;object-fit:cover;border-radius:3px;background:#f1f2f4}
.theme-list-gallery>div{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;min-width:0}
.theme-list-gallery>div img{width:100%;height:100%;object-fit:cover;border-radius:3px;background:#f1f2f4}
.theme-list-gallery>.theme-media-main{position:relative;display:flex;align-items:center;justify-content:center;background:#f1f2f2;border-radius:3px;color:#d6dce2;font-size:27px}
.theme-list-gallery>div:last-child{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr);gap:7px;min-width:0}
.theme-media-thumb{position:relative;display:flex;align-items:center;justify-content:center;background:#f1f2f2;border-radius:3px;color:#d6dce2;font-size:18px;min-width:0;min-height:0}
.theme-media-thumb b{position:absolute;right:5px;bottom:5px;border-radius:3px;background:#666;color:#fff;font:600 11px Arial,sans-serif;padding:2px 5px}
.directed-toggle{margin-left:auto;display:flex;align-items:center;gap:5px;border:0;background:transparent;padding:0 4px;color:#555d67;font-size:11px;white-space:nowrap}
.directed-toggle i{width:14px;height:14px;border:1px solid #c9ced6;border-radius:2px;background:#fff;color:#347ef3;font-size:12px;line-height:12px;font-style:normal}
.category-notice{display:flex;align-items:center;gap:12px;min-height:66px;padding:10px 15px!important;color:#657b92}
.category-notice img{width:45px;height:45px;object-fit:cover;border-radius:2px;background:#f1f2f4}
.category-notice>div{display:grid;gap:4px}
.category-notice b{font-weight:600}
.category-detail-tabs{height:37px;gap:26px}
.category-demand-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.category-demand-grid .metric-box{min-height:210px;padding:12px 13px}
.category-demand-grid .metric-box h4{font-size:12px;line-height:20px}
.metric-help{font-size:10px;color:#9ba2ab}
.category-demand-grid .metric-value{font-size:13px;line-height:20px;white-space:nowrap}
.category-trend{width:100%;height:158px;display:block;margin-top:2px}
.category-aftersales{grid-column:2;grid-row:2 / span 2}
.category-aftersales .refund-cols{gap:0;margin-top:8px}
.category-aftersales .refund-col{padding:7px 8px;border:0;border-radius:0;border-right:1px solid #e8eaee;min-width:0}
.category-aftersales .refund-col:last-child{border-right:0}
.category-aftersales .refund-col h4{font-size:11px;line-height:16px;min-height:30px;margin:0;color:#858c96}
.category-aftersales .refund-col strong{font-size:17px;margin:2px 0 0;color:#292d33}
.category-aftersales .refund-col p{font-size:10px;margin:0 0 8px;white-space:nowrap}
.top-reasons{display:block;font-size:10px;margin:4px 0 8px;white-space:nowrap}
.category-reason{display:flex;gap:6px;align-items:baseline;font-size:9px;line-height:16px;color:#7e858f;white-space:nowrap;overflow:hidden}
.category-reason strong{font-size:9px;color:#24272d;flex:none}
.category-reason span{overflow:hidden;text-overflow:ellipsis}
.category-supply{margin-top:20px}
.supply-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 20px;background:#fafbfc;border:1px solid #edf0f3;border-radius:4px;padding:15px 18px}
.supply-summary>div>span{display:block;color:#6f7782;font-size:12px;margin-bottom:5px}
.supply-summary>div>strong{display:block;font-size:22px;line-height:27px}
.supply-summary .rating-summary{grid-column:4;grid-row:1 / span 2}
.rating-row{display:flex;align-items:center;gap:8px;height:24px;font-size:11px;color:#585f68}
.rating-row b{width:32px;font-weight:500}
.rating-row i{height:7px;border-radius:5px;background:#eceff2;overflow:hidden;flex:1}
.rating-row em{height:100%;display:block;background:#f5a400;border-radius:5px}
.feature-heading{display:flex;align-items:center;gap:14px;margin:17px 0 10px;flex-wrap:wrap}
.feature-heading h3{font-size:15px;margin:0}
.feature-heading>span{font-size:12px;color:#58616d}
.feature-heading .btn{margin-left:auto}
.category-attributes .attribute-box{min-height:0}
.category-attributes .attribute-row{margin:4px 0;font-size:10px}
.category-attribute-empty{min-height:110px;border:1px solid #edf0f3;background:#fafbfc}
.theme-summary{display:flex;align-items:center;flex-wrap:wrap;gap:18px;padding:13px 0;border-bottom:1px solid #eceef1;font-size:12px;color:#5e6671}
.theme-summary>strong{font-size:13px}
.theme-summary>span b{font-weight:500;color:#2679dd}
.theme-filter{margin-left:auto;display:flex}
.theme-filter button{height:29px;padding:0 14px;border:1px solid #d8dde4;background:#fff;font-size:11px;color:#646c76}
.theme-filter button:first-child{border-radius:3px 0 0 3px}
.theme-filter button:last-child{border-radius:0 3px 3px 0}
.theme-filter button.active{color:#2878f0;border-color:#70a2f7}
.theme-products{grid-template-columns:repeat(6,minmax(100px,1fr))}
.theme-drawer{width:calc(100% - 64px)}
.theme-product{display:flex;flex-direction:column;gap:4px}
.theme-product strong{white-space:normal;min-height:31px;line-height:15px}
.theme-product .muted{font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.theme-product>.tag{align-self:flex-start}
@media(max-width:1100px){.theme-list{grid-template-columns:1fr}.category-aftersales{grid-column:1;grid-row:auto}.supply-summary{grid-template-columns:repeat(3,minmax(0,1fr))}.supply-summary .rating-summary{grid-column:3;grid-row:1 / span 2}}

.price-band-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);pointer-events:auto}
.price-band-modal{position:absolute;z-index:1;left:50%;top:50%;transform:translate(-50%,-50%);width:min(920px,59vw);max-height:calc(100% - 32px);display:flex;flex-direction:column;background:#fff;border-radius:3px;box-shadow:0 10px 36px #0003;pointer-events:auto;overflow:visible}
.price-band-title{height:52px;flex:none;display:flex;align-items:center;padding:0 24px;border-bottom:1px solid #e5e7eb;color:#30343a;font-size:20px;font-weight:600}
.price-band-close{position:absolute;right:-17px;top:-17px;width:42px;height:42px;border:0;border-radius:50%;background:#f3f4f5;color:#7f8790;font-size:27px;line-height:1;box-shadow:0 1px 3px #0002}
.price-band-content{min-height:0;overflow:auto;padding:28px 30px 16px}
.price-band-category{height:57px;display:flex;align-items:center;margin-bottom:14px;padding:0 17px;border-radius:6px;background:#f4f4f4;color:#60656c;font-size:16px;font-weight:600}
.price-band-table-wrap{overflow:auto;border:1px solid #e7e8ea;border-radius:4px}
.price-band-table{width:100%;border-collapse:collapse;text-align:center;color:#3a3d42;font-size:15px}
.price-band-table th,.price-band-table td{height:43px;padding:8px 14px;border:1px solid #e5e6e8;white-space:nowrap}
.price-band-table th{height:46px;background:#f6f7f8;color:#5e6269;font-weight:500}
.price-band-table th:first-child,.price-band-table td:first-child{text-align:left;width:25%}
.price-band-table tbody tr:nth-child(even){background:#f6f7f8}
.price-band-footer{height:48px;display:flex;align-items:center;justify-content:flex-end;gap:8px;color:#737982;font-size:12px}
.price-band-footer select{height:26px;min-width:48px;padding:0 6px;border:1px solid #dfe2e7;border-radius:3px;background:#fff;color:#545b64}
.category-index-table{min-width:1180px}
.theme-product-meta{display:flex;align-items:center;justify-content:space-between;gap:5px;min-height:22px}
.theme-product-meta .tag{font-size:10px;line-height:20px;background:#eaf6ff;color:#3085df;padding:0 6px}
.theme-unapplied{display:inline-flex;align-items:center;gap:5px;font-size:10px;color:#626a75;white-space:nowrap}
.theme-unapplied i{width:8px;height:8px;border-radius:50%;background:#b9bec6;display:inline-block}

.step{appearance:none;-webkit-appearance:none;width:100%;text-align:left;color:inherit;font-family:inherit;cursor:pointer;transition:border-color .15s,box-shadow .15s,background .15s}
.step:not(.step-current):hover{border-color:#b7cfff;background:#fbfdff}
.step:focus-visible{outline:2px solid #347ef3;outline-offset:2px}
.entry-records-wrap{overflow:auto;border:1px solid #e5e8ed;border-radius:3px;background:#fff}
.entry-records{width:100%;min-width:1180px;table-layout:fixed;border-collapse:collapse;color:#343942;font-size:12px}
.entry-records .entry-opportunity-col{width:32%}.entry-records .entry-product-col{width:37%}.entry-records .entry-status-col{width:10%}.entry-records .entry-benefit-col{width:15%}.entry-records .entry-action-col{width:10%}
.entry-records th{padding:11px 12px;background:#f6f7f8;color:#666d77;text-align:left;font-size:12px;font-weight:500;border:1px solid #e6e8eb;white-space:nowrap}
.entry-records td{padding:12px;border:1px solid #e8eaed;vertical-align:middle}
.entry-records tbody tr:nth-child(even){background:#fbfcfd}
.entry-opportunity-cell{vertical-align:middle!important}
.entry-opportunity{display:grid;grid-template-columns:96px minmax(0,1fr);gap:12px;align-items:center;position:relative;padding:8px 2px 34px}
.entry-opportunity-photo{width:96px;height:100px;position:relative;background:#f4f5f6;overflow:hidden;border-radius:2px}
.entry-opportunity-photo img{width:100%;height:100%;object-fit:cover;display:block}
.entry-opportunity-photo span{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#fff;background:#1118;font-size:10px;line-height:17px}
.entry-opportunity-copy{min-width:0;align-self:center}
.entry-opportunity-copy strong{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:20px;font-weight:600;color:#31353b}
.entry-opportunity-copy span{display:block;margin-top:7px;color:#7c838e;font-size:11px;line-height:16px}
.entry-detail-link{padding:0;border:0;background:transparent;color:#2877d2;font:inherit;font-size:12px;line-height:18px;cursor:pointer;text-align:left;white-space:nowrap}
.entry-opportunity>.entry-detail-link{position:absolute;bottom:7px;right:6px}
.entry-product{display:grid;grid-template-columns:64px minmax(100px,1fr) auto;align-items:center;gap:10px;min-width:0}
.entry-product>img{display:block;width:64px;height:64px;object-fit:cover;background:#f4f5f6;border-radius:2px}
.entry-product-copy{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px}
.entry-product-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:13px;line-height:18px;font-weight:600;color:#353940}
.entry-product-copy>span{font-size:11px;line-height:15px;color:#858c96;white-space:nowrap}
.entry-product-copy em{font-style:normal;color:#2783d7;background:#eaf5ff;padding:2px 6px;border-radius:2px;font-size:10px;line-height:15px;white-space:nowrap}
.entry-price{color:#ed4d45;font-size:14px;font-weight:600;white-space:nowrap;align-self:center}
.entry-status-cell{text-align:center;white-space:nowrap}
.entry-selected{display:inline-flex;align-items:center;gap:7px;color:#51575f;font-size:12px}
.entry-selected i{width:8px;height:8px;background:#20bd50;border-radius:50%;display:inline-block}
.entry-benefits-cell ul{margin:0;padding:0;list-style:none}
.entry-benefits-cell li{display:flex;align-items:flex-start;gap:7px;color:#555c65;font-size:11px;line-height:22px;white-space:nowrap}
.entry-benefits-cell li i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:none;width:14px;height:14px;margin-top:3px;border:1px solid #26bd54;color:#1cb54a;border-radius:50%;font-size:10px;line-height:1}
.entry-action-cell{text-align:center}
.entry-action-cell .entry-detail-link{white-space:normal;text-align:center}
.entry-incomplete-note{margin:5px 0 0 74px;color:#a1a7af;font-size:10px;line-height:14px}
@media(max-width:900px){.entry-records{min-width:1080px}.entry-opportunity{grid-template-columns:78px minmax(0,1fr);gap:8px}.entry-opportunity-photo{width:78px;height:84px}.entry-product{grid-template-columns:54px minmax(100px,1fr);gap:7px}.entry-product>img{width:54px;height:54px}.entry-price{grid-column:2;font-size:12px}.entry-records td{padding:8px}}
.entry-product-photo{width:64px;height:64px;position:relative;overflow:hidden;border-radius:2px;background:#f4f5f6}
.entry-product-photo img{display:block;width:100%;height:100%;object-fit:cover}
.entry-product-photo span{position:absolute;bottom:0;left:0;right:0;background:#1118;color:#fff;text-align:center;font-size:10px;line-height:16px}
@media(max-width:900px){.entry-product-photo{width:54px;height:54px}}

.reference-toolbar{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:-2px 0 14px;padding:9px 12px;border:1px solid #e7edf5;border-radius:6px;background:#f8fbff;font-size:12px}.reference-toolbar>span{color:#8590a1}.reference-toolbar a{color:#607085}.reference-toolbar a[aria-current="page"]{color:#2878f0;font-weight:600}.reference-toolbar a:hover{text-decoration:underline}.reference-toolbar .reference-video-link{margin-left:auto;color:#2878f0}
