/* 多语言与社交入口：原生 details，无外部脚本。 */
.contact-strip{position:relative;z-index:45}
.strip-links{align-items:center}
.preview-language{position:relative;color:var(--ink)}
.preview-language summary{list-style:none;display:flex;align-items:center;gap:7px;cursor:pointer;min-height:38px;font-size:10px;padding:0 10px;border-inline:1px solid var(--line)}
.preview-language summary::-webkit-details-marker{display:none}
.preview-language summary svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
.language-options{position:absolute;right:0;top:calc(100% + 4px);min-width:220px;background:white;border:1px solid var(--line);box-shadow:0 16px 45px #141e1a1f;padding:8px}
.language-options>span,.language-options>button{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:13px 12px;width:100%;font-size:12px;border:0;background:transparent;text-align:left}
.language-options>button:disabled{opacity:.65;cursor:default}
.language-options small{font-size:9px;color:#858b87}
.language-current{color:var(--red);background:#f5f5f1!important}
.footer-platforms{display:grid;grid-template-columns:1fr 3fr;gap:55px;padding:40px 0;margin-top:45px;border-top:1px solid #383e3f}
.footer-platforms .eyebrow{font-size:9px;color:#9ca4a3;margin:0 0 15px}
.footer-platforms h3{font-size:27px;font-weight:400;letter-spacing:-.035em;margin:0}
.platform-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.platform-tile{display:grid;grid-template-columns:25px 1fr 14px;align-items:center;column-gap:10px;row-gap:5px;background:#ffffff04;border:1px solid #3b4242;padding:16px;transition:border-color .25s,background .25s}
.platform-tile:hover{border-color:#a35969;background:#ffffff09}
.platform-tile svg{width:21px;height:21px;grid-row:1/3}
.platform-tile span{font-size:12px}
.platform-tile b{color:#b3bcb9;font-size:14px;font-weight:400}
.platform-tile small{grid-column:2/4;font-size:9px;color:#8b9692}
.catalog-products{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-copy{padding:23px 20px}
.catalog-copy h2{font-size:23px}
.catalog-copy dl>div{align-items:baseline;gap:14px}
.catalog-copy dd{text-align:right;max-width:60%;font-size:10px}
.catalog-copy dt{max-width:45%;font-size:10px}
.catalog-toolbar{flex-wrap:wrap;gap:14px}
.catalog-search{flex:1;max-width:500px;min-width:160px}
.catalog-toolbar select,.brand-filter select{background:white;border:1px solid #d7ddda;font-size:12px;color:#303b35;border-radius:2px;min-height:46px;padding:10px 12px;max-width:100%}
.brand-filter{margin-bottom:40px}
.brand-filter label{display:block;font:10px var(--font-mono);color:var(--muted);margin-bottom:12px}
.brand-filter select{width:100%}
.all-news-grid{margin-top:70px;row-gap:55px}
.all-news-grid .news-image{aspect-ratio:1.6}
.all-news-grid .news-copy h3{font-size:25px;line-height:1.2}
.contact-opening{padding:40px 0 50px;background:#f2f3ef}
.contact-opening .breadcrumbs{margin-bottom:60px}
.contact-heading{display:grid;grid-template-columns:2fr 1fr;gap:75px;align-items:end}
.contact-heading h1{font-size:clamp(43px,5.1vw,72px);line-height:1.07;letter-spacing:-.05em;font-weight:500;margin:0;max-width:900px}
.contact-heading h1>span{color:var(--red)}
.contact-heading>p{font-size:14px;line-height:1.9;max-width:310px;margin-bottom:3px}
.contact-studio{padding:35px 0 90px;background:linear-gradient(#f2f3ef 110px,white 110px)}
.contact-studio-grid{display:grid;grid-template-columns:.9fr 1.1fr;border:1px solid #e1e5df;background:#fff}
.contact-console{padding:50px 45px 30px;background:#1b2325;color:#fff;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.contact-console::after{content:'';position:absolute;right:-110px;top:45px;width:250px;height:250px;border:1px solid #ffffff0b;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff02;pointer-events:none}
.contact-console .eyebrow{color:#a1adaa;font-size:10px}
.contact-console h2{font-size:44px;line-height:1.1;letter-spacing:-.04em;font-weight:400;margin-bottom:23px;position:relative}
.contact-console p:not(.eyebrow){color:#a7b1ae;max-width:310px;font-size:13px;line-height:1.9}
.direct-channels{position:relative}
.direct-channels>a{display:grid;grid-template-columns:1fr 24px;gap:10px;padding:23px 0;border-top:1px solid #3c4745}
.direct-channels>a:last-child{border-bottom:1px solid #3c4745}
.direct-channels span{font:9px var(--font-mono);letter-spacing:.08em;color:#9eaaa6;grid-column:1}
.direct-channels strong{font-weight:400;font-size:clamp(13px,1.5vw,20px);overflow-wrap:anywhere;grid-column:1}
.direct-channels b{grid-column:2;grid-row:1/3;align-self:center;font-size:20px;font-weight:400;color:#cc8897;transition:transform .2s}
.direct-channels a:hover b{transform:translate(2px,-2px)}
.console-note{display:flex;align-items:center;gap:10px;color:#a5afac;font-size:10px;position:relative}
.contact-form-panel{padding:45px 50px}
.contact-form-panel .inquiry-form{background:none;padding:0;border:0}
.contact-form-panel .inquiry-form h2{font-size:34px;letter-spacing:-.04em;margin:0 0 13px;font-weight:500}
.contact-form-panel .inquiry-form>p:first-of-type{font-size:13px;margin-bottom:35px}
.contact-form-panel .inquiry-form label{font-size:12px;margin-bottom:24px}
.contact-form-panel .inquiry-form input,.contact-form-panel .inquiry-form textarea{background:#f8f9f6;border:0;border-bottom:1px solid #cfd6ce;border-radius:0;padding:14px 12px;transition:border-color .2s,background .2s}
.contact-form-panel .inquiry-form input:focus,.contact-form-panel .inquiry-form textarea:focus{background:#f4f5f1;border-color:var(--red)}
.contact-form-panel .inquiry-form textarea{min-height:150px}
.contact-form-panel .button{width:100%;justify-content:space-between;padding:16px 22px;margin:10px 0 8px}
.contact-form-panel [role=status]{border-left:2px solid var(--red);padding-left:13px;font-size:11px!important}
.contact-offices{display:grid;grid-template-columns:.6fr 1.4fr;gap:32px 65px;margin-top:60px;padding-top:30px;border-top:1px solid var(--line)}
.contact-offices>.eyebrow{font-size:9px;color:var(--muted);line-height:1.8;max-width:140px}
.contact-offices>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}
.contact-offices span{font-size:23px;letter-spacing:-.035em}
.contact-offices small{display:block;font:9px var(--font-mono);letter-spacing:.05em;margin-top:9px;color:var(--muted)}
.contact-offices address{grid-column:2;font-size:10px;font-style:normal;color:var(--muted);max-width:600px;line-height:1.8}
@media(max-width:1150px){.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-platforms{grid-template-columns:1fr 3fr;gap:25px}.platform-tile{padding:13px;column-gap:6px}.contact-form-panel{padding:40px 32px}.contact-console{padding:40px 32px 30px}.contact-heading{gap:35px;grid-template-columns:1.7fr 1fr}}
@media(max-width:820px){.footer-platforms{grid-template-columns:1fr;gap:25px}.catalog-products{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-heading{grid-template-columns:1fr;gap:28px}.contact-heading>p{max-width:520px}.contact-studio-grid{grid-template-columns:1fr}.contact-console{display:grid;grid-template-columns:1fr 1fr;gap:30px}.console-note{grid-column:1/-1}.direct-channels strong{font-size:15px}.contact-console h2{font-size:36px}.contact-offices{gap:25px;grid-template-columns:.6fr 1.4fr}.contact-offices span{font-size:20px}.all-news-grid{grid-template-columns:1fr 1fr}}
@media(max-width:540px){.contact-strip .wrap{justify-content:stretch}.strip-links{width:100%;gap:10px;justify-content:space-between}.strip-links>a[href^="https://wa.me"]{display:none}.preview-language summary{min-height:36px;font-size:10px;padding:0 5px;border-right:0}.platform-grid{grid-template-columns:1fr 1fr}.platform-tile{padding:14px 11px}.footer-platforms{margin-top:30px;padding-top:30px}.catalog-products{grid-template-columns:1fr}.catalog-photo{aspect-ratio:1.15}.catalog-copy h2{font-size:27px}.catalog-toolbar select{font-size:11px;max-width:130px}.catalog-search{flex-basis:100%}.brand-filter{margin-bottom:10px;max-width:230px}.brand-filter label{font-size:9px}.all-news-grid{grid-template-columns:1fr;margin-top:45px;gap:40px}.all-news-grid .news-copy h3{font-size:26px}.contact-opening{padding-top:30px;padding-bottom:28px}.contact-opening .breadcrumbs{margin-bottom:40px}.contact-heading h1{font-size:42px}.contact-heading .eyebrow{font-size:10px}.contact-console{display:flex;padding:30px 25px;gap:25px}.contact-console h2{font-size:37px}.contact-console p:not(.eyebrow){max-width:100%}.direct-channels strong{font-size:17px}.contact-form-panel{padding:32px 25px}.contact-form-panel .inquiry-form h2{font-size:30px}.contact-offices{grid-template-columns:1fr;margin-top:40px;gap:20px}.contact-offices>.eyebrow{max-width:none;margin-bottom:0}.contact-offices>div{gap:10px}.contact-offices span{font-size:19px}.contact-offices small{font-size:8px}.contact-offices address{grid-column:1}.contact-studio{padding-bottom:60px}}
/* 底部沿用现有网站的平台地址和圆形图标，不展示卡片。 */
.footer-social-row{display:flex;justify-content:flex-end;margin-top:36px;padding:24px 0;border-top:0}
.footer-social-row .social-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
.footer-social-row .social-icon-link{display:grid;place-items:center;width:40px;height:40px;border:1px solid #454c4e;border-radius:50%;background:#242a2d;transition:border-color .2s,background .2s}
.footer-social-row .social-icon-link:hover{border-color:#b86a7b;background:#30383a}
.footer-social-row .social-icon-link svg{width:20px;height:20px}
.contact-console .direct-channels{min-width:0}
.contact-console .direct-channels strong{font-size:clamp(13px,1.5vw,19px)}
@media(max-width:540px){.footer-social-row{justify-content:flex-start;margin-top:24px}.footer-social-row .social-links{gap:10px}.footer-social-row .social-icon-link{width:38px;height:38px}.contact-console .direct-channels strong{font-size:16px}}

/* 首屏与内页微调：减少标签和空白，保留清晰的阅读层级。 */
.hero-panorama .hero-slide{transition:opacity 1800ms cubic-bezier(.4,0,.2,1)}
.footer-social-row a{text-decoration:none}
.capability-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}
.capability-grid h3{line-height:1.3}
.page-intro{padding:28px 0 44px}
.page-intro .breadcrumbs{margin-bottom:26px}
.page-intro h1{margin-top:0;margin-bottom:20px}
.contact-opening{padding:28px 0 32px}
.contact-opening .breadcrumbs{margin-bottom:28px}
.preview-article .article-head{padding:32px 0 42px}
.article-head .back-link{margin-bottom:26px}
.article-head .tag{margin-bottom:15px}
.article-head h1{margin-bottom:20px}
@media(max-width:1050px){.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}
@media(max-width:540px){.capability-grid{grid-template-columns:1fr;gap:27px}.page-intro{padding:23px 0 32px}.page-intro .breadcrumbs{margin-bottom:22px}.page-intro h1{margin-bottom:17px}.contact-opening{padding:22px 0 24px}.contact-opening .breadcrumbs{margin-bottom:24px}.preview-article .article-head{padding:26px 0 32px}.article-head .back-link{margin-bottom:22px}}
@media(prefers-reduced-motion:reduce){.hero-panorama .hero-slide{transition:none}}
/* 实拍参考图沿用目录的统一背景、完整展示和居中留白，不拉伸电芯。 */
.product-visual .catalog-reference-photo,.catalog-photo .catalog-reference-photo,.related-image .catalog-reference-photo{object-fit:contain;object-position:center;mix-blend-mode:darken;background:transparent}
.product-visual[data-photo-credit] p a{color:var(--red);text-decoration:underline;text-underline-offset:2px}
.key-specs:has(>div:only-child){grid-template-columns:minmax(0,1fr)}

/* 横屏把标题和工厂招牌分开；窄屏让图片独立成栏，避免招牌被文字遮挡。 */
.hero-panorama .hero-slide{object-position:50% 50%}
.hero-panorama .hero-copy{width:47%;max-width:620px}
.hero-panorama h1{font-size:clamp(42px,4vw,66px);line-height:1.06}
.hero-panorama .hero-grid{padding-top:80px;padding-bottom:80px}
.hero-panorama .hero-description{max-width:500px;font-size:15px}
.hero-panorama .hero-photograph::after{background:linear-gradient(90deg,#081116d9 0%,#081116b0 38%,#08111620 55%,transparent 78%),linear-gradient(0deg,#08111640,transparent 35%)}
.catalog-products{align-content:start;overflow-anchor:none}
/* 手机目录直接点击型号进入详情，电脑保留图片卡片。 */
.catalog-product-link{display:block;height:100%;color:inherit;text-decoration:none}
.catalog-product-link .catalog-photo picture{display:block;width:100%;height:100%}
@media(max-width:760px){
  .catalog-layout{grid-template-columns:minmax(0,1fr);gap:24px}
  .catalog-sidebar{position:static;min-width:0}
  .catalog-sidebar>.eyebrow{margin-bottom:10px}
  .format-filter{flex-direction:row;overflow-x:auto;gap:8px;margin:12px 0 20px;padding-bottom:4px}
  .format-filter button{flex:none;min-height:44px;white-space:nowrap;padding:12px;gap:16px;border:1px solid var(--line);font-size:11px}
  .catalog-help{display:none}
  .brand-filter{max-width:none;margin-bottom:0}
  .brand-filter select{width:100%;min-height:44px}
  .catalog-toolbar{gap:12px;margin-bottom:20px}
  .catalog-search{flex-basis:100%;max-width:none;min-width:0}
  .catalog-search input{min-height:46px}
  .catalog-toolbar select{min-height:44px;max-width:160px}
  .catalog-products{grid-template-columns:minmax(0,1fr);gap:10px}
  .catalog-card{min-width:0;border-radius:3px;box-shadow:none}
  .catalog-card:hover{box-shadow:none}
  .catalog-product-link{display:flex;align-items:center;min-height:90px}
  .catalog-product-link:focus-visible{outline:2px solid var(--red);outline-offset:-3px}
  .catalog-product-link .catalog-photo{display:none}
  .catalog-product-link .catalog-copy{padding:18px;width:100%;min-width:0}
  .catalog-product-link .catalog-copy .eyebrow{font-size:9px;margin:0 0 7px}
  .catalog-product-link .catalog-copy h2{font-size:19px;line-height:1.3;margin:0 0 7px;overflow-wrap:anywhere}
  .catalog-product-link .catalog-copy>p:not(.eyebrow){font-size:12px;line-height:1.5;margin:0;color:var(--muted)}
}
@media(max-width:900px){
  .hero-panorama{display:block;min-height:0;background:#172126}
  .hero-panorama .hero-visual{position:relative;height:clamp(230px,44vw,400px)}
  .hero-panorama .hero-photograph{height:100%}
  .hero-panorama .hero-photograph::after{background:linear-gradient(0deg,#17212666,transparent 35%)}
  .hero-panorama .hero-grid{padding-top:32px;padding-bottom:48px}
  .hero-panorama .hero-copy{width:100%;max-width:680px}
  .hero-panorama h1{font-size:clamp(36px,7vw,54px)}
  .hero-panorama .hero-caption{display:none}
}