*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Microsoft YaHei',sans-serif;background:#f7f4ef;color:#2d2418;line-height:1.6}
.page-wrapper{display:flex;min-height:100vh}
.sidebar{width:220px;background:#1a1714;color:#e8dcc8;flex-shrink:0;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:30px 0}
.sidebar-logo{text-align:center;font-size:40px;line-height:1.3;margin-bottom:30px;color:#c9a84c}
.sidebar-logo span{display:block;font-size:16px;letter-spacing:2px;margin-top:4px}
.sidebar-nav{display:flex;flex-direction:column;flex:1}
.sidebar-nav a{color:#c9b89a;padding:12px 24px;text-decoration:none;font-size:14px;border-left:3px solid transparent;transition:all 0.3s}
.sidebar-nav a:hover,.sidebar-nav a.active{border-left-color:#c9a84c;color:#f5e6c8;background:rgba(201,168,76,0.08)}
.sidebar-contact{margin-top:auto;padding:20px 24px;border-top:1px solid rgba(201,168,76,0.2);font-size:12px;color:#8a7a5a;line-height:2}
.main-content{flex:1;padding:0 40px 40px}
.content-header{background:linear-gradient(135deg,#1a1714,#2d2418);color:#f5f0e6;padding:40px;border-radius:0 0 24px 24px;margin:0 -40px 40px;position:relative;overflow:hidden}
.content-header::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 50%,rgba(201,168,76,0.12) 0%,transparent 60%)}
.content-header h1{font-size:clamp(22px,4vw,36px);color:#c9a84c;margin-bottom:8px;position:relative}
.lead{color:#c9b89a;font-size:14px;margin-bottom:24px;position:relative}
.header-stats{display:flex;gap:30px;position:relative;flex-wrap:wrap}
.stat strong{display:block;font-size:24px;color:#c9a84c}
.stat span{font-size:12px;color:#8a7a5a}
.product-section h2,.info-section h2{font-size:20px;color:#3d2b1f;margin-bottom:20px;padding-bottom:10px;border-bottom:2px solid #c9a84c;display:inline-block}
.product-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:40px}
.card{background:#fff;border:1px solid #e8dcc8;border-radius:12px;padding:24px;position:relative;transition:transform 0.2s,box-shadow 0.2s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.08)}
.card-icon{font-size:40px;margin-bottom:10px}
.card h3{color:#3d2b1f;font-size:15px;margin-bottom:8px}
.card-price{font-size:22px;font-weight:bold;color:#5c3d2e;margin-bottom:8px}
.card-price span{font-size:13px;font-weight:normal;color:#888}
.card p{color:#7a6a5a;font-size:13px}
.card-tag{position:absolute;top:12px;right:12px;background:#c9a84c;color:#fff;font-size:11px;padding:2px 8px;border-radius:10px}
.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:40px}
.info-item{display:flex;gap:14px;background:#fff;border:1px solid #e8dcc8;border-radius:10px;padding:16px}
.info-icon{font-size:24px;flex-shrink:0}
.info-item h3{color:#3d2b1f;font-size:14px;margin-bottom:4px}
.info-item p{color:#7a6a5a;font-size:13px}
.footer-bar{background:#1a1714;color:#6a5a3a;font-size:12px;text-align:center;padding:20px;margin-top:auto}
@media(max-width:768px){.page-wrapper{flex-direction:column}.sidebar{width:100%;height:auto;position:relative;flex-direction:row;flex-wrap:wrap;padding:15px 0}.sidebar-logo{font-size:28px;margin:0 20px 10px}.sidebar-nav{flex-direction:row;flex:1;overflow-x:auto}.sidebar-contact{width:100%;padding:10px 24px}.main-content{padding:0 20px 20px}.content-header{margin:0 -20px 30px;padding:30px 20px;border-radius:0 0 16px 16px}}