/* 修正页面外溢，横向浏览只保留在缩略图、表格和图片预览内部。 */
html,body{max-width:100%;overflow-x:hidden}
@supports(overflow:clip){html,body{overflow-x:clip}}
.hero>*,.detail-title,.detail-title>div,.detail-article,.detail-contact,
.product-description-gallery,.product-video-card,.product-video-title,.product-video-list{min-width:0}
.detail-title{max-width:100%}
.detail-title h1,.detail-title p,.breadcrumb>span,.contact-identity>div{overflow-wrap:anywhere}
.breadcrumb>span,.contact-identity>div{min-width:0}
.product-gallery,.product-buy-panel,.product-thumbs,.rich-content,.rich-content table,.rich-content pre{max-width:100%}
.rich-content img,.rich-content video{max-width:100%;height:auto}
.product-thumbs{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#716480 #15151f}
.image-viewer{width:100%;max-width:100%}
@media(max-width:800px){
.ambient,.catalog-orbit{display:none}
.hero,.detail-content-layout,.product-purchase,.about-panel,.password-workspace{grid-template-columns:minmax(0,1fr)}
.catalog-hero{animation:none;transform:none}
.detail-heading{min-width:0}
.detail-title{align-items:flex-start}
.detail-title h1{font-size:clamp(23px,4.8vw,28px);line-height:1.5}
.detail-content-layout{gap:24px;margin-top:32px}
.product-description-gallery{gap:14px}
.contact-identity{flex-wrap:wrap}
.contact-identity>div{flex:1}
.contact-badge{max-width:100%;white-space:normal}
.hero-buttons{flex-wrap:wrap}
.header-inner,.header-actions,.brand{min-width:0}
.brand-name{overflow-wrap:anywhere}
}
@media(max-width:520px){
.container{width:calc(100% - 28px)}
.detail-section{padding-top:24px}
.detail-title{gap:12px;width:100%}
.detail-title .tool-icon-large{width:44px;height:44px;border-radius:12px}
.detail-title .tool-icon-large .icon{width:23px;height:23px}
.detail-title .eyebrow{line-height:1.8;letter-spacing:.3px}
.detail-title p{font-size:13px;line-height:1.7}
.breadcrumb{line-height:1.6;margin-bottom:20px}
.breadcrumb>span{flex:1 1 130px}
.product-purchase{padding:16px;gap:24px}
.product-price-line{margin-top:10px;gap:8px 12px}
.product-thumbs{gap:8px;padding-bottom:7px}
.product-thumbs button{width:60px;height:60px}
.directory-controls .filter-tabs{min-width:0;max-width:100%}
.directory-controls .filter-tab{min-width:0;white-space:normal}
.directory-controls .category-name{min-width:0}
.category-title{min-width:0}
.category-heading{flex-wrap:wrap}
.category-title>strong{font-size:17px}
.product-card-body{padding:18px}
.product-card-body h3{overflow-wrap:anywhere}
.product-category{max-width:calc(100% - 30px);overflow-wrap:anywhere}
.hero h1{font-size:clamp(30px,8.8vw,38px)}
.about-copy,.about-connect{padding:26px 20px}
.about-values{flex-wrap:wrap}
.value-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
.value-strip>div{min-width:0}
.footer-links{gap:12px 20px}
}
/* 工具库、精选和相关推荐统一为桌面四列，平板与手机双列。 */
.tool-grid,.featured-grid,.related-section .tool-grid{
grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;min-width:0
}
.tool-grid>.product-card,.featured-grid>.product-card:last-child{
display:flex;flex-direction:column;padding:0;min-width:0
}
.tool-grid .product-card-image{height:auto;aspect-ratio:1.5;flex-shrink:0;min-width:0}
.tool-grid .product-card-body{display:flex;flex-direction:column;flex:1;min-width:0;padding:18px}
.tool-grid .product-card-body h3{font-size:16px;line-height:1.6;min-height:51.2px;overflow-wrap:anywhere}
.tool-grid .product-category{max-width:calc(100% - 24px);left:12px;bottom:10px;line-height:1.5}
.tool-grid .product-plan-labels{min-width:0}
.tool-grid .product-card-bottom{margin-top:auto;flex-wrap:wrap}
.tool-grid .product-card-bottom>strong{font-size:21px;overflow-wrap:anywhere;min-width:0}
.rich-content>blockquote:first-child:has(>h3:first-child){padding:20px 22px;border:1px solid #9271bc55;border-left:3px solid #b495e9;border-radius:12px;background:linear-gradient(120deg,#ac83e512,#ffffff03)}
.rich-content>blockquote:first-child>h3:first-child{margin-top:0;color:#e1d1fa}
.rich-content>blockquote:first-child>p>a{display:inline-block;padding:4px 0;font-weight:600;text-underline-offset:4px;overflow-wrap:anywhere}
@media(max-width:1023px){
.tool-grid,.featured-grid,.related-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.rich-content>blockquote:first-child:has(>h3:first-child){padding:15px 16px;font-size:14px}
.tool-grid,.featured-grid,.related-section .tool-grid{gap:12px}
.tool-grid>.product-card{border-radius:12px}
.tool-grid .product-card-image{aspect-ratio:1.2}
.tool-grid .product-card-body{padding:12px}
.tool-grid .product-card-body h3{font-size:14px;line-height:1.55;min-height:65.1px;-webkit-line-clamp:3}
.tool-grid .product-card-body>p{font-size:11px;line-height:1.7;margin-top:7px;min-width:0}
.tool-grid .product-category{left:7px;bottom:7px;max-width:calc(100% - 14px);padding:3px 6px;font-size:10px;border-radius:5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;overflow-wrap:anywhere}
.tool-grid .image-zoom-hint{right:6px;top:6px;padding:2px 5px;font-size:9px}
.tool-grid .product-plan-labels{flex-wrap:nowrap;gap:4px;margin:11px 0;min-height:23px}
.tool-grid .product-plan-labels>span{min-width:0;flex:0 1 auto;padding:2px 5px;font-size:10px}
.tool-grid .product-plan-labels>span:nth-child(n+3){display:none}
.tool-grid .product-card-bottom{flex-direction:column;align-items:flex-start;gap:4px;padding-top:11px}
.tool-grid .product-card-bottom>strong{font-size:18px;line-height:1.45}
.tool-grid .product-card-bottom>span{font-size:11px;line-height:1.7;display:flex;align-items:center;gap:4px}
.tool-grid .product-card-bottom .icon{width:12px;height:12px}
}
@media(max-width:360px){
.tool-grid,.featured-grid,.related-section .tool-grid{gap:10px}
.tool-grid .product-card-body{padding:10px}
.tool-grid .product-card-body h3{font-size:13px;min-height:60.45px}
.tool-grid .product-card-bottom>strong{font-size:17px}
}
/* 精选默认八项，其余由原生折叠控件展开，支持键盘与无脚本访问。 */
.featured-more{margin-top:22px}
.featured-more>summary{display:flex;align-items:center;justify-content:center;gap:10px;width:fit-content;max-width:100%;min-height:46px;margin:0 auto;padding:11px 24px;border:1px solid #a58cda60;border-radius:10px;background:#aa8de012;color:#d7c5f7;font-size:14px;cursor:pointer;list-style:none;text-align:center}
.featured-more>summary::-webkit-details-marker{display:none}
.featured-more>summary:hover{background:#aa8de024;border-color:#bba0f0}
.featured-more>summary:focus-visible{outline:2px solid #bba0f0;outline-offset:4px}
.featured-more>summary .icon{width:17px;height:17px;transform:rotate(90deg)}
.featured-more .featured-more-hide{display:none}
.featured-more[open] .featured-more-show{display:none}
.featured-more[open] .featured-more-hide{display:inline}
.featured-more[open]>summary .icon{transform:rotate(-90deg)}
.featured-more>.featured-grid{margin-top:22px}