*{margin:0;padding:0;box-sizing:border-box}
:root{--ink:#111;--mut:#999;--line:#e5e5e5;--acc:#111}
html{scroll-behavior:smooth}
body{font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",sans-serif;color:#111;background:#fff;line-height:1.8;font-weight:300}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
/* 顶部悬浮导航：difference 混合，黑底显白、白底显黑，两边都可读 */
.nav{position:fixed;top:0;left:0;right:0;z-index:30;display:flex;justify-content:space-between;align-items:center;padding:26px 60px;mix-blend-mode:difference;color:#fff}
.nav .brand{font-size:19px;font-weight:700;letter-spacing:3px}
.nav .brand small{font-weight:300;letter-spacing:1px;opacity:.7}
.nav .menu{display:flex;gap:34px;font-size:13px;letter-spacing:2px}
.nav .menu a{position:relative;padding:4px 0}
.nav .menu a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#fff;transition:right .3s}
.nav .menu a:hover::after,.nav .menu a.on::after{right:0}
.mtog{display:none;flex-direction:column;gap:5px;cursor:pointer;background:none;border:none}
.mtog span{width:24px;height:1px;background:#fff;display:block}
/* 移动端全屏菜单 */
.mmask{position:fixed;inset:0;background:#111;z-index:40;display:none;flex-direction:column;align-items:center;justify-content:center;gap:26px}
.mmask.open{display:flex}
.mmask a{color:#fff;font-size:20px;letter-spacing:4px;font-weight:200}
.mmask .x{position:absolute;top:26px;right:40px;font-size:30px;font-weight:100;color:#fff}
/* 首页大图 hero */
.hero{height:100vh;min-height:560px;display:flex;align-items:center;justify-content:center;text-align:center;background:#000 center/cover;color:#fff;position:relative}
.hero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.35)}
.hero .in{position:relative;z-index:2;padding:0 24px}
.hero h1{font-size:64px;font-weight:200;letter-spacing:8px;line-height:1.3;margin-bottom:26px}
.hero .sub{font-size:14px;letter-spacing:6px;opacity:.85;font-weight:300}
.hero .scroll{position:absolute;bottom:38px;left:50%;transform:translateX(-50%);z-index:2;color:#fff;font-size:11px;letter-spacing:3px;writing-mode:vertical-rl;opacity:.8}
/* 内页 hero（较矮） */
.phero{height:52vh;min-height:340px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#000 center/cover;color:#fff;position:relative}
.phero::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.phero .in{position:relative;z-index:2}
.phero h1{font-size:44px;font-weight:200;letter-spacing:6px;margin-bottom:14px}
.phero .crumb{font-size:12px;letter-spacing:2px;opacity:.7}
.phero .crumb a{opacity:.9}
/* 区块：超大留白，窄居中 */
.blk{max-width:980px;margin:0 auto;padding:130px 40px}
.blk.narrow{max-width:760px}
.lab{font-size:12px;letter-spacing:6px;color:var(--mut);text-transform:uppercase;margin-bottom:36px}
.big{font-size:34px;font-weight:200;line-height:1.6;letter-spacing:1px}
.lead{font-size:16px;color:#555;margin-top:24px;font-weight:300}
.blk p{font-weight:300;color:#444}
.center{text-align:center}
.mlink{display:inline-block;margin-top:34px;font-size:13px;letter-spacing:3px;border-bottom:1px solid #111;padding-bottom:5px;color:#111}
.mlink:hover{opacity:.55}
/* 细线统计 */
.line{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin:0}
.line>div{background:#fff;padding:60px 24px;text-align:center}
.line .num{font-size:48px;font-weight:100;color:#111}
.line .lb{font-size:12px;letter-spacing:3px;color:var(--mut);margin-top:12px}
.line.c3{grid-template-columns:repeat(3,1fr)}
/* 全宽深色块 */
.full{background:#111;color:#fff;text-align:center;padding:120px 40px}
.full h2{font-size:40px;font-weight:100;letter-spacing:8px}
.full p{color:#bbb;margin-top:18px;letter-spacing:2px;font-weight:300}
.full .mlink{color:#fff;border-color:#fff;margin-top:30px}
/* 极简卡片网格 */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.grid.g2{grid-template-columns:repeat(2,1fr)}
.mcard{background:#fff;padding:0}
.mcard .ph{height:230px;overflow:hidden;background:#f3f3f3}
.mcard .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(100%);transition:.5s}
.mcard:hover .ph img{filter:grayscale(0)}
.mcard .tx{padding:30px 28px}
.mcard .tx h3{font-size:18px;font-weight:400;letter-spacing:1px;margin-bottom:10px}
.mcard .tx p{font-size:13px;color:#888;font-weight:300;margin-bottom:16px;min-height:42px}
.mcard .tx a{font-size:12px;letter-spacing:2px;border-bottom:1px solid #111;padding-bottom:3px}
.tag{font-size:11px;letter-spacing:2px;color:var(--mut);display:block;margin-bottom:10px}
/* 文本行列表（业务/优势/承诺等） */
.rows{border-top:1px solid var(--line)}
.rows .r{display:grid;grid-template-columns:80px 1fr;gap:30px;padding:34px 0;border-bottom:1px solid var(--line);align-items:baseline}
.rows .r .no{font-size:14px;letter-spacing:2px;color:var(--mut)}
.rows .r h3{font-size:20px;font-weight:400;margin-bottom:8px}
.rows .r p{font-size:14px;color:#777;font-weight:300}
/* 时间轴（极简） */
.tl{border-left:1px solid var(--line);padding-left:40px}
.tl .it{padding:0 0 44px;position:relative}
.tl .it::before{content:"";position:absolute;left:-44px;top:8px;width:7px;height:7px;border-radius:50%;background:#111}
.tl .yr{font-size:26px;font-weight:100;margin-bottom:6px}
.tl p{font-size:14px;color:#777;font-weight:300}
/* 评价 */
.qs{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.qs .q{background:#fff;padding:40px 30px}
.qs .q p{font-size:14px;color:#555;font-weight:300;margin-bottom:20px}
.qs .who{font-size:13px;letter-spacing:1px}
.qs .who b{font-weight:500}
.qs .who span{color:var(--mut)}
/* 产品详情 */
.pd{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.pd .gal img{width:100%;filter:grayscale(100%)}
.pd .thumbs{display:flex;gap:1px;margin-top:1px}
.pd .thumbs img{width:33.33%;filter:grayscale(100%)}
.pd h1{font-size:30px;font-weight:200;letter-spacing:2px;margin-bottom:18px}
.specs{width:100%;border-collapse:collapse;margin:20px 0 28px}
.specs td{border-bottom:1px solid var(--line);padding:13px 4px;font-size:13px;font-weight:300}
.specs td:first-child{color:var(--mut);width:36%;letter-spacing:1px}
.body h2{font-size:13px;letter-spacing:4px;color:var(--mut);text-transform:uppercase;margin:44px 0 18px}
.body p{font-size:15px;color:#444;font-weight:300;margin-bottom:14px}
.body img{width:100%;filter:grayscale(100%);margin:20px 0}
.btns{margin-top:8px}
.btn{display:inline-block;font-size:12px;letter-spacing:3px;padding:14px 30px;border:1px solid #111;margin-right:12px}
.btn.solid{background:#111;color:#fff}
.btn:hover{opacity:.6}
/* FAQ */
.faqm{border-top:1px solid var(--line)}
.faqm .item{border-bottom:1px solid var(--line)}
.faqm .q{padding:26px 0;font-size:16px;font-weight:400;cursor:pointer;display:flex;justify-content:space-between;letter-spacing:1px}
.faqm .q .pm{font-weight:100;font-size:22px}
.faqm .a{max-height:0;overflow:hidden;transition:max-height .4s}
.faqm .item.open .a{max-height:320px}
.faqm .a p{padding:0 0 26px;color:#777;font-weight:300;font-size:14px}
/* 招聘 */
.jobs .jb{border-bottom:1px solid var(--line);padding:32px 0;display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.jobs .jb h3{font-size:19px;font-weight:400}
.jobs .jb .tags{margin-top:8px;font-size:12px;color:var(--mut);letter-spacing:1px}
.jobs .jb .pay{font-size:15px;font-weight:300;white-space:nowrap}
.welf{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.welf>div{background:#fff;padding:34px 20px;text-align:center}
.welf .ic{font-size:26px;margin-bottom:10px}
.welf h3{font-size:14px;font-weight:400;margin-bottom:4px}
.welf p{font-size:12px;color:var(--mut);font-weight:300}
/* 新闻列表 */
.nlist{border-top:1px solid var(--line)}
.nlist .ni{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:38px 0;border-bottom:1px solid var(--line);align-items:center}
.nlist .ni .date{font-size:13px;letter-spacing:1px;color:var(--mut)}
.nlist .ni h3{font-size:20px;font-weight:400;margin-bottom:8px;letter-spacing:.5px}
.nlist .ni p{font-size:14px;color:#888;font-weight:300}
.nlist .ni:hover h3{opacity:.5}
.ahead{border-bottom:1px solid var(--line);padding-bottom:24px;margin-bottom:30px}
.ahead h1{font-size:30px;font-weight:200;letter-spacing:1px;margin-bottom:14px}
.ahead .meta{font-size:12px;color:var(--mut);letter-spacing:1px}
.prevnext{display:flex;justify-content:space-between;border-top:1px solid var(--line);margin-top:50px;padding-top:24px;font-size:13px;color:#777;font-weight:300}
.prevnext a:hover{color:#111}
/* 联系 */
.cgrid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.cinfo .ci{padding:22px 0;border-bottom:1px solid var(--line)}
.cinfo .ci .k{font-size:12px;letter-spacing:3px;color:var(--mut);margin-bottom:6px}
.cinfo .ci .v{font-size:16px;font-weight:300}
.cform input,.cform textarea{width:100%;padding:14px 0;border:none;border-bottom:1px solid var(--line);margin-bottom:22px;font-family:inherit;font-size:14px;font-weight:300;background:none}
.cform input:focus,.cform textarea:focus{outline:none;border-color:#111}
.cform button{font-size:13px;letter-spacing:3px;padding:15px 40px;background:#111;color:#fff;border:none;cursor:pointer}
/* 页脚 */
footer{border-top:1px solid var(--line);padding:70px 40px 40px;text-align:center}
.flinks{display:flex;flex-wrap:wrap;justify-content:center;gap:26px;font-size:13px;letter-spacing:2px;margin-bottom:30px}
.flinks a{color:#555}.flinks a:hover{color:#111}
.fbrand{font-size:18px;letter-spacing:4px;font-weight:300;margin-bottom:14px}
footer .info{font-size:12px;color:var(--mut);font-weight:300;line-height:2;letter-spacing:1px}
/* 动效 */
.reveal{opacity:0;transform:translateY(30px);transition:.9s}
.reveal.in{opacity:1;transform:none}
/* 响应式 */
@media(max-width:900px){
.nav .menu{display:none}.mtog{display:flex}
.nav,.blk,.full,.phero .in{padding-left:24px;padding-right:24px}
.blk{padding-top:80px;padding-bottom:80px}
.grid,.grid.g2,.qs,.welf{grid-template-columns:1fr}
.line,.line.c3{grid-template-columns:repeat(2,1fr)}
.pd,.cgrid{grid-template-columns:1fr;gap:30px}
.hero h1{font-size:40px;letter-spacing:4px}.phero h1{font-size:30px}
.nlist .ni{grid-template-columns:1fr;gap:8px}
}