.intelligence-shell {
  min-height: 100vh;
  background: #07100e;
  color: #eff9f4;
  font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
}
.intelligence-header {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 5rem;
  padding: .8rem clamp(1.25rem, 5vw, 4.5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  border-bottom: 1px solid #29463b;
  background: #07100ee8;
  backdrop-filter: blur(18px);
}
.intelligence-brand { display: flex; align-items: center; gap: 1rem; }
.intelligence-brand img { width: 7.5rem; height: auto; }
.intelligence-brand span, .account-area span { display: grid; gap: .2rem; }
.intelligence-brand b { font-size: .9rem; }
.intelligence-brand small, .account-area small { color: #78968a; font: .55rem "SFMono-Regular", monospace; letter-spacing: .12em; }
.account-area { display: flex; align-items: center; gap: 1rem; }
.account-area span { text-align: right; }
.account-area b { max-width: 15rem; overflow: hidden; text-overflow: ellipsis; font-size: .7rem; }
.account-area > a { padding: .55rem .75rem; border: 1px solid #29463b; color: #9fb8ad; font-size: .65rem; }
.intelligence-hero {
  min-height: 31rem;
  padding: clamp(6rem, 10vw, 9rem) clamp(1.25rem, 5vw, 4.5rem) 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr);
  align-items: end;
  gap: 4rem;
  border-bottom: 1px solid #29463b;
  background: radial-gradient(circle at 76% 48%, #42e8a426, transparent 23rem);
}
.intelligence-hero > div > p, .intelligence-section-head p { margin: 0 0 1rem; color: #42e8a4; font: .63rem "SFMono-Regular", monospace; letter-spacing: .15em; }
.intelligence-hero h1 { max-width: 14ch; margin: 0; font: 700 clamp(2.7rem, 6vw, 5.4rem)/1.06 "Songti SC", serif; letter-spacing: -.05em; }
.intelligence-hero > div > span { display: block; margin-top: 1.5rem; color: #9fb8ad; line-height: 1.7; }
.intelligence-hero aside { padding: 1.5rem; border: 1px solid #29463b; background: #10231d; }
.intelligence-hero aside small { color: #78968a; font: .58rem "SFMono-Regular", monospace; }
.intelligence-hero aside strong { display: block; margin: .8rem 0; color: #8fffd0; font: 600 1.35rem "Songti SC", serif; }
.intelligence-hero aside p { margin: 0; color: #9fb8ad; font-size: .76rem; line-height: 1.7; }
.intelligence-modules, .opportunity-center { padding: 4.5rem clamp(1.25rem, 5vw, 4.5rem); border-bottom: 1px solid #29463b; }
.intelligence-section-head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; }
.intelligence-section-head p { margin-bottom: .5rem; }
.intelligence-section-head h2 { margin: 0; font: 700 clamp(2rem, 4vw, 3.5rem) "Songti SC", serif; }
.intelligence-section-head > span { color: #78968a; font: .62rem "SFMono-Regular", monospace; }
.module-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #29463b; border-left: 1px solid #29463b; }
.module-grid > a { min-height: 15rem; padding: 1.5rem; display: grid; align-content: start; gap: 1rem; border-right: 1px solid #29463b; border-bottom: 1px solid #29463b; transition: background .2s ease; }
.module-grid > a:hover { background: #10231d; }
.module-grid i { color: #42e8a4; font: normal .6rem "SFMono-Regular", monospace; }
.module-grid strong { font: 600 1.25rem "Songti SC", serif; }
.module-grid p { margin: 0; color: #9fb8ad; font-size: .72rem; line-height: 1.65; }
.module-grid > a > span { align-self: end; display: flex; justify-content: space-between; color: #78968a; font: .58rem "SFMono-Regular", monospace; }
.module-grid > a > span b { color: #42e8a4; font-weight: 500; }
.opportunity-list { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid #29463b; border-left: 1px solid #29463b; }
.opportunity-list article { min-height: 18rem; padding: 1.5rem; display: grid; align-content: start; gap: 1rem; border-right: 1px solid #29463b; border-bottom: 1px solid #29463b; background: #0b1915; }
.opportunity-list header { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .7rem; }
.opportunity-list header i, .opportunity-list header span { color: #78968a; font: normal .55rem "SFMono-Regular", monospace; }
.opportunity-list header b { color: #42e8a4; font: 600 1.4rem "Songti SC", serif; }
.opportunity-list header small { color: #78968a; font: .5rem "SFMono-Regular", monospace; }
.opportunity-list h3 { margin: 0; font: 600 1.25rem "Songti SC", serif; }
.opportunity-list > article > p { margin: 0; color: #9fb8ad; font-size: .7rem; line-height: 1.65; }
.opportunity-list footer { align-self: end; padding-top: 1rem; border-top: 1px solid #29463b; color: #eff9f4; font-size: .68rem; line-height: 1.65; }
.opportunity-list footer span { display: block; margin-bottom: .4rem; color: #d8b46c; font: .55rem "SFMono-Regular", monospace; }
.intelligence-footer { padding: 2rem clamp(1.25rem, 5vw, 4.5rem); display: flex; justify-content: space-between; gap: 2rem; color: #78968a; font-size: .62rem; }
.intelligence-footer p { margin: 0; }
.intelligence-footer a { color: #42e8a4; }
.intelligence-entry { display: inline-flex; align-items: center; text-decoration: none; }
@media (max-width: 64rem) {
  .intelligence-hero { grid-template-columns: 1fr; }
  .module-grid, .opportunity-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 42rem) {
  .intelligence-header { align-items: flex-start; }
  .intelligence-brand span { display: none; }
  .account-area b { max-width: 8rem; }
  .intelligence-hero { min-height: auto; padding-top: 5rem; }
  .module-grid, .opportunity-list { grid-template-columns: 1fr; }
  .intelligence-section-head, .intelligence-footer { align-items: flex-start; flex-direction: column; }
}