
*{margin:0;padding:0;box-sizing:border-box}
:root{--hgyx5-red:#7a1f2b;--hgyx5-red2:#a72a3a;--hgyx5-gold:#d9a441;--hgyx5-bg:#141014;--hgyx5-panel:#1d1519;--hgyx5-panel2:#241a1e;--hgyx5-line:#3a2a30;--hgyx5-text:#e9e3de;--hgyx5-muted:#a99a93;--hgyx5-dark:#0d0a0d}
html{-webkit-text-size-adjust:100%}
body{background:var(--hgyx5-bg);color:var(--hgyx5-text);font-family:"Microsoft YaHei","PingFang SC",sans-serif;font-size:16px;line-height:1.85}
a{color:var(--hgyx5-gold);text-decoration:none}
a:hover{color:#f0c46a;text-decoration:underline}
.hgyx5-wrap{width:100%;max-width:1160px;margin:0 auto;padding:0 20px}
/* header */
.hgyx5-topbar{background:var(--hgyx5-dark);border-bottom:1px solid var(--hgyx5-line);font-size:13px;color:var(--hgyx5-muted)}
.hgyx5-topbar .hgyx5-wrap{display:flex;justify-content:space-between;align-items:center;min-height:34px;flex-wrap:wrap}
.hgyx5-brand{display:flex;align-items:center;gap:12px;padding:16px 0}
.hgyx5-brand svg{flex:0 0 auto}
.hgyx5-brand .t{font-size:24px;font-weight:900;color:var(--hgyx5-gold);letter-spacing:2px}
.hgyx5-brand .s{font-size:13px;color:var(--hgyx5-muted)}
.hgyx5-nav{background:linear-gradient(180deg,#2a1216,#1d1519);border-top:2px solid var(--hgyx5-red);border-bottom:1px solid var(--hgyx5-line)}
.hgyx5-nav ul{list-style:none;display:flex;flex-wrap:wrap;gap:4px}
.hgyx5-nav a{display:block;padding:11px 16px;font-size:15px;font-weight:700;color:#f2d9c8;border-radius:6px 6px 0 0}
.hgyx5-nav a:hover,.hgyx5-nav a.on{background:var(--hgyx5-red);color:#ffe9b0;text-decoration:none}
/* hero */
.hgyx5-hero{background:radial-gradient(ellipse at 18% 20%,rgba(217,164,65,.16),transparent 55%),radial-gradient(ellipse at 85% 15%,rgba(122,31,43,.5),transparent 60%),linear-gradient(160deg,#1c1014,#141014);border-bottom:1px solid var(--hgyx5-line)}
.hgyx5-hero .hgyx5-wrap{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;padding:46px 20px 40px;align-items:center}
.hgyx5-hero-tag{display:inline-block;padding:4px 14px;background:var(--hgyx5-red);color:#ffd9a0;font-size:13px;font-weight:700;border-radius:999px;margin-bottom:14px}
.hgyx5-hero h1{font-size:34px;line-height:1.4;color:#fff;margin-bottom:16px}
.hgyx5-hero h1 b{color:var(--hgyx5-gold)}
.hgyx5-hero .lead{font-size:16px;color:#d8cfc8;margin-bottom:22px}
.hgyx5-hero .cta{display:flex;gap:14px;flex-wrap:wrap}
.hgyx5-btn{display:inline-block;padding:11px 24px;border-radius:8px;font-weight:800;font-size:15px}
.hgyx5-btn-red{background:linear-gradient(135deg,var(--hgyx5-red2),var(--hgyx5-red));color:#fff!important;box-shadow:0 6px 18px rgba(122,31,43,.45)}
.hgyx5-btn-gold{background:linear-gradient(135deg,#eec268,var(--hgyx5-gold));color:#3a2408!important}
.hgyx5-hero-card{background:linear-gradient(165deg,#241719,#1a1215);border:1px solid rgba(217,164,65,.55);border-radius:14px;padding:22px;box-shadow:0 14px 40px rgba(0,0,0,.5)}
.hgyx5-hero-card h3{font-size:16px;color:var(--hgyx5-gold);border-bottom:1px dashed var(--hgyx5-line);padding-bottom:10px;margin-bottom:12px;letter-spacing:1px}
.hgyx5-hero-card ul{list-style:none}
.hgyx5-hero-card li{margin:8px 0}
.hgyx5-hero-card a{display:flex;justify-content:space-between;align-items:center;padding:9px 12px;background:var(--hgyx5-panel2);border-radius:8px;font-size:14px;color:#e8ddd2;border:1px solid transparent}
.hgyx5-hero-card a:hover{border-color:var(--hgyx5-gold);color:var(--hgyx5-gold);text-decoration:none}
.hgyx5-hero-card .k{color:var(--hgyx5-muted);font-size:13px}
/* main */
.hgyx5-main .hgyx5-wrap{display:grid;grid-template-columns:1fr 300px;gap:28px;padding:28px 20px 10px}
.hgyx5-body{min-width:0}
.hgyx5-aside{min-width:0}
.hgyx5-crumb{font-size:13px;color:var(--hgyx5-muted);margin-bottom:16px;padding:10px 14px;background:var(--hgyx5-panel);border:1px solid var(--hgyx5-line);border-radius:8px}
.hgyx5-crumb a{color:var(--hgyx5-muted)}
.hgyx5-crumb .sep{margin:0 6px;color:var(--hgyx5-red2)}
.hgyx5-panel{background:var(--hgyx5-panel);border:1px solid var(--hgyx5-line);border-radius:12px;padding:26px;margin-bottom:22px}
.hgyx5-panel h2{font-size:22px;color:#fff;border-left:5px solid var(--hgyx5-red);padding-left:12px;margin-bottom:14px;line-height:1.4}
.hgyx5-panel h2 .gold{color:var(--hgyx5-gold)}
.hgyx5-panel h3{font-size:17px;color:var(--hgyx5-gold);margin:16px 0 8px}
.hgyx5-panel p{margin-bottom:14px;color:#ddd5ce;text-align:justify}
.hgyx5-panel p:last-child{margin-bottom:0}
.hgyx5-panel .ph{margin:18px 0}
.hgyx5-panel img{max-width:100%;height:auto;border-radius:10px;border:1px solid var(--hgyx5-line);display:block}
.hgyx5-panel table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14.5px}
.hgyx5-panel th{background:var(--hgyx5-red);color:#ffe9b0;padding:10px 12px;border:1px solid var(--hgyx5-line);text-align:center}
.hgyx5-panel td{padding:10px 12px;border:1px solid var(--hgyx5-line);color:#e3dbd3;text-align:center;background:var(--hgyx5-panel2)}
.hgyx5-panel td.l{text-align:left}
.hgyx5-gain{border:1px dashed rgba(217,164,65,.6);background:linear-gradient(135deg,rgba(217,164,65,.08),transparent);border-radius:10px;padding:14px 16px;margin:18px 0;font-size:15px;color:#f0d9a8}
.hgyx5-gain strong{color:var(--hgyx5-gold)}
.hgyx5-keypoints{background:var(--hgyx5-panel2);border:1px solid var(--hgyx5-line);border-radius:10px;padding:16px 18px;margin:0 0 20px}
.hgyx5-keypoints h2{font-size:16px;color:var(--hgyx5-gold);margin-bottom:8px;border:0;padding:0}
.hgyx5-keypoints ul{list-style:none;counter-reset:kp}
.hgyx5-keypoints li{position:relative;padding-left:30px;margin:7px 0;font-size:14.5px;color:#d8cfc6}
.hgyx5-keypoints li:before{counter-increment:kp;content:counter(kp);position:absolute;left:0;top:1px;width:21px;height:21px;background:var(--hgyx5-red);color:#ffd9a0;border-radius:50%;text-align:center;line-height:21px;font-size:12px;font-weight:700}
/* section blocks */
.hgyx5-grid2{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.hgyx5-grid2 .cell{background:var(--hgyx5-panel2);border:1px solid var(--hgyx5-line);border-radius:10px;padding:14px 16px}
.hgyx5-grid2 .cell h3{margin:0 0 6px;font-size:15.5px}
.hgyx5-grid2 .cell p{font-size:14px;margin:0;color:#cfc5bd}
/* aside */
.hgyx5-side{background:var(--hgyx5-panel);border:1px solid var(--hgyx5-line);border-radius:12px;padding:18px;margin-bottom:20px}
.hgyx5-side h3{font-size:16px;color:var(--hgyx5-gold);border-bottom:1px solid var(--hgyx5-line);padding-bottom:8px;margin-bottom:10px}
.hgyx5-side ul{list-style:none}
.hgyx5-side li{margin:8px 0;font-size:14px}
.hgyx5-side li a{color:#d8cfc6}
.hgyx5-side li a:hover{color:var(--hgyx5-gold)}
.hgyx5-side li i{font-style:normal;color:var(--hgyx5-red2);font-size:12px;vertical-align:1px;margin-right:4px}
/* login blocks */
.hgyx5-login-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}
.hgyx5-login-grid .col{background:var(--hgyx5-panel2);border:1px solid var(--hgyx5-line);border-radius:10px;padding:16px}
.hgyx5-login-grid .col h3{color:var(--hgyx5-gold);font-size:15.5px;margin-bottom:10px;padding-left:10px;border-left:4px solid var(--hgyx5-red)}
.hgyx5-login-grid ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:6px}
.hgyx5-login-grid li a{display:block;background:#2a1c20;border:1px solid var(--hgyx5-line);border-radius:6px;padding:7px 10px;font-size:13.5px;color:#ead9c4;word-break:break-all;text-align:center}
.hgyx5-login-grid li a:hover{border-color:var(--hgyx5-gold);color:var(--hgyx5-gold);text-decoration:none}
/* faq */
.hgyx5-faq{margin:14px 0}
.hgyx5-faq dt{font-weight:800;color:#f3e3cd;margin:14px 0 4px;padding-left:14px;position:relative}
.hgyx5-faq dt:before{content:"Q";position:absolute;left:0;top:1px;color:var(--hgyx5-red2);font-weight:900}
.hgyx5-faq dd{color:#cfc5bd;padding-left:14px;margin-bottom:10px;position:relative}
.hgyx5-faq dd:before{content:"A";position:absolute;left:0;top:1px;color:var(--hgyx5-gold);font-weight:900}
/* rel / latest sections */
.hgyx5-rel,.hgyx5-latest{background:var(--hgyx5-panel);border:1px solid var(--hgyx5-line);border-radius:12px;padding:20px 24px;margin-bottom:20px}
.hgyx5-rel h2,.hgyx5-latest h2,.hgyx5-ask h2{font-size:18px;color:#fff;border-left:5px solid var(--hgyx5-gold);padding-left:10px;margin-bottom:12px}
.hgyx5-rel ul,.hgyx5-latest ul{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:8px 22px}
.hgyx5-rel li,.hgyx5-latest li{font-size:14.5px}
.hgyx5-rel li a,.hgyx5-latest li a{color:#d8cfc6}
.hgyx5-rel li a:hover,.hgyx5-latest li a:hover{color:var(--hgyx5-gold)}
.hgyx5-ask{background:var(--hgyx5-panel);border:1px solid var(--hgyx5-line);border-radius:12px;padding:20px 24px;margin-bottom:20px}
.hgyx5-tip{font-size:13.5px;color:var(--hgyx5-muted);background:var(--hgyx5-panel);border:1px dashed var(--hgyx5-line);border-radius:8px;padding:10px 16px;margin-bottom:22px;clear:both}
/* footer */
.hgyx5-footer{margin-top:20px;background:var(--hgyx5-dark);border-top:3px solid var(--hgyx5-red)}
.hgyx5-fgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:30px 20px 22px}
.hgyx5-fgrid h4{color:var(--hgyx5-gold);font-size:15px;margin-bottom:10px;letter-spacing:1px}
.hgyx5-fgrid ul{list-style:none}
.hgyx5-fgrid li{margin:6px 0;font-size:13.5px}
.hgyx5-fgrid li a{color:#b9aea5}
.hgyx5-fgrid li a:hover{color:var(--hgyx5-gold)}
.hgyx5-copy{border-top:1px solid var(--hgyx5-line);text-align:center;color:var(--hgyx5-muted);font-size:12.5px;padding:12px 20px;line-height:1.9}
@media (max-width:920px){
.hgyx5-hero .hgyx5-wrap{grid-template-columns:1fr}
.hgyx5-main .hgyx5-wrap{grid-template-columns:1fr}
.hgyx5-fgrid{grid-template-columns:1fr 1fr}
.hgyx5-grid2,.hgyx5-login-grid{grid-template-columns:1fr}
.hgyx5-hero h1{font-size:27px}
}
@media (max-width:560px){
.hgyx5-fgrid{grid-template-columns:1fr}
.hgyx5-rel ul,.hgyx5-latest ul{grid-template-columns:1fr}
}
