/* 首页原型改版，所有规则限于首页，保留其他页面的共享样式。 */
.qct-home-redesign{background:#f4f6f9;color:#1f2937;font-family:"Microsoft YaHei","PingFang SC",sans-serif}
.home-shell{width:100%;max-width:1400px;padding:0 16px;margin:0 auto;box-sizing:border-box}
.qct-home-redesign .qct-home-head{padding-top:16px;padding-bottom:16px}
.home-redesign-main{padding:16px 0 28px}
.qct-home-redesign a:focus-visible,.qct-home-redesign button:focus-visible,.qct-home-redesign select:focus-visible,.qct-home-redesign input:focus-visible{outline:2px solid #0e4c8a;outline-offset:3px}
.qct-home-redesign .qct-home-search input:focus,.qct-home-redesign .qct-home-search input:focus-visible{outline:none;box-shadow:none}
.qct-home-redesign .qct-home-search:focus-within{border-color:#dc2626;box-shadow:0 0 0 2px rgba(220,38,38,.12)}
.home-hero-grid{display:grid;grid-template-columns:220px minmax(0,1fr) 320px;gap:12px;align-items:stretch;margin-bottom:16px}
.qct-home-redesign .qct-home-categories{border:1px solid #e5e7eb;border-radius:8px;align-self:stretch;background:#fff;min-width:0;display:flex;flex-direction:column}
.qct-home-redesign .qct-home-categories>.py-1{flex:1;display:flex;flex-direction:column}
.qct-home-redesign .qct-home-categories>.py-1>.mega-item{flex:1;display:flex;flex-direction:column;justify-content:center}
.home-category-heading{display:flex;align-items:center;gap:8px;padding:11px 15px;color:white;background:#e1251b;border-radius:7px 7px 0 0;font-size:15px;font-weight:700}
.qct-home-redesign .mega-item{border-bottom:1px solid #f0f2f5;padding:10px 12px;border-radius:0}
.qct-home-redesign .qct-home-categories>.py-1>.mega-item:last-child{border-bottom:0}
.qct-home-redesign .mega-sub{max-height:36px;line-height:18px;overflow:hidden}
.qct-home-redesign #megaPanel{max-width:calc(100vw - 280px)}
.home-hero-center{display:flex;min-width:0;flex-direction:column;gap:12px}
.home-banner{position:relative;border-radius:8px;overflow:hidden;min-height:252px;background:#0e4c8a;color:white}
.home-slide{padding:20px 24px 38px;background:linear-gradient(110deg,#0e4c8a,#1c6fb8);height:100%;min-height:252px;box-sizing:border-box}
.home-slide[hidden]{display:none}
.home-banner-images{min-height:0;aspect-ratio:725/325}
.home-slide-image{position:absolute;inset:0;padding:0;background:transparent;height:100%;min-height:0}
.home-slide-image a{display:block;width:100%;height:100%}
.home-slide-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.home-banner-arrow{position:absolute;top:50%;transform:translateY(-50%);width:30px;height:44px;border:0;border-radius:4px;background:#0005;color:#fff;font-size:30px;cursor:pointer;line-height:1}
.home-banner-prev{left:6px}.home-banner-next{right:6px}
.home-banner-arrow:focus-visible,.home-banner-controls button:focus-visible{outline:2px solid #fff;outline-offset:-3px}
.home-slide-orange{background:linear-gradient(110deg,#a34200,#e96b12)}
.home-slide-green{background:linear-gradient(110deg,#154b3c,#1e7a5c)}
.home-slide-label{display:inline-flex;align-items:center;gap:5px;font-size:11px;padding:3px 10px;border-radius:20px;background:#ffffff20}
.home-slide h1,.home-slide h2{margin:10px 0 8px;font-size:26px;font-weight:700;line-height:1.4;color:white}
.home-slide p{font-size:12px;line-height:1.8;color:#f1f6fc;max-width:560px;margin:0}
.home-banner-actions{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
.home-banner-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:36px;font-size:13px;padding:7px 14px;border-radius:6px;border:1px solid #ffffffa0}
.home-banner-actions a:first-child{background:white;color:#0e4c8a;font-weight:700}
.home-banner-controls{position:absolute;bottom:3px;right:12px;display:flex;gap:0}
.home-banner-controls button{width:36px;height:36px;display:grid;place-items:center;cursor:pointer;background:transparent;border:0}
.home-banner-controls span{display:block;width:9px;height:9px;border-radius:50%;background:#ffffff66}
.home-banner-controls [aria-pressed=true] span{background:white;width:20px;border-radius:8px}
.home-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.home-quick-grid a{display:flex;flex-direction:column;align-items:flex-start;padding:13px 12px;border:1px solid #e5e7eb;background:white;border-radius:8px;min-width:0}
.home-quick-grid iconify-icon{padding:8px;box-sizing:content-box;border-radius:8px;color:#0e4c8a;background:#eaf2fb;margin-bottom:8px}
.home-quick-grid a:nth-child(3) iconify-icon{color:#bc4b00;background:#fff4ea}
.home-quick-grid b{font-size:15px;font-weight:600;line-height:1.5}
.home-quick-grid small{font-size:11px;color:#64748b;margin-top:3px;line-height:1.6}
.home-service-strip{display:flex;flex:1;align-items:center;justify-content:space-around;gap:8px;border:1px solid #e5e7eb;background:white;border-radius:8px;padding:16px 8px;overflow-x:auto;min-height:94px}
.home-service-strip a{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;min-width:72px;color:#475569}
.home-service-strip iconify-icon{display:block;padding:10px;border-radius:10px;box-sizing:content-box;background:#eaf2fb;color:#0e4c8a}
.home-service-strip a:nth-child(2n) iconify-icon{background:#fff4ea;color:#b84d00}
.home-ad-carousel{display:flex;flex:1;align-items:center;gap:4px;min-width:0;min-height:94px;padding:16px 8px;border:1px solid #e5e7eb;border-radius:8px;background:#fff}
.home-ad-viewport{flex:1;min-width:0;overflow:hidden}
.home-ad-track{display:flex;transition:transform .35s ease}
.home-ad-item{display:flex;flex:0 0 calc(100% / 6);min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:12px 2px;box-sizing:border-box;font-size:12px;color:#475569;white-space:nowrap}
.home-ad-item img{width:48px;height:48px;object-fit:contain}
.home-ad-item:hover{color:#e5440f}
.home-ad-controls{display:flex;flex-direction:column;align-items:center;gap:8px}
.home-ad-arrow{display:flex;align-items:center;justify-content:center;border:0;border-radius:4px;background:#fff;color:#94a3b8;cursor:pointer;padding:0;width:22px;height:26px}
.home-ad-arrow:hover{background:#f1f5f9;color:#0e4c8a}
@media(max-width:767px){.home-ad-item{flex-basis:calc(100% / 3)}}
.home-machining{border:1px solid #ffe0c2;border-radius:8px;background:white;overflow:hidden;display:flex;flex-direction:column}
.home-machining-title{padding:12px 14px;background:linear-gradient(110deg,#eb6000,#f5822c);color:white}
.home-machining-title h2{display:flex;align-items:center;gap:5px;font-size:16px;font-weight:700;margin:0}
.home-machining-title p{font-size:12px;margin-top:5px}
.home-machining-body{display:flex;flex-direction:column;gap:12px;padding:12px;flex:1}
.home-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}
.home-process-grid a,.home-process-grid>span{background:#f5f7fa;text-align:center;padding:8px 3px;border-radius:4px;color:#475569;font-size:11px}
.home-machining ol{padding-left:20px;font-size:12px;color:#475569;line-height:2;list-style:decimal}
.home-machining-note{background:#f5f7fa;border-radius:6px;padding:12px;font-size:12px;color:#475569;margin-top:auto}
.home-machining-note b{font-weight:600}.home-machining-note p{line-height:1.8;margin-top:5px;color:#64748b}
.home-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:8px 16px;font-size:13px;font-weight:600;border-radius:7px;white-space:nowrap}
.home-button-orange{background:#ef6500;color:white}.home-button-orange:hover{background:#c74e00}
.home-button-outline{border:1px solid #ef6500;color:#b54c00;background:white}
.home-panel,.home-floor{background:white;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;padding:20px}
.home-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
.home-section-title>div{display:flex;align-items:center;gap:14px}
.home-section-title h2,.home-floor-heading h2{font-size:19px;line-height:1.5;font-weight:700;margin:0}
.home-section-title span{font-size:13px;color:#64748b}
.home-section-title>a,.home-floor-heading>a{display:inline-flex;align-items:center;font-size:12px;color:#64748b;white-space:nowrap}
.home-priced-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.home-product{display:block;min-width:0;border:1px solid #e5e7eb;border-radius:6px;overflow:hidden;padding-bottom:10px;background:white}
.home-product-image{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#f5f7fa;overflow:hidden;color:#94a3b8}
.home-product-image img{width:100%;height:100%;object-fit:cover}
.home-product h3{font-size:13px;font-weight:500;margin:10px 10px 6px;line-height:20px;height:40px;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.home-badge{display:inline-block;color:white;background:#e5440f;border-radius:3px;padding:0 4px;font-size:10px;margin-right:4px}
.home-product-company{font-size:11px;color:#64748b;margin:0 10px 8px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.home-product strong{font-size:16px;color:#d63d0b;margin-left:10px;font-weight:700}.home-product strong small{font-size:11px;margin-left:3px}
.home-product-unit{font-size:11px;color:#64748b;margin-left:4px}
.home-product:hover,.home-quick-grid a:hover,.home-supplier-card:hover{border-color:#8baed1}
.home-supplier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-supplier-title{flex-shrink:0;white-space:nowrap}
.home-industry-filter{display:flex;align-items:center;gap:6px;min-width:0;flex:1;margin-left:8px}
.home-industry-options{display:flex;align-items:center;gap:6px;min-width:0;flex:1;overflow-x:auto;scrollbar-width:none}
.home-industry-options::-webkit-scrollbar{display:none}
.home-industry-options button{flex-shrink:0;white-space:nowrap;border:0;border-radius:5px;background:transparent;color:#475569;font:inherit;font-size:13px;padding:8px 12px;cursor:pointer}
.home-industry-options button:hover{background:#f1f5f9;color:#0e4c8a}
.home-industry-options button[aria-pressed="true"]{background:#eaf2fb;color:#0e4c8a;font-weight:600}
.home-industry-arrow{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:28px;height:32px;border:1px solid #e5e7eb;border-radius:5px;background:#fff;color:#0e4c8a;cursor:pointer}
.home-industry-arrow:disabled{color:#cbd5e1;cursor:default}
.home-industry-arrow[hidden]{display:none}
.home-industry-status{margin:0 0 12px;font-size:13px;color:#64748b}
.home-supplier-results[aria-busy="true"]{opacity:.6}
@media(max-width:1100px){.home-supplier-section>.home-section-title{flex-wrap:wrap}.home-industry-filter{flex-basis:100%;max-width:none;margin-left:0}}
.home-supplier-card{border:1px solid #e5e7eb;border-radius:7px;padding:14px;min-width:0}
.home-supplier-heading{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.home-supplier-avatar{background:#eaf2fb;color:#0e4c8a;border-radius:6px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex-shrink:0;overflow:hidden}
.home-supplier-avatar img{width:100%;height:100%;object-fit:cover}
.home-supplier-avatar>span{padding:3px;text-align:center;font-size:10px;line-height:14px;overflow:hidden;max-height:34px;word-break:break-all}
.home-supplier-heading h3{font-size:13px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}
.home-supplier-heading>a{display:flex;align-items:center;border:1px solid #e5440f;color:#ca3a0d;padding:5px 10px;font-size:12px;border-radius:4px;white-space:nowrap}
.home-supplier-products{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.home-supplier-products .home-product{border:0;padding-bottom:0}
.home-supplier-products .home-product h3,.home-supplier-products .home-product-company{margin-left:0;margin-right:0}.home-supplier-products .home-product strong{margin-left:0}
.home-floor-heading{display:flex;align-items:center;gap:20px;padding-bottom:14px;border-bottom:1px solid #e5e7eb}
.home-floor-heading>div{display:flex;flex:1;gap:18px;overflow-x:auto;min-width:0;font-size:12px;color:#64748b}
.home-floor-heading>div>a{white-space:nowrap}
.home-floor-body{display:grid;grid-template-columns:220px minmax(0,1fr);gap:16px;margin-top:16px}
.home-floor-intro{padding:24px 18px;background:linear-gradient(135deg,#eaf2fb,#dbe9f8);border-radius:6px;color:#0e4c8a;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.home-floor-intro h3{font-size:19px;font-weight:700;margin:16px 0 8px}.home-floor-intro p{font-size:12px;line-height:1.9;color:#52677d}
.home-floor-intro span{margin-top:20px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600}
.home-floor:nth-of-type(2n) .home-floor-intro{background:linear-gradient(135deg,#fff5e8,#ffe6cc);color:#ab4c06}
.home-floor-products{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-recommendations{padding-top:8px}.home-empty{color:#64748b;font-size:13px;padding:24px;text-align:center}
.qct-home-redesign .home-recommendations .qct-product-grid{gap:14px}.qct-home-redesign .home-recommendations .qct-product-grid>a{border-radius:6px}
.sole-home-header{background:white;border-bottom:1px solid #e5e7eb;flex-shrink:0;font-family:"Microsoft YaHei","PingFang SC",sans-serif;color:#1f2937}.sole-top{background:#fff;border-bottom:1px solid #e5e7eb;font-size:12px;color:#64748b}
.sole-home-header a:focus-visible,.sole-home-header button:focus-visible,.sole-home-header input:focus-visible,.sole-home-header select:focus-visible{outline:2px solid #0e4c8a;outline-offset:2px}
.sole-brand-logo{width:auto!important;max-width:150px;object-fit:contain;border-radius:0!important;background:transparent!important}
.sole-account-page{display:flex;flex-direction:column}
.sole-account-page>div.flex{flex:1;min-height:0;height:auto;overflow-y:auto}
.sole-top-inner{display:flex;align-items:center;justify-content:space-between;min-height:36px;gap:16px}.sole-hotline{margin-left:20px}
.sole-top-links{display:flex;align-items:center;gap:16px}.sole-register{color:#b54c00;font-weight:600}.sole-account{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sole-top.topBar{position:relative;z-index:60;background:#f7f7f7;color:#666;font-size:12px}
/* Guest top row matches b2b.69gl.com (Tailwind slate-50). */
.sole-top.topBar.sole-top-guest{background:#f8fafc}
.sole-top.topBar>.box{display:flex;align-items:center;gap:22px;min-height:34px;flex-wrap:wrap}
.sole-top .topBarLeft{display:flex;align-items:center;gap:10px;min-width:0}
.sole-top .topBarLeft>span{white-space:nowrap}
.sole-top .top_reg{color:#f60}
.sole-top .top_link:hover,.sole-top .topBarRight a:hover{color:#f60}
.sole-top .sole-top-account{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sole-top .topBarRight{display:flex;align-items:center;gap:22px;margin-left:auto;white-space:nowrap}
.sole-top .sole-top-dropdown{position:relative;flex-shrink:0}
.sole-top .sole-top-dropdown>summary{display:flex;align-items:center;gap:7px;min-height:34px;list-style:none;cursor:pointer;white-space:nowrap}
.sole-top .sole-top-dropdown>summary::-webkit-details-marker{display:none}
.sole-top .sole-top-dropdown>summary::after{content:"";width:5px;height:5px;border-right:1px solid #999;border-bottom:1px solid #999;transform:rotate(45deg);margin-top:-3px}
.sole-top .sole-top-dropdown[open]>summary{color:#f60}
.sole-top .sole-top-dropdown[open]>summary::after{transform:rotate(225deg);margin-top:3px}
.sole-top .sole-top-popover{position:absolute;right:0;top:100%;border:1px solid #e5e7eb;background:#fff;border-radius:0 0 5px 5px;box-shadow:0 8px 22px rgba(15,23,42,.12);white-space:normal}
.sole-top .sole-wechat-panel{left:0;right:auto;width:178px;padding:14px;text-align:center}
.sole-top .sole-wechat-panel img{display:block;width:150px;height:150px;object-fit:contain;margin:0 auto 8px}
.sole-top .sole-product-panel{width:150px;max-width:calc(100vw - 24px);padding:0;text-align:center;border-radius:0;box-sizing:border-box}
.sole-top .sole-product-panel>a{display:block;padding:10px 8px 7px;border-bottom:1px dashed #ddd}
.sole-top .sole-product-panel b{display:block;font-size:18px;line-height:26px;font-weight:700;margin-bottom:4px}
.sole-top .sole-product-panel>a:nth-child(1) b{color:#00b4eb}
.sole-top .sole-product-panel>a:nth-child(2) b{color:#ca5900}
.sole-top .sole-product-panel>a:nth-child(3) b{color:#28bd42}
.sole-top .sole-product-panel>a:nth-child(4) b{color:#8526b8}
.sole-top .sole-product-panel span{display:block;color:#999;font-size:14px;line-height:23px}
.sole-top .sole-product-panel>a:hover{background:#fafafa}
.sole-top .sole-product-panel>.sole-more-services{border:0;padding:8px;font-size:18px;line-height:26px;font-weight:700;color:#222}
.sole-top .sole-navigation-panel{display:flex;flex-direction:column;width:410px;max-width:calc(100vw - 24px);padding:16px 24px 18px 30px;gap:18px;border-radius:0;box-sizing:border-box}
.sole-top .topNavigationBox{display:grid;grid-template-columns:96px minmax(0,1fr);gap:14px;align-items:start}
.sole-top .topNavigationBox h3{font-size:14px;font-weight:600;color:#ff4b00;margin:0;line-height:24px}
.sole-top .topNavigationBox>div{display:flex;flex-wrap:wrap;align-items:center;gap:14px 0}
.sole-top .topNavigationBox a{font-size:14px;line-height:24px;white-space:nowrap;padding:0 10px;position:relative;color:#333}
.sole-top .topNavigationBox a::after{content:"";position:absolute;right:0;top:6px;height:12px;border-right:1px solid #eee}
.sole-top .topNavigationBox a:last-child::after{display:none}
.sole-top .topNavigationBox a:hover{color:#f60}
@media(max-width:1100px){.sole-top .topPhone{display:none}.sole-top.topBar>.box,.sole-top .topBarRight{gap:14px}}
@media(max-width:767px){.sole-top.topBar>.box{gap:0 12px;padding-top:4px;padding-bottom:4px}.sole-top .topBarLeft{flex-basis:100%;min-height:28px}.sole-top .topBarRight{gap:16px}.sole-top .sole-top-dropdown>summary{min-height:30px}.sole-top .sole-navigation-panel{padding:16px;width:410px;max-height:70vh;overflow-y:auto}.sole-top .topNavigationBox{grid-template-columns:72px minmax(0,1fr);gap:10px}.sole-top .topNavigationBox a{font-size:12px;padding:0 7px}}
.sole-header-main{display:flex;align-items:center;gap:24px;padding-top:16px;padding-bottom:14px}.sole-logo{display:flex;align-items:center;gap:14px;flex-shrink:0}
.sole-header-main>.home-button{align-self:flex-start;margin-top:2px}
.sole-header-logo{display:block;width:230px;height:auto;max-height:54px;object-fit:contain;object-position:left center}
.sole-logo>span{display:flex;flex-direction:column}.sole-logo b{display:flex;align-items:center;color:#e8442a;font-size:30px;font-weight:800;line-height:1.1}
.sole-logo-s{border:3px solid #e8442a;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;font-size:20px;margin:0 2px}
.sole-logo small{color:#b54c00;font-size:11px;margin-top:4px}.sole-logo>strong{color:#ec7a22;letter-spacing:4px;font-size:24px;font-weight:800}
.sole-search-wrap{flex:1;min-width:0;max-width:660px}.sole-search{display:flex;border:2px solid #0e4c8a;border-radius:7px;overflow:hidden;background:white}
.sole-search select{max-width:118px;font-size:12px;padding:0 8px;border-right:1px solid #e5e7eb;background:white;color:#475569}
.sole-search input{min-width:0;flex:1;padding:10px 12px;font-size:13px;border:0}.sole-search button{padding:0 24px;min-height:40px;font-size:13px;background:#0e4c8a;color:white;cursor:pointer}
.sole-hot-search{display:flex;gap:12px;overflow-x:auto;white-space:nowrap;font-size:11px;color:#64748b;margin-top:8px}
@media(max-width:1199px){.home-hero-grid{grid-template-columns:190px minmax(0,1fr) 270px}.home-quick-grid{gap:8px}.home-quick-grid a{padding:10px 8px}.home-quick-grid b{font-size:13px}.home-slide{padding-left:18px;padding-right:18px}.sole-logo>strong{display:none}.sole-header-main{gap:14px}.sole-hotline{display:none}.home-priced-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.home-floor-body{grid-template-columns:180px minmax(0,1fr)}}
@media(max-width:1100px){.home-hero-grid{grid-template-columns:minmax(0,1fr) 280px}.qct-home-redesign .qct-home-categories{display:none}.home-floor-body{grid-template-columns:180px minmax(0,1fr)}.home-floor-products{gap:10px}.sole-header-main>.home-button-outline{display:none}}
@media(max-width:767px){.home-shell{padding:0 12px}.home-redesign-main{padding-top:12px}.home-hero-grid{grid-template-columns:1fr}.home-quick-grid{gap:8px}.home-service-strip{justify-content:flex-start}.home-machining{display:none}.home-slide h1,.home-slide h2{font-size:24px}.home-panel,.home-floor{padding:14px;margin-bottom:12px}.home-section-title>div{align-items:flex-start;gap:3px;flex-direction:column}.home-section-title h2,.home-floor-heading h2{font-size:17px}.home-section-title span{font-size:11px}.home-priced-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-supplier-grid{grid-template-columns:1fr}.home-floor-heading{flex-wrap:wrap;gap:10px}.home-floor-heading>div{order:3;flex-basis:100%}.home-floor-heading>a{margin-left:auto}.home-floor-body{grid-template-columns:1fr}.home-floor-intro{display:none}.home-floor-products{grid-template-columns:repeat(2,minmax(0,1fr))}.qct-home-redesign .home-recommendations .qct-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.qct-home-redesign #homeSort{flex-wrap:wrap;gap:2px}.qct-home-redesign #homeSort a{font-size:11px;padding:6px}.qct-home-redesign #homeList>.mb-4{flex-wrap:wrap;padding:10px;gap:6px}.qct-home-redesign #homeList>.mb-4>div{flex-wrap:wrap;gap:6px}.qct-home-redesign #homePager{flex-wrap:wrap;gap:10px;padding:12px}.qct-home-redesign #homePager>div{flex-wrap:wrap}.sole-top-inner{font-size:11px;padding-top:8px;padding-bottom:8px;align-items:flex-start}.sole-top-inner>span{display:none}.sole-top-links{width:100%;justify-content:space-between;gap:8px;flex-wrap:wrap}.sole-header-main{flex-wrap:wrap;gap:12px;padding-top:14px}.sole-logo b{font-size:25px}.sole-logo>strong{display:block;font-size:20px}.sole-header-main>.home-button-orange{margin-left:auto;font-size:12px;padding:8px 10px}.sole-search-wrap{order:3;flex-basis:100%;max-width:none}.sole-search select{max-width:92px}.sole-search button{padding:0 16px}.sole-search input{font-size:12px;padding:10px 8px}}
@media(prefers-reduced-motion:reduce){.qct-home-redesign *{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:767px){.sole-header-main>.home-button{align-self:center;margin-top:0}}
@media(max-width:1199px){.sole-header-logo{width:180px}}
@media(max-width:767px){.sole-header-logo{width:190px;max-height:48px}}
@media(max-width:767px){
    .qct-layout .sole-home-header>.sole-top,.qct-standalone .sole-home-header>.sole-top{min-height:0;gap:0;padding:0!important}
    .qct-standalone .sole-home-header>.sole-header-main{min-height:0;gap:12px;padding-top:14px!important;padding-bottom:14px!important}
}

.home-floor-intro .home-floor-category-image{display:block;width:100%;max-width:160px;height:112px!important;object-fit:contain;align-self:center}

.sole-header-main .sole-search{height:44px;box-sizing:border-box}
.sole-header-main>.sole-ai-search{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;margin-top:0;gap:5px;white-space:nowrap;background:#ff3d0a;color:#fff;border:0;border-radius:4px;height:44px;min-height:44px;padding:0 22px;font-size:18px;font-weight:600;box-sizing:border-box}
.sole-header-main>.sole-ai-search:hover{background:#ed3507;color:#fff}
@media(max-width:767px){.sole-header-main>.sole-ai-search{margin-left:auto;font-size:12px;padding:8px 14px}}

/* Compact desktop hero; the grid stretches all three columns to the same height. */
@media(min-width:768px){.home-banner-images{max-height:280px}.home-ad-carousel{padding-top:8px;padding-bottom:8px}.home-machining-body{gap:8px}}

/* 首页机加工图纸询价：与 Mall 上传入口保持一致。 */
.home-drawing-upload { height: 124px; min-height: 124px; flex-shrink: 0; }
.home-drawing-dropzone { display: flex; width: 100%; height: 100%; padding: 12px 6px; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; border: 2px dashed #ffc79a; border-radius: 8px; background: #fffcf9; color: inherit; font: inherit; text-align: center; cursor: pointer; transition: background .15s, border-color .15s; }
.home-drawing-dropzone:hover, .home-drawing-dropzone.is-dragover { background: #fff2e6; border-color: #ff6a00; }
.home-drawing-dropzone:focus-visible { outline: 2px solid #ff6a00; outline-offset: 2px; }
.home-drawing-dropzone.is-uploading { cursor: progress; opacity: .75; }
.home-machining [hidden] { display: none !important; }
.home-drawing-file { display: flex; width: 100%; height: 100%; box-sizing: border-box; flex-direction: column; align-items: center; justify-content: center; gap: 4px; padding: 10px 12px; border: 2px dashed #b5d9bf; border-radius: 8px; background: #f5fbf7; font-size: 12px; }
.home-drawing-success-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 26px; height: 26px; border-radius: 50%; background: #e0f2e5; color: #23703d; font-size: 17px; line-height: 26px; }
.home-drawing-filename { display: block; max-width: 100%; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: #23703d; line-height: 18px; }
.home-drawing-file > button { flex-shrink: 0; padding: 0; border: 0; background: transparent; color: #64748b; cursor: pointer; font: inherit; line-height: 18px; }
.home-drawing-file > button:hover { color: #e85d00; text-decoration: underline; }
.home-drawing-message { margin: 0; font-size: 12px; line-height: 18px; color: #23703d; overflow-wrap: anywhere; }
.home-drawing-message.is-error { color: #c73824; }
.home-drawing-dropzone iconify-icon { width: 30px; height: 30px; color: #ff6a00; }
.home-drawing-title { margin-top: 10px; color: #10243e; font-size: 14px; font-weight: 600; line-height: 21px; }
.home-drawing-description { margin-top: 6px; font-size: 11px; line-height: 18px; }
.home-process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 6px; }
.home-process-grid span { padding: 8px 0; border-radius: 4px; background: #f5f7fa; font-size: 11px; line-height: 16px; text-align: center; }
.home-machining ol { margin: 0; padding-left: 19px; list-style: decimal; font-size: 12px; line-height: 24px; }
.home-machining-note { padding: 12px; border-radius: 8px; background: #f5f7fa; font-size: 12px; line-height: 22px; }
.home-machining-note p:first-child { font-weight: 600; }
.home-machining-note p + p { margin-top: 4px; }
.home-drawing-action { position: relative; margin-top: auto; }
.home-drawing-action .home-button { display: block; width: 100%; padding: 10px 0; border: 0; border-radius: 8px; background: #ff6a00; color: #fff; font-size: 14px; font-weight: 600; line-height: 20px; cursor: pointer; }
.home-drawing-action .home-button:hover { background: #e85d00; }
.home-drawing-toast { position: absolute; bottom: calc(100% + 10px); left: 0; z-index: 10; display: flex; align-items: center; gap: 8px; width: 100%; padding: 12px; box-sizing: border-box; border: 1px solid #ffe1c7; border-radius: 10px; background: #fff; box-shadow: 0 5px 18px rgba(54,37,22,.14); color: #334155; font: 13px/20px "Microsoft Yahei", sans-serif; animation: home-drawing-toast-in .18s ease-out; }
.home-drawing-toast::after { content: ""; position: absolute; right: 24px; bottom: -6px; width: 10px; height: 10px; border-right: 1px solid #ffe1c7; border-bottom: 1px solid #ffe1c7; background: #fff; transform: rotate(45deg); }
.home-drawing-toast[hidden] { display: none !important; }
.home-drawing-toast-icon { display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: #fff1e6; color: #ff6a00; font-size: 19px; font-weight: 700; }
.home-drawing-toast-text { min-width: 0; overflow-wrap: anywhere; }
.home-drawing-toast-close { position: relative; display: inline-flex; flex-shrink: 0; align-items: center; justify-content: center; width: 26px; height: 26px; margin-left: auto; padding: 0; border: 0; border-radius: 50%; background: transparent; color: #a3a8b0; cursor: pointer; transition: background .15s ease, color .15s ease; }
.home-drawing-toast-close::before, .home-drawing-toast-close::after { content: ""; position: absolute; top: 50%; left: 50%; width: 12px; height: 1.5px; border-radius: 1px; background: currentColor; transform: translate(-50%, -50%) rotate(45deg); }
.home-drawing-toast-close::after { transform: translate(-50%, -50%) rotate(-45deg); }
.home-drawing-toast-close:hover { background: #fff1e6; color: #e86a21; }
.home-drawing-toast-close:focus-visible { outline: 2px solid #ff6a00; outline-offset: 2px; }
@keyframes home-drawing-toast-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: translateY(0); } }
@media (prefers-reduced-motion: reduce) { .home-drawing-toast { animation: none; } }
.home-machining-heading{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 8px}
.home-machining-badge{padding:2px 6px;border-radius:4px;background:rgba(255,255,255,.2);font-size:11px;line-height:18px;white-space:nowrap}
.home-machining-title p{margin:4px 0 0;line-height:18px}
.home-drawing-dropzone{font-family:inherit}
.home-machining ol{margin:0}
.home-machining-note{margin-top:0}
.home-drawing-action .home-button{box-sizing:border-box}

