/* ===== 丹达酒业官网 共享样式 黑金轻奢风 ===== */
*{margin:0;padding:0;box-sizing:border-box;}
:root{
    --wine:#1c070a;
    --gold:#c9a44b;
    --gold-light:#e6cd78;
    --dark:#0f0f0f;
    --bg:#121212;
    --gray:#9a9a9a;
    --text:#e8e4da;
    --line:rgba(201,164,75,.25);
}
html{scroll-behavior:smooth;}
body{font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;background:var(--bg);color:var(--text);line-height:1.7;}
button{font-family:inherit;}

/* ===== 顶栏导航 ===== */
header{position:fixed;top:0;left:0;width:100%;z-index:999;background:rgba(15,15,15,.92);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);}
.nav{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding:15px 20px;}
.logo{color:var(--gold);font-size:26px;font-weight:bold;letter-spacing:3px;text-decoration:none;display:flex;align-items:center;gap:10px;}
.logo .mark{width:34px;height:34px;border:2px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;color:var(--gold);}
.logo small{font-size:11px;color:var(--gray);letter-spacing:1px;display:block;font-weight:normal;}
.nav-menu a{color:#fff;text-decoration:none;margin:0 14px;font-size:15px;letter-spacing:1px;transition:.3s;position:relative;padding-bottom:4px;}
.nav-menu a:hover{color:var(--gold);}
.nav-menu a.active{color:var(--gold);}
.nav-menu a.active::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--gold);}
.menu-toggle{display:none;color:var(--gold);font-size:26px;cursor:pointer;background:none;border:none;}

/* ===== 轮播横幅 ===== */
.banner{position:relative;height:100vh;min-height:560px;overflow:hidden;}
.banner-item{position:absolute;inset:0;opacity:0;transition:opacity 1.2s ease;display:flex;align-items:center;justify-content:center;text-align:center;background-size:cover;background-position:center;}
.banner-item.active{opacity:1;}
.banner-item::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,10,.55),rgba(10,10,10,.45) 50%,rgba(10,10,10,.75));}
.banner-content{position:relative;z-index:2;padding:0 20px;max-width:900px;}
.banner-content h1{font-size:54px;color:var(--gold);margin-bottom:18px;letter-spacing:4px;text-shadow:0 2px 12px rgba(0,0,0,.6);}
.banner-content p{font-size:20px;color:#f0ece2;max-width:700px;margin:0 auto 32px;line-height:1.9;}
.banner-btn{padding:14px 40px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1c0a0a;text-decoration:none;font-weight:bold;letter-spacing:2px;border-radius:4px;transition:.3s;display:inline-block;box-shadow:0 4px 18px rgba(201,164,75,.35);}
.banner-btn:hover{transform:translateY(-2px);box-shadow:0 8px 26px rgba(201,164,75,.5);}
.banner-dots{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);z-index:3;display:flex;gap:10px;}
.banner-dots span{width:30px;height:3px;background:rgba(255,255,255,.35);cursor:pointer;transition:.3s;border-radius:2px;}
.banner-dots span.active{background:var(--gold);}

/* ===== 子页横幅 ===== */
.page-banner{height:340px;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;margin-top:70px;position:relative;}
.page-banner::before{content:"";position:absolute;inset:0;background:rgba(12,12,12,.62);}
.page-banner h1{position:relative;z-index:2;font-size:42px;color:var(--gold);letter-spacing:6px;text-shadow:0 2px 10px rgba(0,0,0,.7);}
.page-banner .sub{position:relative;z-index:2;color:#ccc;letter-spacing:2px;margin-top:8px;}

/* ===== 通用区块 ===== */
.section{padding:85px 20px;max-width:1200px;margin:0 auto;}
.section-alt{background:#181818;}
.title{text-align:center;font-size:32px;color:var(--gold);margin-bottom:14px;letter-spacing:3px;}
.title-sub{text-align:center;color:var(--gray);font-size:15px;margin-bottom:48px;letter-spacing:1px;}
.title::after{content:"";display:block;width:80px;height:2px;background:var(--gold);margin:14px auto 0;}

/* ===== 关于 ===== */
.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;}
.about-text p{line-height:2;font-size:16px;color:#d8d3c8;margin-bottom:16px;}
.about-text strong{color:var(--gold);}
.about-img{border-radius:6px;overflow:hidden;box-shadow:0 12px 30px rgba(0,0,0,.5);}
.about-img img{width:100%;display:block;}

/* ===== 产品 ===== */
.product-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:34px;}
.product-card{border:1px solid var(--line);overflow:hidden;transition:.4s;background:#161616;border-radius:4px;}
.product-card:hover{transform:translateY(-8px);box-shadow:0 14px 30px rgba(0,0,0,.55);border-color:var(--gold);}
.product-card img{width:100%;height:360px;object-fit:cover;display:block;}
.product-card .info{padding:22px;}
.product-card h3{color:var(--gold);margin-bottom:10px;font-size:21px;letter-spacing:1px;}
.product-card p{color:#b9b4a9;font-size:14px;line-height:1.8;}

/* ===== 客户案例 ===== */
.case-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px;}
.case-item{background:#161616;border:1px solid var(--line);padding:26px;border-radius:4px;transition:.3s;}
.case-item:hover{border-color:var(--gold);}
.case-item .q{color:var(--gold);font-size:34px;line-height:1;}
.case-item h4{color:var(--gold);margin:10px 0 8px;font-size:18px;}
.case-item p{color:#b9b4a9;font-size:14px;line-height:1.9;}

/* ===== 工艺步骤 ===== */
.step-wrap{max-width:860px;margin:0 auto;}
.step-item{display:flex;gap:24px;margin-bottom:30px;align-items:flex-start;}
.step-num{width:46px;height:46px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1c0a0a;border-radius:50%;text-align:center;line-height:46px;font-size:20px;font-weight:bold;flex-shrink:0;}
.step-text h3{color:var(--gold);margin-bottom:6px;font-size:19px;}
.step-text p{color:#d8d3c8;line-height:1.9;font-size:15px;}

/* ===== 时间轴 ===== */
.timeline{max-width:860px;margin:0 auto;position:relative;}
.timeline::before{content:"";position:absolute;left:24px;top:0;bottom:0;width:2px;background:var(--gold);opacity:.5;}
.time-item{display:flex;gap:28px;margin-bottom:34px;position:relative;}
.time-item .dot{width:16px;height:16px;background:var(--gold);border-radius:50%;position:absolute;left:17px;top:8px;border:3px solid var(--bg);}
.time-card{flex:1;padding:20px 24px;background:#161616;border:1px solid var(--line);border-radius:4px;margin-left:44px;}
.time-card h4{color:var(--gold);font-size:18px;margin-bottom:6px;}
.time-card p{color:#b9b4a9;font-size:14px;line-height:1.8;}

/* ===== 新闻列表 ===== */
.news-list{max-width:900px;margin:0 auto;}
.news-item{display:flex;gap:26px;padding:22px 0;border-bottom:1px solid var(--line);transition:.3s;}
.news-item:hover{padding-left:8px;}
.news-item img{width:220px;height:140px;object-fit:cover;border-radius:4px;flex-shrink:0;}
.news-body h3{color:var(--text);font-size:19px;margin-bottom:8px;transition:.3s;}
.news-item:hover h3{color:var(--gold);}
.news-body p{color:var(--gray);font-size:14px;line-height:1.8;}
.news-body .date{color:var(--gold);font-size:13px;margin-bottom:8px;display:block;}

/* ===== 招商加盟 ===== */
.join-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;}
.join-card{background:#161616;border:1px solid var(--line);padding:28px;border-radius:4px;text-align:center;transition:.3s;}
.join-card:hover{border-color:var(--gold);transform:translateY(-4px);}
.join-card .ico{width:58px;height:58px;margin:0 auto 16px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;color:var(--gold);}
.join-card h4{color:var(--gold);font-size:19px;margin-bottom:10px;}
.join-card p{color:#b9b4a9;font-size:14px;line-height:1.9;}

/* ===== 联系我们 ===== */
.contact-section{display:grid;grid-template-columns:1fr 1.2fr;gap:50px;align-items:start;}
.contact-info .contact-item{display:flex;gap:16px;margin-bottom:24px;}
.contact-info .c-ico{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--gold);font-size:18px;flex-shrink:0;}
.contact-info h4{color:var(--gold);font-size:17px;margin-bottom:4px;}
.contact-info p{color:#c5c0b4;font-size:15px;}
.form{background:#161616;border:1px solid var(--line);padding:30px;border-radius:6px;}
.form h3{color:var(--gold);margin-bottom:20px;font-size:22px;letter-spacing:1px;}
.form input,.form textarea{width:100%;padding:13px 15px;margin-bottom:16px;background:#1e1e1e;border:1px solid #333;border-radius:4px;color:#fff;font-size:15px;outline:none;transition:.3s;font-family:inherit;}
.form input:focus,.form textarea:focus{border-color:var(--gold);}
.form textarea{height:120px;resize:vertical;}
.form .btn{width:100%;padding:14px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1c0a0a;border:none;border-radius:4px;font-size:16px;font-weight:bold;letter-spacing:2px;cursor:pointer;transition:.3s;}
.form .btn:hover{opacity:.9;}

/* ===== 页脚 ===== */
footer{background:#0a0a0a;border-top:1px solid var(--line);color:#8a8a8a;text-align:center;padding:38px 20px;font-size:14px;}
footer .f-links{margin-bottom:18px;}
footer .f-links a{color:#c5c0b4;text-decoration:none;margin:0 16px;font-size:14px;}
footer .f-links a:hover{color:var(--gold);}
footer a{color:#c5c0b4;text-decoration:none;}
footer .beian{margin-top:12px;}
footer .beian a{color:var(--gold);}

/* ===== 弹窗 ===== */
.mask{position:fixed;inset:0;background:rgba(0,0,0,.78);z-index:1000;display:none;align-items:center;justify-content:center;}
.mask.show{display:flex;}
.pop-form{width:420px;max-width:92%;background:#171717;border:1px solid var(--gold);padding:32px;border-radius:6px;position:relative;text-align:center;}
.pop-form .close{position:absolute;right:16px;top:10px;font-size:28px;cursor:pointer;color:var(--gray);background:none;border:none;}
.pop-form .close:hover{color:#fff;}
.pop-form h3{color:var(--gold);margin-bottom:22px;font-size:22px;letter-spacing:2px;}
.pop-form input{width:100%;padding:12px 15px;margin-bottom:14px;background:#1e1e1e;border:1px solid #333;border-radius:4px;color:#fff;font-size:15px;outline:none;}
.pop-form input:focus{border-color:var(--gold);}
.pop-form button{width:100%;padding:13px;background:linear-gradient(135deg,var(--gold),var(--gold-light));color:#1c0a0a;border:none;border-radius:4px;font-size:16px;font-weight:bold;letter-spacing:2px;cursor:pointer;}
.pop-form .tip{margin-top:12px;color:var(--gray);font-size:12px;}

/* ===== 悬浮按钮 ===== */
.float-join{position:fixed;right:24px;bottom:40px;z-index:998;}
.float-join button{padding:14px 22px;background:linear-gradient(135deg,var(--gold),var(--gold-light));border:none;border-radius:30px;font-size:15px;font-weight:bold;cursor:pointer;color:#1c0a0a;box-shadow:0 6px 20px rgba(201,164,75,.4);letter-spacing:1px;}
.float-join button:hover{transform:translateY(-2px);}

/* ===== 响应式 ===== */
@media(max-width:900px){
    .about-grid,.contact-section{grid-template-columns:1fr;}
    .banner-content h1{font-size:36px;}
    .banner-content p{font-size:17px;}
}
@media(max-width:768px){
    .nav-menu{position:fixed;top:70px;left:0;width:100%;background:rgba(15,15,15,.97);flex-direction:column;display:none;padding:10px 0;border-bottom:1px solid var(--line);}
    .nav-menu.open{display:flex;}
    .nav-menu a{margin:8px 20px;font-size:16px;}
    .menu-toggle{display:block;}
    body{font-size:16px;}
    input,textarea{font-size:16px !important;}
    .menu-toggle{min-width:44px;min-height:44px;}
    .banner-content h1{font-size:30px;letter-spacing:2px;}
    .page-banner{height:240px;margin-top:64px;}
    .page-banner h1{font-size:30px;}
    .news-item{flex-direction:column;}
    .news-item img{width:100%;height:auto;}
    .product-card img{height:280px;}
    .float-join{right:14px;bottom:26px;}
    .title{font-size:26px;}
}