:root{--ink:#151a20;--muted:#71777d;--line:#dfdbd3;--line2:#e5e0d8;--green:#b79a6b;--hover:#a58859;--white:#fff;--soft:#ebe7df}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Microsoft YaHei","PingFang SC",Arial,sans-serif;color:var(--ink);background:#f4f1eb;line-height:1.7}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container,.wrap{width:min(1180px,92%);margin:auto}
.preview{background:#fafafa;border-bottom:1px solid var(--line2);padding:8px 0;font-size:12px;color:var(--muted);text-align:center}
header{border-bottom:1px solid var(--line);background:#fff}.top{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:18px}.logo{font-size:21px;font-weight:750;letter-spacing:.04em}.nav{display:flex;gap:26px;font-size:14px;color:#666}.nav a:hover{color:var(--green)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#11171d;padding:11px 23px;border:1px solid var(--green);border-radius:5px;font-weight:600}.button:hover{background:var(--hover)}.outline{background:#fff;color:var(--ink)}.outline:hover{background:var(--soft)}.small{font-size:13px}.crumb{font-size:13px;color:#666;padding:24px 0}
.hero{display:grid;grid-template-columns:1.12fr .88fr;gap:42px;align-items:center;padding:24px 0 62px}.eyebrow{font-size:13px;letter-spacing:.13em;color:var(--green);font-weight:700}.hero h1{font-size:44px;line-height:1.3;margin:14px 0 20px}.lead{font-size:16px;color:#666;max-width:600px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.facts{display:flex;flex-wrap:wrap;gap:12px;font-size:13px;color:#666}.facts span{border:1px solid var(--line2);padding:5px 12px;border-radius:4px}.hero-art{min-height:390px;background:var(--soft);border:1px solid var(--line2);display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:16px;border-radius:8px}.tile{background:#fff;border:1px solid var(--line);padding:20px;display:flex;flex-direction:column;justify-content:flex-end;min-height:160px}.tile strong{font-size:22px}.tile small{color:#666}.tile:first-child{grid-row:span 2;background:#f6f6f6}.tile .symbol{font-size:44px;line-height:1.5;margin:auto}
.section{padding:65px 0;border-top:1px solid var(--line)}.section.soft{background:var(--soft)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:28px}.section h2{font-size:30px;line-height:1.35;margin:0 0 8px}.sub{color:#666;margin:0}.filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.chip{background:#fff;border:1px solid var(--line2);border-radius:5px;padding:8px 16px;color:#666}.chip.active{background:var(--green);border-color:var(--green);color:#fff}
.job-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.job{border:1px solid var(--line2);border-radius:8px;background:#fff;padding:25px;display:flex;flex-direction:column;gap:13px}.job h3{font-size:21px;line-height:1.4;margin:0}.meta{display:flex;gap:8px;flex-wrap:wrap;color:#666;font-size:13px}.meta span{background:var(--soft);padding:3px 9px}.job p{margin:0;color:#666;font-size:14px}.job .bottom{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:10px;padding-top:14px;border-top:1px solid var(--line)}.link{color:var(--green);font-weight:700;font-size:14px}.empty{padding:36px;text-align:center;color:#666;border:1px dashed var(--line2);border-radius:8px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:35px}.panel{padding:28px;border:1px solid var(--line2);background:#fff;border-radius:8px}.panel h3{margin:0 0 12px;font-size:20px}.panel p{color:#666}.list{padding-left:20px;color:#666}.list li{margin:9px 0}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border:1px solid var(--line2);padding:22px;background:#fff;border-radius:6px}.num{font-size:27px;font-weight:750;color:var(--green)}.step h3{font-size:17px;margin:10px 0 4px}.step p{font-size:14px;color:#666;margin:0}
.faq{border-top:1px solid var(--line2)}details{border-bottom:1px solid var(--line2);padding:17px 0}summary{cursor:pointer;font-weight:700}details p{color:#666;margin:12px 0 0}
.cta{border:1px solid var(--line2);background:var(--soft);padding:35px;border-radius:8px;display:flex;align-items:center;justify-content:space-between;gap:30px}.cta h2{font-size:27px;margin:0 0 7px}.cta p{margin:0;color:#666}
.footer-links{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;font-size:14px}footer{border-top:1px solid var(--line);padding:35px 0;color:#666;font-size:13px}
dialog{border:1px solid var(--line2);border-radius:9px;max-width:680px;width:92%;padding:0;box-shadow:0 16px 65px #0002}dialog::backdrop{background:#0007}.modal-inner{padding:30px}.modal-head{display:flex;align-items:start;justify-content:space-between;gap:16px}.close{background:none;border:0;font-size:25px;color:#666}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}label{display:block;font-size:13px;margin-bottom:5px}input,select,textarea{width:100%;border:1px solid var(--line2);border-radius:5px;padding:10px;background:#fff}.form-row{margin:14px 0}.note{font-size:12px;color:#666}.demo{border-left:3px solid var(--green);background:var(--soft);padding:12px 15px;font-size:13px;color:#666}
@media(max-width:900px){.nav{display:flex;flex-wrap:wrap;gap:12px}.hero{grid-template-columns:1fr}.hero-art{min-height:270px}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:650px){.top{min-height:66px}.hero{padding:12px 0 45px;gap:22px}.hero h1{font-size:31px}.hero-art{min-height:240px}.section{padding:43px 0}.section h2{font-size:25px}.section-head{display:block}.job-grid,.two,.form-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.cta{display:block;padding:24px}.cta .button{margin-top:20px}.tile{padding:12px}.tile strong{font-size:16px}.tile .symbol{font-size:30px}}

/* V1.4: job detail and private application use the same V1.3 design tokens. */
.detail,.apply{max-width:900px;min-height:55vh}.detail h1,.apply h1{font-size:clamp(28px,4vw,40px);line-height:1.3;margin:20px 0}.detail section{margin:30px 0;padding:22px 26px;border:1px solid var(--line2);border-radius:8px;background:#fff}.detail section h2{font-size:21px}.detail section p{white-space:normal;color:var(--muted)}.detail .actions{margin-top:30px}.apply form{max-width:720px}.apply form>label{display:block;margin:18px 0;font-size:15px;font-weight:600}.apply form>label input,.apply form>label textarea{display:block;margin-top:8px}.privacy{padding:18px;background:var(--soft);border:1px solid var(--line2);border-radius:7px;margin:24px 0}.privacy p{font-size:13px;color:var(--muted)}.privacy .check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.privacy .check input{width:auto;margin-top:5px}.notice,.error{padding:18px;border-radius:6px;margin:20px 0}.notice{background:#edf5eb}.error{background:#fff0ee;color:#9a2c20}.trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.apply .btn{display:inline-flex;align-items:center;justify-content:center;background:var(--green);color:#11171d;border:1px solid var(--green);border-radius:5px;padding:11px 23px;font-weight:600}.detail .link{display:inline-block;margin-bottom:22px}

.ca-languages{display:flex;justify-content:flex-end;align-items:center;gap:8px;max-width:1180px;width:92%;margin:8px auto;font:13px/1.5 Arial,sans-serif}.ca-lang-label{color:#6b6355}.ca-languages select.lang{width:auto;appearance:none;-webkit-appearance:none;background-color:#fff;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23151a20' stroke-width='1.4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 9px center;background-size:10px 6px;border:1px solid #dfdbd3;border-radius:5px;color:#151a20;padding:6px 28px 6px 10px;cursor:pointer}.ca-languages select.lang:focus{outline:2px solid #b79a6b;outline-offset:1px}.ca-languages a{color:#151a20;text-decoration:none;padding:4px 8px;border:1px solid #dfdbd3;border-radius:4px}.ca-languages [aria-current="true"]{background:#b79a6b;color:#11171d}
/* 2026-10-13 与官网各页统一：窄屏隐藏“语言”文字标签、触控目标≥40px、避免头部错位 */
@media(max-width:640px){.ca-lang-label{display:none}.ca-languages{gap:6px}.ca-languages select.lang{min-height:40px;padding:9px 30px 9px 12px;font-size:15px}}.nav{flex-wrap:wrap}@media(max-width:650px){.top{flex-wrap:wrap;padding:10px 0}.nav{gap:12px;flex-wrap:wrap}.logo{white-space:nowrap}}.logo small{display:block;font-size:10px;letter-spacing:.12em;opacity:.75;margin-top:2px;font-weight:400}

/* 2026-10-13 品牌化焦点环：鼠标点击不再出现黑框，键盘操作仍可见（品牌米金色 #b79a6b）
   四标核验：SEO/AEO/GEO/FAQ 均无影响；无障碍：:focus-visible 保留键盘可见焦点 */
.logo:focus{outline:none}
.logo:focus-visible{outline:2px solid #b79a6b;outline-offset:3px;border-radius:2px}
.top a:hover,.top a:focus-visible{text-decoration:underline;text-decoration-color:#b79a6b;text-underline-offset:3px}
/* 2026-10-18 工厂位置卡（与首页同款，招聘页复用） */
.mapCard{display:flex;gap:14px;align-items:center;margin-top:12px;background:var(--card,#fff);border:1px solid var(--line,#dfdbd3);border-radius:10px;padding:14px;box-shadow:0 2px 10px rgba(0,0,0,.04)}
.mapCard{align-items:flex-start}
.mapThumb{flex:0 0 120px;width:120px;height:120px;border-radius:6px;overflow:hidden;background:var(--bg,#f4f1eb);display:flex;align-items:center;justify-content:center}
.mapThumb img{width:100%;height:100%;object-fit:cover;display:block}
.mapThumb{flex:0 0 96px;width:96px;height:96px}
.mapBody .mapAlt{display:block;margin-top:6px;font-size:12px;color:#9a948a;line-height:1.6}
.mapBody .mapAlt a{color:#9a948a;text-decoration:none;border-bottom:1px solid rgba(154,148,138,.35)}
.mapBody .mapAlt a:hover,.mapBody .mapAlt a:focus-visible{color:var(--gold,#b79a6b);border-bottom-color:currentColor}
.mapBody .mapGo{font-size:12.5px}
.mapBody .mapAlt{font-size:11.5px}
.mapBody{min-width:0}
.mapBody b{display:block;font-size:15px;font-weight:600;color:var(--ink,#151a20);margin-bottom:4px}
.mapBody span{display:block;font-size:13px;line-height:1.6;color:var(--muted,#71777d)}
.mapBody .mapGo{display:inline-block;margin-top:8px;font-size:13px;color:var(--gold,#b79a6b);text-decoration:none;border-bottom:1px solid rgba(183,154,107,.4)}
.mapBody .mapGo:hover,.mapBody .mapGo:focus-visible{color:#8f7442;border-bottom-color:currentColor}
.mapBody b{font-size:14px}
.mapBody span{font-size:12.5px}
.mapGo{font-size:12.5px}
.mapGo{display:inline-block;margin-top:8px;font-size:13px;color:var(--gold,#b79a6b);text-decoration:none;border-bottom:1px solid rgba(183,154,107,.4)}
.mapGo:hover,.mapBody .mapGo:focus-visible{color:#8f7442;border-bottom-color:currentColor}
.mapAlt{display:block;margin-top:6px;font-size:12px;color:#9a948a;line-height:1.6}
.mapAlt a{color:#9a948a;text-decoration:none;border-bottom:1px solid rgba(154,148,138,.35)}
.mapAlt a:hover,.mapBody .mapAlt a:focus-visible{color:var(--gold,#b79a6b);border-bottom-color:currentColor}
.mapAlt{font-size:11.5px}
.mapPh{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;color:#9a948a;letter-spacing:.04em}
.mapPh i{font-style:normal;font-size:16px;opacity:.75}
/* 2026-10-18 工厂地址通栏条（整行横带，无小方块图） */
.addrBar{background:#111922;color:#fff;border-radius:12px;padding:18px 22px;margin:0 0 26px}
.addrBarInner{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.addrBarMain b{display:block;font-size:16px;font-weight:750;letter-spacing:.02em}
.addrBarMain span{display:block;color:#c9c4ba;font-size:13px;margin-top:5px}
.addrBarActions{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.addrBarBtn{display:inline-block;background:#b79a6b;color:#111922;font-weight:700;border-radius:999px;padding:9px 16px;text-decoration:none}
.addrBarMaps a{color:#e8e3d9;text-decoration:underline;text-underline-offset:3px}
.addrBarTel{color:#e8e3d9;text-decoration:none;font-weight:600}
@media(max-width:640px){.addrBar{padding:14px 16px}.addrBarInner{gap:12px}.addrBarBtn{width:100%;text-align:center}}
/* 2026-10-18 应聘流程 4 步 */
.ca-process{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0 0;padding:0}
.ca-process li{background:#fff;border:1px solid #e6e0d5;border-radius:10px;padding:18px}
.ca-process b{display:block;font-size:26px;font-weight:900;color:#b79a6b;opacity:.45;line-height:1}
.ca-process h3{font-size:15px;margin:8px 0 6px}
.ca-process p{font-size:13px;color:#6b6e78;line-height:1.6}
@media(max-width:900px){.ca-process{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ca-process{grid-template-columns:1fr}}
/* 2026-10 招聘页气质升级（留白/字号/卡片阴影） */
.wrap.section{padding:52px 0}
.wrap.section h2{font-size:clamp(22px,2.6vw,30px);letter-spacing:-.01em}
.ca-facts{padding:26px 22px;box-shadow:0 6px 24px rgba(17,25,34,.05)}
.ca-facts b{font-size:26px}
.ca-card,.ca-benefits>div,.ca-process li{box-shadow:0 4px 18px rgba(17,25,34,.04);transition:transform .18s,box-shadow .18s}
.ca-card:hover,.ca-benefits>div:hover,.ca-process li:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(17,25,34,.08)}
.ca-card h4,.ca-benefits h4{letter-spacing:.01em}
@media(max-width:640px){.wrap.section{padding:36px 0}}
/* 2026-10-18 招聘页基础布局：数据条 / 能力卡 / 福利宫格 / 流程（网格） */
.ca-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#fff;border:1px solid #e6e0d5;border-radius:12px;padding:26px 22px}
.ca-facts>div{text-align:center}
.ca-facts b{display:block;font-size:26px;font-weight:900;color:#b79a6b;line-height:1.1}
.ca-facts span{font-size:12px;color:#6b6e78}
.ca-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ca-card{background:#fff;border:1px solid #e6e0d5;border-radius:12px;padding:20px}
.ca-card i{font-size:20px;font-style:normal;color:#b79a6b}
.ca-card h4{font-size:15px;margin:8px 0 4px}
.ca-card p{font-size:12px;color:#6b6e78}
.ca-benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.ca-benefits>div{background:#fff;border:1px solid #e6e0d5;border-radius:12px;padding:18px;text-align:center}
.ca-benefits i{font-size:22px;font-style:normal}
.ca-benefits h4{font-size:14px;margin:6px 0 4px}
.ca-benefits p{font-size:12px;color:#6b6e78}
.ca-process{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 0 0;padding:0}
.ca-process li{background:#fff;border:1px solid #e6e0d5;border-radius:10px;padding:18px}
.ca-process b{display:block;font-size:26px;font-weight:900;color:#b79a6b;opacity:.45;line-height:1}
.ca-process h3,.ca-process h4{font-size:15px;margin:8px 0 6px}
.ca-process p{font-size:13px;color:#6b6e78;line-height:1.6}
@media(max-width:900px){.ca-facts{grid-template-columns:1fr 1fr}.ca-cards{grid-template-columns:1fr}.ca-benefits{grid-template-columns:1fr 1fr}.ca-process{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.ca-facts{grid-template-columns:1fr}.ca-benefits{grid-template-columns:1fr}.ca-process{grid-template-columns:1fr}}
/* 高端化 2026-10-18：排版节奏 / 卡片质感 / 金色细节 / 纵深（纯 CSS，不改结构） */
.wrap.section{padding:64px 0}
.wrap.section h2{font-size:clamp(24px,2.8vw,32px);font-weight:800;letter-spacing:-.015em;line-height:1.25}
.wrap.section h2::after{content:'';display:block;width:44px;height:2px;background:#b79a6b;margin-top:12px;opacity:.85;border-radius:2px}
.wrap.section>.lead{font-size:14.5px;color:#6b6e78;max-width:64ch;margin-top:14px}
.ca-benefits>div,.ca-process li{border-color:#eae5dc;border-radius:14px;background:linear-gradient(180deg,#ffffff 0%,#fcfaf6 100%)}
.ca-benefits>div:hover,.ca-process li:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(17,25,34,.10);border-color:#dcc9a6}
.ca-benefits i{filter:saturate(.9)}
.addrBar{border-radius:16px;padding:22px 26px;box-shadow:0 14px 36px rgba(17,25,34,.16);background:linear-gradient(135deg,#111922 0%,#1d222d 100%)}
.addrBarBtn{box-shadow:0 8px 20px rgba(183,154,107,.38)}
.addrBarBtn:hover{transform:translateY(-1px);filter:brightness(1.04)}
.addrBarMaps a:hover,.addrBarTel:hover{color:#d4b87a}
details{background:linear-gradient(180deg,#ffffff 0%,#fcfaf6 100%);border-color:#eae5dc;border-radius:12px}
details[open]{box-shadow:0 10px 26px rgba(17,25,34,.07)}
details summary{font-size:14.5px;letter-spacing:.01em}
footer{margin-top:8px}
@media(max-width:640px){.wrap.section{padding:44px 0}.addrBar{padding:16px 18px;border-radius:14px}}
/* FAQ 折叠修复 2026-10-18：隐藏浏览器默认三角，问题与 +/− 同行对齐 */
details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;padding:2px 0}
details>summary::-webkit-details-marker{display:none}
details>summary::marker{content:''}
details>summary::after{content:'+';color:#b79a6b;font-weight:800;font-size:18px;line-height:1;flex:none}
details[open]>summary::after{content:'−'}
details>summary:hover{color:#b79a6b}
/* 金色线延长 + 主按钮加宽 2026-10-18 */
.wrap.section h2::after{width:min(220px,100%);height:2px}
.wrap.section h2{position:relative}
.btn,.addrBarBtn{min-width:200px;text-align:center}
@media(max-width:640px){.btn,.addrBarBtn{min-width:0;width:100%}}
/* 适配新版 2026-10-18（同事版类名：.button / h2 / details>summary） */
h2::after{content:'';display:block;width:min(220px,100%);height:2px;background:#b79a6b;margin-top:12px;opacity:.85;border-radius:2px}
h2{letter-spacing:-.015em}
details{background:linear-gradient(180deg,#fff 0%,#fcfaf6 100%);border:1px solid #eae5dc;border-radius:12px;padding:16px 18px;margin-bottom:10px}
details[open]{box-shadow:0 10px 26px rgba(17,25,34,.07)}
details>summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details>summary::marker{content:''}
details>summary h3{margin:0;font-size:15px;font-weight:700}
details>summary::after{content:'+';color:#b79a6b;font-weight:800;font-size:18px;line-height:1;flex:none}
details[open]>summary::after{content:'−'}
details>summary:hover h3{color:#b79a6b}
details p{margin-top:10px;font-size:13.5px;color:#5a5d66;line-height:1.85}
.button{min-width:220px;text-align:center;display:inline-block;box-shadow:0 8px 20px rgba(183,154,107,.28)}
.button:hover{transform:translateY(-1px)}
@media(max-width:640px){.button{min-width:0;width:100%}}