:root{--g:#d7ad61;--g2:#f4d698;--d:#0d1013;--c:#f8f5ee;--l:#e8dfd0}
*{box-sizing:border-box}body{margin:0;font-family:Arial,'Microsoft YaHei',sans-serif;color:#222}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.container{width:min(1180px,92%);margin:auto}
header{position:sticky;top:0;z-index:90;background:#0d1013f7;border-bottom:1px solid #d7ad6155}.head{min-height:72px;display:flex;align-items:center;gap:20px}.brand{color:var(--g2);font-weight:900;font-size:21px}.nav{margin-left:auto;display:flex;gap:17px;color:#fff;font-weight:700;font-size:14px}.nav a{padding:26px 0;border-bottom:3px solid transparent}.nav a.active,.nav a:hover{color:var(--g2);border-color:var(--g)}
button,.btn{border:0;border-radius:9px;padding:12px 19px;font-weight:900;background:linear-gradient(135deg,var(--g2),var(--g));color:#17130d;cursor:pointer}
.hero{position:relative;min-height:590px;background-size:cover;background-position:center;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#07090cec,#07090c88,#07090c18)}.heroin{position:relative;color:#fff;max-width:720px;padding:95px 0}.hero h1{font-size:54px;color:var(--g2);margin:0 0 14px}.hero h2{font-size:24px}.hero p{font-size:17px;line-height:1.9;color:#eee}.actions{display:flex;gap:12px;margin-top:24px}.outline{border:1px solid #ffffff88;background:#ffffff10;color:#fff}
.section{padding:70px 0}.alt{background:var(--c)}.title{text-align:center;margin-bottom:32px}.title h2{font-size:34px}.cards{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.card{border:1px solid var(--l);border-radius:15px;overflow:hidden;background:#fff;box-shadow:0 10px 28px #00000012}.card img{width:100%;height:180px;object-fit:cover}.body{padding:16px}.no{font-size:30px;font-weight:900;color:var(--g)}.card h3{margin:5px 0}.card p{font-size:13px;line-height:1.7;color:#555}.more{color:#95661e;font-weight:900}.article{max-width:920px;margin:auto;padding:32px;border:1px solid var(--l);border-radius:16px;background:#fff}.article p{font-size:17px;line-height:2;color:#444}
footer{background:#0a0d10;color:#ddd;padding:34px 0 100px}.foot{display:flex;justify-content:space-between;gap:20px}.tools{position:fixed;right:18px;top:50%;transform:translateY(-50%);z-index:80;background:#11151a;border:1px solid #d7ad6170;border-radius:18px;overflow:hidden}.tools button{display:flex;flex-direction:column;align-items:center;justify-content:center;width:96px;min-height:92px;border-radius:0;background:none;color:#fff;border-bottom:1px solid #ffffff18}.tools strong{font-size:28px;color:var(--g2)}.float{position:fixed;right:22px;bottom:24px;width:100px;height:100px;border-radius:50%;font-size:18px;z-index:100}
@media(max-width:980px){.head{display:grid;grid-template-columns:1fr auto;padding:10px 0}.nav{grid-column:1/-1;margin:0;overflow-x:auto;white-space:nowrap;gap:8px}.nav a{flex:0 0 auto;padding:9px 12px;border:1px solid #ffffff22;border-radius:999px}.hero{min-height:640px}.hero h1{font-size:40px}.cards{grid-template-columns:repeat(2,1fr)}.tools{display:none}}
@media(max-width:620px){.hero h1{font-size:32px}.hero p{font-size:15px}.actions{flex-direction:column}.actions>*{width:100%;text-align:center}.cards{grid-template-columns:1fr}.card img{height:235px}.section{padding:52px 0}.foot{flex-direction:column}.float{width:84px;height:84px;font-size:16px}}