:root{
  --bg:#0d0d0b;--bg2:#171612;--gold:#c69137;--gold2:#e0b35b;--paper:#f5f2eb;
  --ink:#171612;--muted:#6d685f;--line:#e5ded0;--white:#fff;--max:1440px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Noto Sans TC","PingFang TC","Microsoft JhengHei",sans-serif;background:#fff;color:var(--ink);line-height:1.7}
a{text-decoration:none;color:inherit}
img{width:100%;display:block}
.container{width:min(var(--max),calc(100% - 48px));margin:auto}
.header{position:absolute;z-index:30;top:0;left:0;right:0;background:linear-gradient(to bottom,rgba(0,0,0,.84),rgba(0,0,0,.20));color:#fff}
.header.scrolled{position:sticky;background:#11110f}
.nav{height:86px;display:flex;align-items:center;justify-content:space-between}
.logo img{width:265px}
.menu{display:flex;gap:34px;align-items:center;font-family:Georgia,"Noto Serif TC",serif;letter-spacing:.1em}
.menu a{padding:29px 0 20px;border-bottom:2px solid transparent}
.menu a:hover,.menu a.current{border-bottom-color:var(--gold2)}
.menu-toggle{display:none;border:1px solid #665f54;background:none;color:#fff;padding:8px 11px;font-size:1.15rem}
.hero{min-height:700px;display:flex;align-items:center;color:#fff;background:
  linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.72) 34%,rgba(0,0,0,.20) 67%,rgba(0,0,0,.28) 100%),
  url("../img/hero.jpg") center/cover no-repeat;padding-top:70px}
.hero-copy{max-width:690px}
.hero-kicker,.eyebrow{font-size:.72rem;font-weight:800;letter-spacing:.28em;color:var(--gold2)}
.hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(3.1rem,5vw,5.8rem);font-weight:500;line-height:1.2;letter-spacing:.07em;margin:.22em 0}
.hero .lead{font-size:1.25rem;letter-spacing:.12em;margin-bottom:16px}
.hero p{max-width:620px;color:#e4ddd2}
.hero-line{width:380px;height:1px;background:linear-gradient(90deg,var(--gold2),transparent);margin:20px 0}
.hero-points{display:flex;gap:22px;flex-wrap:wrap}
.hero-points span{font-size:.88rem}
.hero-points span:before{content:"✓";display:inline-grid;place-items:center;width:19px;height:19px;border:1px solid var(--gold2);border-radius:50%;margin-right:7px;color:var(--gold2);font-size:.66rem}
.actions{display:flex;gap:16px;margin-top:30px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 25px;border:1px solid currentColor;font-weight:700;letter-spacing:.08em}
.btn.gold{background:linear-gradient(135deg,#d5aa55,#a97525);color:#fff;border-color:transparent}
.btn.outline{color:#fff}
.product-band{display:grid;grid-template-columns:repeat(4,1fr);background:#fff}
.product-mini{display:grid;grid-template-columns:46% 54%;min-height:166px;border-right:1px solid #eee8dc}
.product-mini img{height:100%;object-fit:cover}
.product-mini .txt{padding:25px 20px}
.product-mini h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.36rem;margin:0 0 4px}
.product-mini p{font-size:.8rem;color:var(--muted);margin:0 0 13px}
.product-mini a{font-size:.8rem;font-weight:800}
.panel-grid{display:grid;grid-template-columns:1fr 1.05fr 1.1fr .9fr}
.panel{min-height:330px;padding:34px 32px;position:relative;overflow:hidden}
.panel h2{font-family:Georgia,"Noto Serif TC",serif;font-size:1.75rem;letter-spacing:.05em;margin:0 0 14px}
.panel p{font-size:.9rem;max-width:330px}
.panel.dark{background:linear-gradient(140deg,#10100f,#282720);color:#fff}
.panel.safety{background:linear-gradient(90deg,rgba(255,255,255,.94),rgba(255,255,255,.48)),url("../img/lab.jpg") center/cover}
.panel.solution{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,0,0,.15)),url("../img/fried.jpg") center/cover;color:#fff}
.panel.factory{background:linear-gradient(90deg,rgba(62,109,157,.72),rgba(62,109,157,.18)),url("../img/factory.jpg") center/cover;color:#fff}
.panel-icons{position:absolute;left:30px;right:30px;bottom:28px;display:flex;gap:24px}
.panel-icons div{font-size:.73rem;white-space:nowrap}
.panel-icons i{display:block;width:32px;height:32px;border:2px solid var(--gold2);border-radius:50%;margin-bottom:7px}
.cert-row{display:flex;gap:16px;margin-top:28px}
.cert{width:86px;height:86px;border:3px solid #255493;color:#255493;border-radius:50%;display:grid;place-items:center;font-weight:800;text-align:center;line-height:1.05}
.cert.iso{border-radius:10px}
.benefits{display:grid;grid-template-columns:repeat(6,1fr);padding:30px 4vw;background:#fff}
.benefit{display:grid;grid-template-columns:48px 1fr;gap:12px;align-items:center;padding:8px 20px;border-right:1px solid #eee}
.benefit:last-child{border-right:0}
.iconbox{width:42px;height:42px;border:2px solid var(--gold);border-radius:10px;position:relative}
.iconbox:after{content:"";position:absolute;inset:9px;border:1px solid var(--gold);border-radius:50%}
.benefit strong{font-family:Georgia,"Noto Serif TC",serif;display:block}
.benefit span{font-size:.77rem;color:var(--muted)}
.section{padding:88px 0}
.section.alt{background:var(--paper)}
.section-head{max-width:800px;margin:0 auto 42px;text-align:center}
.section-head h2,.copy h2{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.2rem,3.6vw,3.5rem);font-weight:500;line-height:1.35;margin:.18em 0 .35em}
.section-head p,.copy p{color:var(--muted)}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.visual{min-height:440px;object-fit:cover}
.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.info-card{border:1px solid var(--line);background:#fff;padding:28px}
.info-card h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.4rem;margin-top:0}
.info-card p{font-size:.88rem;color:var(--muted)}
.page-hero{padding:170px 0 78px;color:#fff;background:linear-gradient(135deg,#10100e,#29251e)}
.page-hero h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.8rem,4.7vw,4.6rem);font-weight:500;letter-spacing:.08em;margin:.16em 0}
.page-hero p{max-width:760px;color:#d6cec0}
.detail-hero{padding:150px 0 70px;background:#151411;color:#fff}
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}
.detail-grid img{height:420px;object-fit:cover}
.detail-grid h1{font-family:Georgia,"Noto Serif TC",serif;font-size:clamp(2.6rem,4.4vw,4.4rem);font-weight:500;line-height:1.25;margin:.2em 0}
.detail-grid p{color:#d0c8bc}
.breadcrumb{font-size:.78rem;color:#b7ad9d}
.breadcrumb a{color:#efc46d}
.fresh-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.fresh-card{background:#fff;border:1px solid var(--line);padding:28px}
.fresh-card h3{font-family:Georgia,"Noto Serif TC",serif;font-size:1.55rem;margin:0 0 6px}
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}
.contact-card{background:#fff;border:1px solid var(--line);padding:28px}
.contact-row{padding:12px 0;border-bottom:1px solid var(--line)}
.contact-row small{display:block;color:var(--gold);font-weight:800}
.footer{background:#0d0d0c;color:#aaa;padding:50px 0 28px}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:38px}
.footer .logo img{width:230px}
.footer h4{color:#fff;font-family:Georgia,"Noto Serif TC",serif}
.footer a{display:block;font-size:.82rem;margin:7px 0}
.copyline{border-top:1px solid #302f2a;margin-top:30px;padding-top:18px;font-size:.72rem}
.notice{background:#fff5dc;border:1px solid #ead49c;padding:15px 18px;font-size:.84rem;color:#6e5729}
@media(max-width:980px){
 .menu{display:none;position:absolute;top:86px;left:0;right:0;background:#11110f;padding:18px 28px;flex-direction:column;align-items:flex-start}
 .menu.open{display:flex}.menu-toggle{display:block}
 .product-band{grid-template-columns:1fr 1fr}.panel-grid{grid-template-columns:1fr 1fr}.benefits{grid-template-columns:1fr 1fr 1fr}
 .card-grid,.fresh-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
 .container{width:min(100% - 28px,var(--max))}.logo img{width:210px}.hero{min-height:670px;background-position:65% center}.hero h1{font-size:2.65rem}
 .product-band,.panel-grid,.benefits,.card-grid,.fresh-grid,.two-col,.detail-grid,.contact-grid{grid-template-columns:1fr}
 .panel{min-height:300px}.benefit{border-right:0;border-bottom:1px solid #eee}.footer-grid{grid-template-columns:1fr}
}