/* 南京纳格铝业 新站公共样式 */
:root{
  --ink:#241a18; --sub:#5f5652; --line:#ece2de;
  --blue:#b01f24; --blue-d:#8e1418; --blue-bg:#fbf0ef;
  --silver:#6b7686; --bg:#faf6f5; --card:#fff;
  --red:#b01f24;
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",sans-serif;color:var(--ink);line-height:1.8;background:#fff;font-size:15px;}
a{color:var(--blue);text-decoration:none;}
a:hover{text-decoration:underline;}
img{max-width:100%;display:block;}

/* header */
.topbar{background:var(--blue-d);color:#e8cfcb;font-size:12.5px;padding:6px 0;}
.topbar .in{max-width:1120px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;}
header.site{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;}
header.site .in{max-width:1120px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;}
.logo{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:700;color:var(--ink);}
.logo .mark{width:38px;height:38px;background:linear-gradient(135deg,#b01f24,#d0343a);border-radius:9px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px;font-weight:700;letter-spacing:0;}
.logo small{display:block;font-size:11px;color:var(--sub);font-weight:400;letter-spacing:1px;}
nav.main{display:flex;gap:26px;flex-wrap:wrap;}
nav.main a{color:var(--ink);font-size:15px;font-weight:500;}
nav.main a:hover{color:var(--blue);text-decoration:none;}
nav.main a.cta{background:var(--blue);color:#fff;padding:7px 18px;border-radius:6px;}
nav.main a.cta:hover{background:var(--blue-d);}

/* hero */
.hero{background:linear-gradient(135deg,rgba(110,15,19,.90) 0%,rgba(160,27,32,.86) 55%,rgba(194,42,48,.82) 100%),url(../images/plant-panorama.jpg) center/cover no-repeat;color:#fff;padding:72px 0 66px;}
.hero .in{max-width:1120px;margin:0 auto;padding:0 20px;}
.hero h1{font-size:34px;line-height:1.4;font-weight:700;margin-bottom:14px;max-width:820px;}
.hero h1 em{font-style:normal;color:#f3c9c7;}
.hero p.lead{color:#eccfcc;font-size:16px;max-width:760px;margin-bottom:26px;}
.hero .btns{display:flex;gap:14px;flex-wrap:wrap;}
.btn{display:inline-block;padding:12px 28px;border-radius:7px;font-weight:600;font-size:15px;}
.btn.p{background:#fff;color:var(--blue-d);}
.btn.s{border:1.5px solid rgba(255,255,255,.55);color:#fff;}
.btn:hover{text-decoration:none;opacity:.92;}
.hero .stats{display:flex;gap:44px;margin-top:46px;flex-wrap:wrap;}
.hero .stats div b{font-size:30px;font-weight:700;display:block;}
.hero .stats div span{font-size:13px;color:#dfb3b0;}

/* sections */
section.blk{padding:64px 0;}
section.blk.alt{background:var(--bg);}
section.blk .in{max-width:1120px;margin:0 auto;padding:0 20px;}
.kicker{color:#b01f24;font-size:13px;font-weight:700;letter-spacing:3px;margin-bottom:8px;text-transform:uppercase;}
h2.st{font-size:27px;font-weight:700;margin-bottom:10px;}
p.st-sub{color:var(--sub);max-width:680px;margin-bottom:36px;}

/* cards */
.grid{display:grid;gap:22px;}
.g4{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.g3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));}
.card{background:var(--card);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:.2s;display:flex;flex-direction:column;}
.card:hover{box-shadow:0 10px 28px rgba(176,31,36,.10);transform:translateY(-3px);}
.card .thumb{height:170px;background:linear-gradient(135deg,#f5e9e8,#efe0de);display:flex;align-items:center;justify-content:center;color:#b08a86;font-size:13px;position:relative;}
.card .body{padding:20px 22px;flex:1;display:flex;flex-direction:column;}
.card h3{font-size:17.5px;margin-bottom:8px;}
.card h3 a{color:var(--ink);}
.card p{color:var(--sub);font-size:13.8px;flex:1;}
.card .more{margin-top:14px;font-size:13.5px;font-weight:600;}

/* misc */
.two{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start;}
@media(max-width:860px){.two{grid-template-columns:1fr;}}
ul.ticks{list-style:none;}
ul.ticks li{padding:7px 0 7px 26px;position:relative;font-size:14.5px;}
ul.ticks li::before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:700;}
.bignum{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:18px;margin-top:28px;}
.bignum .it{background:#fff;border:1px solid var(--line);border-radius:10px;padding:18px 20px;text-align:center;}
.bignum .it b{font-size:26px;color:var(--blue);display:block;}
.bignum .it span{font-size:12.5px;color:var(--sub);}

/* faq */
.faq-item{border:1px solid var(--line);border-radius:10px;padding:18px 24px;margin-bottom:14px;background:#fff;}
.faq-item h3{font-size:15.5px;margin-bottom:6px;}
.faq-item p{color:var(--sub);font-size:14px;}

/* table */
table.spec{width:100%;border-collapse:collapse;font-size:14px;margin:16px 0;}
table.spec th{background:var(--blue-bg);text-align:left;padding:10px 14px;border:1px solid var(--line);}
table.spec td{padding:10px 14px;border:1px solid var(--line);}

/* breadcrumb */
.crumb{background:var(--bg);border-bottom:1px solid var(--line);font-size:13px;color:var(--sub);}
.crumb .in{max-width:1120px;margin:0 auto;padding:12px 20px;}
.crumb a{color:var(--sub);}

/* article */
article.pg{max-width:840px;margin:0 auto;}
article.pg h1{font-size:28px;margin:34px 0 6px;}
article.pg .meta{color:var(--sub);font-size:13px;margin-bottom:24px;}
article.pg h2{font-size:20px;margin:30px 0 12px;padding-left:12px;border-left:4px solid #b01f24;}
article.pg h3{font-size:16.5px;margin:20px 0 8px;}
article.pg p{margin:10px 0;color:#333c49;}
article.pg ul,.article ol{margin:10px 0 10px 22px;color:#333c49;}
.notice{background:#fdf6e9;border-left:4px solid #b26a00;padding:12px 16px;border-radius:0 8px 8px 0;font-size:13.5px;color:#7a5300;margin:18px 0;}
.toc-cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:22px;}

/* cta band */
.cta-band{background:linear-gradient(135deg,#6e0f13,#a01b20);color:#fff;padding:52px 0;text-align:center;}
.cta-band h2{font-size:24px;margin-bottom:10px;}
.cta-band p{color:#eccfcc;margin-bottom:24px;}

/* footer */
footer.site{background:#1d1210;color:#a59690;font-size:13.5px;padding:48px 0 0;}
footer.site .in{max-width:1120px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:36px;}
@media(max-width:860px){footer.site .in{grid-template-columns:1fr 1fr;}}
footer.site h4{color:#fff;font-size:14.5px;margin-bottom:14px;}
footer.site a{color:#a59690;display:block;padding:3px 0;}
footer.site a:hover{color:#fff;text-decoration:none;}
footer.site .copy{border-top:1px solid #2e201d;margin-top:40px;padding:18px 0;text-align:center;font-size:12.5px;}
footer.site .in{padding-bottom:0;}

/* thumbnails with real images */
.card .thumb img{width:100%;height:100%;object-fit:cover;}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin:18px 0;}
.gallery figure{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fff;}
.gallery img{width:100%;height:190px;object-fit:cover;display:block;}
.gallery figcaption{font-size:12.5px;color:var(--sub);padding:8px 12px;text-align:center;}