/* 金韵珠宝 - 全站样式 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700&display=swap');
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:#0a0a0a;color:#fff;font-family:'Noto Serif SC','Segoe UI',sans-serif;line-height:1.6;min-height:100vh}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{max-width:1200px;margin:0 auto;padding:0 24px}

/* 导航栏 */
.navbar{background:#0a0a0a;border-bottom:1px solid #222;position:sticky;top:0;z-index:1000}
.nav-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px}
.logo{color:#c9a84c;font-size:22px;font-weight:700;letter-spacing:3px;font-family:'Noto Serif SC',serif}
.nav-links{list-style:none;display:flex;gap:32px}
.nav-links a{color:#888;font-size:13px;letter-spacing:1px;text-transform:uppercase;transition:color .3s;font-weight:400}
.nav-links a:hover,.nav-links a.active{color:#c9a84c}

/* Hero区 */
.hero{height:100vh;background:linear-gradient(135deg,#0a0a0a 0%,#1a1a1a 50%,#0d0d0d 100%);display:flex;align-items:center;justify-content:center;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(201,168,76,0.08) 0%,transparent 70%)}
.hero-content{position:relative;z-index:1;max-width:700px;padding:0 24px}
.hero-content h1{font-size:48px;color:#fff;font-weight:700;margin-bottom:20px;letter-spacing:4px;font-family:'Noto Serif SC',serif}
.hero-content p{font-size:16px;color:#999;margin-bottom:40px;letter-spacing:1px}
.btn{display:inline-block;padding:14px 40px;background:#c9a84c;color:#0a0a0a;border:none;border-radius:2px;font-size:13px;font-weight:700;letter-spacing:2px;cursor:pointer;transition:all .3s;text-transform:uppercase}
.btn:hover{background:#d4b35a;transform:translateY(-1px)}

/* 区块标题 */
.section-title{color:#c9a84c;font-size:28px;text-align:center;margin-bottom:50px;letter-spacing:3px;font-weight:600;font-family:'Noto Serif SC',serif;position:relative}
.section-title::after{content:'';display:block;width:60px;height:1px;background:#c9a84c;margin:16px auto 0}

/* 精选系列 */
.featured{padding:100px 0}
.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.featured-card{position:relative;overflow:hidden;border-radius:4px;transition:transform .3s}
.featured-card:hover{transform:translateY(-4px)}
.featured-img{height:400px;background-size:cover;background-position:center;position:relative}
.featured-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,rgba(0,0,0,0.8),transparent)}
.featured-card h3{position:absolute;bottom:30px;left:24px;color:#fff;font-size:20px;letter-spacing:2px;z-index:1;font-family:'Noto Serif SC',serif}
.featured-card p{position:absolute;bottom:12px;left:24px;color:#999;font-size:13px;z-index:1}

/* 最新产品 */
.new-arrivals{padding:100px 0;background:#0d0d0d}
.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.product-card{background:#1a1a1a;border-radius:4px;overflow:hidden;transition:all .3s;position:relative}
.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.5)}
.product-img{height:280px;background-size:cover;background-position:center;background-color:#222}
.product-card h3{padding:16px 16px 4px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px}
.product-card .subtitle{padding:0 16px;color:#888;font-size:12px;margin-bottom:8px}
.product-card .price{padding:4px 16px 16px;color:#c9a84c;font-size:16px;font-weight:700}
.product-card .original-price{padding:0 16px 16px;color:#666;font-size:13px;text-decoration:line-through;margin-top:-8px}
.badge{position:absolute;top:12px;left:12px;background:#c9a84c;color:#0a0a0a;padding:4px 12px;border-radius:2px;font-size:11px;font-weight:700;letter-spacing:1px;z-index:1}

/* 为何选择我们 */
.why-us{padding:100px 0}
.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.feature{text-align:center;padding:40px 20px}
.feature-icon{font-size:36px;margin-bottom:20px}
.feature h3{color:#fff;font-size:16px;margin-bottom:12px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.feature p{color:#888;font-size:13px;line-height:1.8}

/* 页面头部 */
.page-header{padding:120px 0 60px;text-align:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a)}
.page-header h1{font-size:36px;color:#fff;letter-spacing:4px;margin-bottom:12px;font-family:'Noto Serif SC',serif}
.page-header p{color:#999;font-size:14px;letter-spacing:1px}

/* 筛选栏 */
.filter-bar{display:flex;gap:16px;margin-bottom:40px;flex-wrap:wrap}
.filter-bar select{background:#1a1a1a;color:#fff;border:1px solid #333;padding:10px 16px;border-radius:4px;font-size:13px;min-width:150px}
.filter-bar select:focus{outline:none;border-color:#c9a84c}

/* 产品详情页 */
.product-detail{padding:60px 0}
.breadcrumb{color:#888;font-size:13px;margin-bottom:30px}
.breadcrumb a{color:#c9a84c}
.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.product-images{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.product-thumb{height:250px;background-size:cover;background-position:center;background-color:#1a1a1a;border-radius:4px}
.product-info h1{font-size:28px;color:#fff;margin-bottom:8px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.product-info .subtitle{color:#888;font-size:14px;margin-bottom:20px}
.price-box{margin-bottom:24px}
.current-price{font-size:28px;color:#c9a84c;font-weight:700}
.original-price{font-size:16px;color:#666;text-decoration:line-through;margin-left:12px}
.product-meta{margin-bottom:24px;padding:20px 0;border-top:1px solid #222;border-bottom:1px solid #222}
.meta-item{margin-bottom:8px;font-size:14px}
.meta-label{color:#888;display:inline-block;width:60px}
.product-desc{color:#ccc;font-size:14px;line-height:1.8;margin-bottom:30px}
.detail-specs{margin-top:24px}
.detail-specs h3{color:#c9a84c;font-size:16px;margin-bottom:16px;font-family:'Noto Serif SC',serif}
.detail-specs table{width:100%;border-collapse:collapse}
.detail-specs td{padding:10px 12px;border-bottom:1px solid #222;font-size:13px}
.detail-specs td:first-child{color:#888;width:100px}

/* 系列页 */
.collections-section{padding:60px 0}
.collections-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.collection-card{position:relative;overflow:hidden;border-radius:4px;transition:transform .3s}
.collection-card:hover{transform:translateY(-4px)}
.collection-img{height:350px;background-size:cover;background-position:center;position:relative}
.collection-img::after{content:'';position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,rgba(0,0,0,0.9),transparent)}
.collection-info{position:absolute;bottom:30px;left:24px;right:24px;z-index:1}
.collection-info h3{color:#fff;font-size:22px;letter-spacing:2px;margin-bottom:8px;font-family:'Noto Serif SC',serif}
.collection-info p{color:#999;font-size:13px}

/* 宝石页 */
.stones-section{padding:60px 0}
.stones-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.stone-card{background:#1a1a1a;border-radius:4px;overflow:hidden;transition:all .3s}
.stone-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,0.5)}
.stone-img{height:250px;background-size:cover;background-position:center;background-color:#222}
.stone-info{padding:20px}
.stone-info h3{color:#fff;font-size:16px;margin-bottom:8px;font-family:'Noto Serif SC',serif}
.stone-color{color:#c9a84c;font-size:13px;margin-bottom:6px}
.stone-info p{color:#888;font-size:13px;line-height:1.6}

/* 关于页 */
.about-section{padding:80px 0}
.about-text{margin-bottom:60px}
.about-text h2{color:#c9a84c;font-size:24px;margin-bottom:20px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.about-text p{color:#ccc;font-size:14px;line-height:2;margin-bottom:16px}
.about-values h2{color:#c9a84c;font-size:24px;margin-bottom:30px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.value-item{background:#1a1a1a;padding:30px;border-radius:4px;border:1px solid #222}
.value-item h3{color:#fff;font-size:16px;margin-bottom:12px;font-family:'Noto Serif SC',serif}
.value-item p{color:#888;font-size:13px;line-height:1.8}

/* 联系页 */
.contact-section{padding:80px 0}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.contact-info h2,.contact-form h2{color:#c9a84c;font-size:22px;margin-bottom:30px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.info-item{margin-bottom:24px}
.info-item h3{color:#fff;font-size:14px;margin-bottom:6px}
.info-item p{color:#888;font-size:13px}
.contact-form .form-group{margin-bottom:16px}
.contact-form label{display:block;color:#888;font-size:12px;margin-bottom:6px}
.contact-form input,.contact-form textarea{width:100%;padding:10px 12px;background:#0a0a0a;border:1px solid #333;color:#fff;border-radius:4px;font-size:13px;font-family:inherit}
.contact-form textarea{min-height:120px;resize:vertical}
.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#c9a84c}

/* Footer */
.footer{background:#050505;border-top:1px solid #222;padding:60px 0 30px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
.footer-col h4{color:#c9a84c;font-size:14px;margin-bottom:16px;letter-spacing:2px;font-family:'Noto Serif SC',serif}
.footer-col p{color:#888;font-size:13px;line-height:1.8}
.footer-col ul{list-style:none}
.footer-col li{margin-bottom:8px;color:#888;font-size:13px}
.footer-col a{color:#888;transition:color .3s}
.footer-col a:hover{color:#c9a84c}
.footer-bottom{text-align:center;padding-top:20px;border-top:1px solid #222;color:#666;font-size:12px}

/* 响应式 */
@media(max-width:1024px){
  .product-grid{grid-template-columns:repeat(3,1fr)}
  .features-grid{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .nav-links{display:none}
  .hero-content h1{font-size:32px}
  .featured-grid{grid-template-columns:1fr}
  .product-grid{grid-template-columns:repeat(2,1fr)}
  .product-detail-grid{grid-template-columns:1fr}
  .collections-grid{grid-template-columns:1fr}
  .stones-grid{grid-template-columns:repeat(2,1fr)}
  .values-grid{grid-template-columns:1fr}
  .contact-grid{grid-template-columns:1fr}
  .filter-bar{flex-direction:column}
}
@media(max-width:480px){
  .product-grid{grid-template-columns:1fr}
  .stones-grid{grid-template-columns:1fr}
}

/* 二维码 */
.footer-qr{margin-top:12px}
.footer-qr img{width:120px;height:120px;border-radius:4px;border:1px solid #333}

/* Hero背景图 */
.hero.has-bg .hero-content{position:relative;z-index:1}