*{margin:0;padding:0;box-sizing:border-box}
body{font-family:"PingFang SC","Microsoft YaHei",sans-serif;background:#fdfbf7;color:#333;line-height:1.8}
a{color:inherit;text-decoration:none}
.header{background:linear-gradient(135deg,#f5e6e0,#e8d5c8);padding:50px 20px;text-align:center;border-radius:0 0 40px 40px;box-shadow:0 4px 20px rgba(180,140,120,0.15)}
.header h1{font-size:38px;color:#8b5a5a;margin-bottom:10px}
.header .subtitle{color:#a08070;font-size:16px}
.nav{background:#fff;padding:15px 0;margin:20px 0;border-radius:20px;box-shadow:0 2px 15px rgba(0,0,0,.05);text-align:center;position:sticky;top:0;z-index:100}
.nav a{color:#8b5a5a;text-decoration:none;margin:0 15px;font-size:14px;padding:8px 18px;border-radius:25px}
.nav a:hover{background:#f5e6e0}
.nav a.active{background:#f5e6e0}
.wrap{max-width:1100px;margin:0 auto;padding:15px}
.hero{background:linear-gradient(135deg,#fff9f5,#f5ede8);padding:40px 20px;text-align:center;border-radius:20px;margin:20px 0}
.hero h2{color:#8b5a5a;font-size:24px;margin-bottom:10px}
.hero p{color:#888;font-size:15px}
.section{padding:35px 0;border-bottom:1px solid #f0e8e0}
.section-title{text-align:center;margin-bottom:30px}
.section-title h2{color:#8b5a5a;font-size:22px}
.section-title p{color:#a08070}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.card{background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 3px 15px rgba(0,0,0,.06);transition:all .3s}
.card:hover{transform:translateY(-5px)}
.card .img{height:160px;background:linear-gradient(135deg,#f5e6e0,#e8d5c8);display:flex;align-items:center;justify-content:center;font-size:42px}
.card .content{padding:20px}
.card h3{color:#8b5a5a;font-size:16px;margin-bottom:8px}
.card p{color:#777;font-size:13px}
.card .tag{background:#f5e6e0;color:#8b5a5a;padding:3px 12px;border-radius:12px;font-size:11px;display:inline-block;margin-top:10px}
.articles{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.article{background:#fff;border-radius:18px;padding:22px;box-shadow:0 3px 15px rgba(0,0,0,.05);display:flex;gap:18px}
.article .img{width:110px;height:85px;background:linear-gradient(135deg,#f5e6e0,#e8d5c8);border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:30px}
.article h3{color:#8b5a5a;font-size:15px;margin-bottom:8px}
.article p{color:#888;font-size:13px}
.cases{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.case{background:#fff;border-radius:18px;padding:25px;box-shadow:0 3px 18px rgba(0,0,0,.06)}
.case .story{color:#555;font-size:14px;line-height:1.9;font-style:italic;border-left:3px solid #f5e6e0;padding-left:18px;margin:12px 0}
.case .author{color:#a08070;font-size:12px;text-align:right}
.case .tags{display:flex;gap:8px;margin-top:12px}
.case .tag{background:#f5e6e0;color:#8b5a5a;padding:4px 12px;border-radius:12px;font-size:11px}
.detail{background:#fff;border-radius:20px;padding:35px;box-shadow:0 3px 15px rgba(0,0,0,.05)}
.detail h1{color:#8b5a5a;font-size:26px;margin-bottom:15px}
.detail .info{color:#a08070;font-size:13px;padding-bottom:20px;border-bottom:1px solid #f0e8e0;margin-bottom:25px}
.detail .content{font-size:15px;line-height:2}
.detail .content p{margin-bottom:18px}
.tips{background:#faf5ef;border-radius:18px;padding:25px;margin:25px 0}
.tips h3{color:#8b5a5a;margin-bottom:18px}
.tips li{color:#666;padding:10px 0;border-bottom:1px dashed #e8d5c8}
.quiz{background:linear-gradient(135deg,#f5ede8,#faf5ef);padding:35px;border-radius:18px;margin:25px 0;text-align:center}
.quiz h3{color:#8b5a5a;font-size:20px;margin-bottom:15px}
.quiz button{background:#fff;border:2px solid #e8d5c8;padding:10px 22px;border-radius:25px;cursor:pointer;color:#8b5a5a;margin:5px}
.newsletter{background:linear-gradient(135deg,#8b5a5a,#a08070);padding:40px 20px;border-radius:18px;margin:35px 0;text-align:center;color:#fff}
.newsletter input{padding:12px 20px;border-radius:28px;border:none;width:260px}
.newsletter button{background:#fff;color:#8b5a5a;padding:12px 28px;border-radius:28px;border:none;cursor:pointer;margin-left:8px}
.footer{background:#f5f0ed;padding:35px 20px;text-align:center;border-radius:40px 40px 0 0;margin-top:25px}
@media(max-width:768px){.cards,.articles,.cases{grid-template-columns:1fr}.article{flex-direction:column}.header h1{font-size:28px}}