@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;600;700;900&display=swap";:root{--primary: #9e2a2b;--primary-dark: #6b1d1e;--accent: #c9a96e;--bg: #f5f0e8;--text: #2c2c2c;--muted: #8a7f72;--card-bg: #fdfaf5;--border: #d9cdbc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:"Noto Serif SC",PingFang SC,Microsoft YaHei,serif;background:var(--bg);color:var(--text);line-height:1.8}.container{max-width:1100px;margin:0 auto;padding:0 24px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid var(--border)}.logo{font-size:24px;font-weight:900;color:var(--primary);letter-spacing:4px}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{text-decoration:none;color:var(--text);font-weight:600;letter-spacing:2px;font-size:15px;transition:color .2s;position:relative}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s}.nav-links a:hover{color:var(--primary)}.nav-links a:hover:after{width:100%}.hero{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;padding:100px 0 80px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 200" opacity="0.08"><path d="M0 100 Q50 60 100 100 T200 100 T300 100 T400 100" stroke="white" fill="none" stroke-width="2"/><path d="M0 140 Q50 100 100 140 T200 140 T300 140 T400 140" stroke="white" fill="none" stroke-width="1.5"/><rect x="20" y="20" width="30" height="50" rx="3" fill="white"/><rect x="70" y="30" width="30" height="40" rx="3" fill="white"/><rect x="300" y="15" width="40" height="55" rx="3" fill="white"/><rect x="360" y="25" width="30" height="45" rx="3" fill="white"/><polygon points="35,20 50,5 65,20" fill="white"/><polygon points="85,30 100,15 115,30" fill="white"/><polygon points="320,15 340,0 360,15" fill="white"/><polygon points="375,25 390,10 405,25" fill="white"/></svg>') repeat;background-size:400px 200px}.hero h1{font-size:46px;margin-bottom:16px;letter-spacing:6px;position:relative}.hero h1:after{content:"";display:block;width:80px;height:3px;background:var(--accent);margin:18px auto 0;border-radius:2px}.hero p{font-size:18px;opacity:.92;max-width:640px;margin:24px auto 36px;letter-spacing:2px;position:relative}.btn{display:inline-block;background:var(--accent);color:#fff;padding:14px 40px;border-radius:4px;text-decoration:none;font-weight:600;letter-spacing:3px;transition:transform .2s,box-shadow .2s;position:relative}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #00000040}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:80px 0}.card{background:var(--card-bg);border-radius:4px;padding:36px 28px;border:1px solid var(--border);transition:transform .3s,box-shadow .3s;position:relative}.card:before{content:"◆";position:absolute;top:-11px;left:50%;transform:translate(-50%);color:var(--accent);font-size:20px}.card:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0000001a}.card-img{width:100%;height:180px;object-fit:cover;border-radius:4px;margin-bottom:16px}.card h3{color:var(--primary);margin-bottom:14px;font-size:20px;letter-spacing:3px;text-align:center}.card p{color:var(--muted);font-size:15px;letter-spacing:1px}.section-title{text-align:center;font-size:28px;letter-spacing:4px;color:var(--primary);margin-bottom:32px;position:relative}.section-title:after{content:"";display:block;width:60px;height:3px;background:var(--accent);margin:14px auto 0;border-radius:2px}.section-subtitle{display:block;font-size:14px;font-weight:400;letter-spacing:6px;color:var(--muted);margin-top:6px}.video-section{padding:0 0 80px}.video-wrapper{max-width:800px;margin:0 auto;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:#000}.video-wrapper video{width:100%;display:block}.footer{text-align:center;padding:40px 0;color:var(--muted);border-top:1px solid var(--border);letter-spacing:2px;font-size:14px}@media (max-width: 768px){.features{grid-template-columns:1fr}.hero h1{font-size:32px}.nav-links{display:none}}