*{margin:0;padding:0;box-sizing:border-box}body{font-family:'Microsoft YaHei',sans-serif;background:#fdf3e7;color:#4a3830;line-height:1.8}
a{color:#c05a3a;text-decoration:none}a:hover{text-decoration:underline}
.hb33--wrap{max-width:1080px;margin:0 auto;padding:0 20px}
.hb33--header{background:#c05a3a}
.hb33--topbar{background:#d07050;color:#ffe9dc;font-size:13px;padding:6px 0}
.hb33--brandbar{background:#c05a3a;padding:14px 0;border-bottom:1px solid #d88a68}
.hb33--brandbar .hb33--wrap{display:flex;justify-content:space-between;align-items:center}
.hb33--logo{font-size:22px;font-weight:700;color:#fff7ee}
.hb33--logo small{display:block;font-size:12px;color:#ffe9dc;font-weight:400}
.hb33--domain{font-size:13px;color:#ffe3c0;border:1px dashed #f0b894;padding:4px 10px;border-radius:10px;font-family:Consolas,monospace}
.hb33--nav{background:#d07050}
.hb33--nav .hb33--wrap{display:flex;flex-wrap:wrap}
.hb33--nav a{color:#fff1e6;padding:11px 15px;font-size:15px;display:block}
.hb33--nav a:hover{background:#dd8458;text-decoration:none}
.hb33--nav a.hb33--on{background:#fff7ee;color:#c05a3a;font-weight:700;border-radius:10px 10px 0 0}
.hb33--breadcrumb{background:#fffbf5;border-bottom:1px solid #f3ddc8;font-size:13px;color:#9a8578}
.hb33--breadcrumb .hb33--wrap{padding:8px 20px}
.hb33--breadcrumb a{color:#b55638}
.hb33--hero{background:linear-gradient(135deg,#c05a3a,#e8b04b);padding:36px 0;border-bottom:3px dotted #fff7ee}
.hb33--hero .hb33--wrap{display:flex;gap:28px;align-items:center}
.hb33--hero-txt{flex:1}
.hb33--hero h1{color:#fff7ee;font-size:30px;margin-bottom:12px}
.hb33--hero p{color:#fff1e6;font-size:15px}
.hb33--meta{color:#ffe3c0;font-size:13px;margin-top:12px}
.hb33--hero-card{flex:0 0 300px;background:#fffbf5;border-radius:12px;border-bottom:4px solid #e8b04b;padding:16px 18px;box-shadow:0 8px 24px rgba(140,80,40,.25)}
.hb33--hero-card li{list-style:none;border-bottom:1px dashed #f3ddc8;padding:7px 0;font-size:13px}
.hb33--hero-card li:last-child{border-bottom:0}
.hb33--hero-card b{color:#b55638;display:block;font-size:14px}
.hb33--hero-card span{color:#7d6a5e}
.hb33--heroimg{text-align:center;margin:24px auto 0;max-width:1080px;padding:0 20px}
.hb33--heroimg img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 18px rgba(192,90,58,.2)}
.hb33--main{display:block;padding:28px 0 10px}
.hb33--article{background:#fffbf5;border:1px solid #f3ddc8;border-radius:12px;padding:30px 34px;box-shadow:0 2px 10px rgba(140,80,40,.08)}
.hb33--keypoints{background:#fdecd8;border-left:4px solid #e8b04b;border-radius:10px;padding:14px 18px;margin-bottom:22px}
.hb33--keypoints b{color:#b55638;font-size:15px}
.hb33--keypoints ul{margin-top:8px;columns:2}
.hb33--keypoints li{list-style:none;color:#7d5a42;font-size:14px;padding:3px 0}
.hb33--keypoints li:before{content:'● ';color:#e8b04b;font-size:9px}
.hb33--sec{margin:22px 0}
.hb33--sec h2{font-size:21px;color:#c05a3a;border-bottom:2px dotted #e8b04b;padding-bottom:8px;margin-bottom:12px}
.hb33--sec p{margin:10px 0;font-size:15.5px;text-align:justify}
.hb33--geo{background:#f6eee2;border:1px solid #e7d9c4;border-radius:10px;padding:16px 18px;margin:24px 0}
.hb33--geo h2{color:#8a6a3a;font-size:17px;margin-bottom:8px;border:0;padding:0}
.hb33--geo p{font-size:14.5px;color:#5f5448;margin:0}
.hb33--relqa{margin:22px 0;padding-top:6px}
.hb33--relqa h2{font-size:19px;color:#c05a3a;border-bottom:2px dotted #d8b28c;padding-bottom:8px;margin-bottom:12px}
.hb33--relqa h3{font-size:15.5px;color:#b55638;margin:12px 0 4px}
.hb33--relqa p{font-size:14.5px;color:#6b5f55;margin:0 0 6px}
.hb33--related{margin:22px 0}
.hb33--related h2{font-size:19px;color:#c05a3a;border-bottom:2px dotted #e8b04b;padding-bottom:8px;margin-bottom:12px}
.hb33--related li{list-style:none;margin:6px 0}
.hb33--related a{display:inline-block;background:#fdecd8;border-radius:10px;padding:5px 14px;font-size:14px}
.hb33--hint{background:#fdf0dc;border:1px dashed #e8b04b;border-radius:10px;padding:12px 16px;font-size:14px;color:#6e5318;margin:18px 0}
.hb33--cardgrid{display:flex;gap:16px;flex-wrap:wrap}
.hb33--card{flex:1;min-width:200px;background:#fff8ee;border:1px solid #f3ddc8;border-radius:12px;padding:16px}
.hb33--card h3{color:#b55638;font-size:16px;margin-bottom:6px}
.hb33--card p{font-size:13.5px;color:#7d6a5e;margin:0}
.hb33--badges{display:flex;gap:14px;flex-wrap:wrap}
.hb33--badge{flex:1;min-width:170px;background:#fdecd8;border-radius:10px;padding:14px 16px;text-align:center}
.hb33--badge b{display:block;color:#b55638;font-size:15px}
.hb33--badge span{font-size:13px;color:#7d6a5e}
.hb33--steps{counter-reset:step;list-style:none}
.hb33--steps li{position:relative;padding:8px 0 8px 44px;font-size:15px;color:#55483f}
.hb33--steps li:before{counter-increment:step;content:counter(step);position:absolute;left:0;top:6px;width:30px;height:30px;line-height:30px;text-align:center;background:#e8b04b;color:#7a4a20;border-radius:50%;font-size:14px}
.hb33--sec details{background:#fff8ee;border:1px solid #f3ddc8;border-radius:10px;padding:10px 16px;margin:8px 0}
.hb33--sec summary{color:#b55638;font-weight:700;font-size:15px;cursor:pointer}
.hb33--sec details p{font-size:14.5px;color:#6b5f55;margin-top:6px}
.hb33--tags{display:flex;flex-wrap:wrap;gap:8px}
.hb33--tags a{display:inline-block;background:#fdecd8;border-radius:10px;padding:5px 14px;font-size:13.5px}
.hb33--latest{list-style:none}
.hb33--latest li{padding:8px 0;border-bottom:1px dashed #f3ddc8;font-size:14.5px}
.hb33--latest time{color:#c05a3a;margin-right:10px;font-size:13px}
.hb33--footer{background:#c05a3a;color:#ffe9dc;margin-top:34px;padding:30px 0 0}
.hb33--footer .hb33--wrap{display:flex;gap:30px;flex-wrap:wrap}
.hb33--footer .hb33--wrap>div{flex:1;min-width:200px}
.hb33--footer h4{color:#fff7ee;font-size:15px;margin-bottom:10px;border-left:3px solid #e8b04b;padding-left:8px}
.hb33--footer p{font-size:13px;line-height:1.8}
.hb33--footer a{color:#ffe9dc;display:block;font-size:13px;padding:3px 0}
.hb33--footer a:hover{color:#ffffff}
.hb33--copy{text-align:center;font-size:12.5px;color:#f5c9b4;border-top:1px solid #d88a68;margin-top:22px;padding:12px 0}
.hb33--404{min-height:60vh;display:flex;align-items:center;justify-content:center;background:#fdf3e7}
.hb33--404box{text-align:center;background:#fffbf5;border:1px solid #f3ddc8;border-radius:12px;padding:40px 50px;box-shadow:0 6px 18px rgba(192,90,58,.15)}
.hb33--404box h1{font-size:56px;color:#e8b04b;margin-bottom:10px}
.hb33--404box p{color:#7d6a5e;margin-bottom:18px}
.hb33--404btn{display:inline-block;background:#c05a3a;color:#fff;border-radius:10px;padding:9px 22px}
@media(max-width:760px){.hb33--hero .hb33--wrap{flex-direction:column}.hb33--hero-card{flex:1 1 auto;width:100%}.hb33--article{padding:20px 16px}.hb33--keypoints ul{columns:1}}