/* gu2 - 琥珀金深色终端风 | 主色 #D97706 */
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
.zbd804body{
  font-family:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  font-size:15px;line-height:1.65;color:#e8e2d6;background:#12151c;
  -webkit-font-smoothing:antialiased;overflow-x:hidden;word-wrap:break-word
}
.zbd804container{width:100%;max-width:1180px;margin:0 auto;padding:0 20px}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
img{max-width:100%;height:auto;display:block}
.zbd804ad{padding:10px 0;overflow:hidden;background:#0e1117}
.zbd804ad .zbd804container{overflow:hidden}

.zbd804header{background:#0e1117;border-bottom:1px solid #2a3140;position:sticky;top:0;z-index:100}
.zbd804header_inner{display:flex;align-items:center;justify-content:space-between;min-height:58px;gap:12px;flex-wrap:wrap;padding:8px 0}
.zbd804logo{display:flex;align-items:center;gap:10px}
.zbd804logo_mark{
  width:34px;height:34px;background:#d97706;color:#111;font-weight:800;font-size:16px;
  display:flex;align-items:center;justify-content:center;border-radius:2px
}
.zbd804logo_text{font-size:18px;font-weight:700;color:#f5f0e8}
.zbd804nav{display:flex;flex-wrap:wrap;gap:4px}
.zbd804nav_item{padding:6px 11px;font-size:13px;color:#a8a094;border-radius:2px}
.zbd804nav_item:hover,.zbd804nav_active{color:#d97706;background:#1c2110}

.zbd804topbar{background:#1a1208;border-bottom:1px solid #3d2e14;padding:8px 0}
.zbd804topbar_text{font-size:12px;color:#c9a46c;text-align:center}

.zbd804btn{
  display:inline-flex;align-items:center;justify-content:center;padding:10px 18px;
  font-size:14px;font-weight:700;border-radius:2px;border:1px solid transparent;max-width:100%
}
.zbd804btn_primary{background:#d97706;color:#111;border-color:#d97706}
.zbd804btn_primary:hover{background:#f59e0b}
.zbd804btn_outline{background:transparent;color:#d97706;border-color:#d97706}
.zbd804btn_outline:hover{background:#2a1f08}
.zbd804btn_light{background:#f5f0e8;color:#111}

.zbd804main{padding:24px 0 40px}
.zbd804layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}
.zbd804content{min-width:0;display:flex;flex-direction:column;gap:16px}
.zbd804sidebar{min-width:0;display:flex;flex-direction:column;gap:14px;position:sticky;top:72px}

.zbd804hero{
  background:#1a1f28;border:1px solid #2f3748;padding:24px 22px;overflow:hidden
}
.zbd804hero_badge{
  display:inline-block;font-size:12px;color:#d97706;border:1px solid #d97706;
  padding:3px 10px;margin-bottom:12px
}
.zbd804hero_title{font-size:clamp(24px,3.5vw,34px);color:#f5f0e8;line-height:1.35;margin-bottom:12px}
.zbd804hero_desc{color:#b7aea0;margin-bottom:16px}
.zbd804hero_row{display:grid;grid-template-columns:1.1fr .9fr;gap:18px;align-items:center}
.zbd804hero_copy p{color:#cfc6b8;font-size:14px;margin-bottom:16px}
.zbd804hero_copy strong{color:#f5f0e8}
.zbd804hero_btns{display:flex;flex-wrap:wrap;gap:10px}
.zbd804hero_img_wrap{border:1px solid #3d2e14;padding:6px;background:#0e1117;overflow:hidden}
.zbd804hero_img{width:100%;aspect-ratio:16/10;object-fit:cover}

.zbd804panel{
  background:#1a1f28;border:1px solid #2f3748;padding:20px;overflow:hidden;min-width:0
}
.zbd804panel_head{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #2f3748}
.zbd804section_title{font-size:18px;color:#f5f0e8;font-weight:700}
.zbd804section_desc{font-size:13px;color:#8f877a;margin-top:4px}

.zbd804ticker{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.zbd804ticker_item{
  background:#12151c;border:1px solid #2f3748;padding:12px 12px;display:flex;
  flex-direction:column;gap:4px;min-width:0
}
.zbd804market_name{font-size:12px;color:#8f877a}
.zbd804market_price{font-size:20px;font-weight:700;font-variant-numeric:tabular-nums}
.zbd804market_change{font-size:12px}
.zbd804up{color:#ef4444}
.zbd804down{color:#22c55e}

.zbd804services_list{display:flex;flex-direction:column;gap:0}
.zbd804service_row{
  display:grid;grid-template-columns:140px 1fr;gap:12px;padding:14px 0;
  border-bottom:1px dashed #2f3748;min-width:0
}
.zbd804service_row:last-child{border-bottom:none;padding-bottom:0}
.zbd804service_title{font-size:15px;color:#d97706;font-weight:700}
.zbd804service_text{font-size:14px;color:#b7aea0}

.zbd804sector_table{display:flex;flex-direction:column;gap:10px}
.zbd804sector_row{background:#12151c;border-left:3px solid #d97706;padding:14px 14px;border:1px solid #2f3748;border-left-width:3px}
.zbd804sector_title{font-size:15px;color:#f5f0e8;margin-bottom:6px}
.zbd804sector_text{font-size:13px;color:#b7aea0}

.zbd804strategy_grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.zbd804strategy_card{background:#12151c;border:1px solid #2f3748;padding:16px;min-width:0}
.zbd804strategy_tag{display:inline-block;font-size:11px;color:#111;background:#d97706;padding:2px 8px;margin-bottom:8px;font-weight:700}
.zbd804strategy_title{font-size:16px;color:#f5f0e8;margin-bottom:8px}
.zbd804strategy_text{font-size:13px;color:#b7aea0}

.zbd804featured{background:#21180c;border:1px solid #3d2e14;padding:16px;margin-bottom:12px}
.zbd804article_title{font-size:17px;color:#f5f0e8;margin-bottom:8px}
.zbd804article_text{font-size:13px;color:#c9a46c}
.zbd804news_list li{padding:10px 0;border-bottom:1px solid #2f3748;font-size:14px;color:#b7aea0}
.zbd804news_list li:last-child{border-bottom:none}
.zbd804news_list strong{color:#d97706}

.zbd804learn_list{counter-reset:step}
.zbd804learn_list li{
  counter-increment:step;position:relative;padding:12px 12px 12px 48px;
  border:1px solid #2f3748;margin-bottom:8px;background:#12151c;font-size:14px;color:#b7aea0
}
.zbd804learn_list li::before{
  content:counter(step,decimal-leading-zero);position:absolute;left:12px;top:12px;
  color:#d97706;font-weight:800;font-size:14px
}
.zbd804learn_list strong{color:#f5f0e8}

.zbd804faq_list{display:flex;flex-direction:column;gap:10px}
.zbd804faq_item{border:1px solid #2f3748;padding:14px;background:#12151c}
.zbd804faq_q{font-size:15px;color:#f5f0e8;margin-bottom:6px}
.zbd804faq_a{font-size:13px;color:#b7aea0}

.zbd804side_card{background:#1a1f28;border:1px solid #2f3748;padding:16px;overflow:hidden}
.zbd804side_title{font-size:15px;color:#d97706;margin-bottom:10px}
.zbd804side_text{font-size:13px;color:#b7aea0}
.zbd804tags{display:flex;flex-wrap:wrap;gap:6px}
.zbd804tags span{
  font-size:12px;color:#c9a46c;border:1px solid #3d2e14;padding:4px 8px;background:#12151c
}
.zbd804side_list li{font-size:13px;color:#b7aea0;padding:6px 0;border-bottom:1px solid #2f3748}
.zbd804side_list li:last-child{border-bottom:none}
.zbd804side_risk{border-color:#5c3d12}

.zbd804cta{background:#d97706;padding:40px 0;text-align:center;color:#111}
.zbd804cta_title{font-size:clamp(20px,3vw,26px);margin-bottom:10px}
.zbd804cta_text{font-size:14px;margin-bottom:18px;opacity:.9}

.zbd804footer{background:#0a0c10;color:#8f877a;padding:40px 0 20px;border-top:1px solid #2f3748}
.zbd804footer_grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px;margin-bottom:24px}
.zbd804logo_footer .zbd804logo_text{color:#f5f0e8}
.zbd804footer_about{font-size:13px;margin-top:10px}
.zbd804footer_heading{font-size:13px;color:#d97706;margin-bottom:10px}
.zbd804footer_links li{margin-bottom:6px}
.zbd804footer_links a{font-size:13px;color:#8f877a}
.zbd804footer_links a:hover{color:#d97706}
.zbd804footer_risk{font-size:12px;line-height:1.7}
.zbd804flink{border-top:1px solid #2f3748;padding-top:16px;margin-bottom:16px}
.zbd804flink_list{display:flex;flex-wrap:wrap;gap:8px 14px}
.zbd804flink_list a{font-size:13px;color:#8f877a}
.zbd804flink_list a:hover{color:#d97706}
.zbd804footer_bottom{border-top:1px solid #2f3748;padding-top:14px;font-size:12px}
.zbd804copyright a{color:#d97706}
.zbd804powerby{margin-top:6px}

@media (max-width:1024px){
  .zbd804layout{grid-template-columns:1fr}
  .zbd804sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;gap:12px}
  .zbd804hero_row{grid-template-columns:1fr}
  .zbd804ticker{grid-template-columns:repeat(2,1fr)}
  .zbd804strategy_grid{grid-template-columns:1fr}
  .zbd804footer_grid{grid-template-columns:1fr 1fr}
}
@media (max-width:768px){
  .zbd804container{padding:0 14px}
  .zbd804header_inner{flex-direction:column;align-items:flex-start}
  .zbd804sidebar{grid-template-columns:1fr}
  .zbd804service_row{grid-template-columns:1fr;gap:4px}
  .zbd804ticker{grid-template-columns:1fr}
  .zbd804footer_grid{grid-template-columns:1fr}
  .zbd804hero_btns{flex-direction:column}
  .zbd804btn{width:100%}
  .zbd804topbar_text{text-align:left;line-height:1.5}
  .zbd804panel,.zbd804hero{padding:16px}
}
@media (max-width:480px){
  .zbd804logo_text{font-size:16px}
  .zbd804nav_item{padding:5px 8px;font-size:12px}
}
