.intelligence-page { min-height: 100vh; padding-bottom: 0; color: var(--arc-white); background: var(--arc-paper); }
.intelligence-page .intel-header { position: sticky; top: 0; }
.intelligence-page .site-nav { min-height: 74px; }
.intelligence-page .intel-primary-nav { margin-left: auto; }
.intel-date-nav { display: flex; align-items: center; gap: 7px; }
.intel-spark { display: inline-flex; align-items: center; gap: 6px; min-height: 36px; padding: 0 10px; color: var(--arc-ink); background: var(--arc-blue); border: 2px solid var(--arc-ink); border-radius: 7px 4px 7px 4px; font: 900 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-spark span { color: #a60058; font-size: 16px; }
.intel-date-select,
.intel-date-button { height: 36px; color: var(--arc-ink); background: var(--arc-white); border: 2px solid var(--arc-ink); border-radius: 7px 4px 7px 4px; font: 900 10px/1 var(--body); }
.intel-date-select { max-width: 188px; padding: 0 28px 0 10px; }
.intel-date-button { width: 36px; padding: 0; font-size: 16px; }
.intel-date-button:hover:not(:disabled) { background: var(--arc-blue); transform: translateY(-1px); }
.intel-date-button:disabled { opacity: .38; cursor: default; }
.intel-filter-shell { color: var(--arc-white); background: rgba(21,21,21,.96); border-top: 2px solid var(--arc-ink); border-bottom: 2px solid var(--arc-blue); }
.intel-filter-bar { width: min(100%, 1400px); margin: 0 auto; padding: 10px clamp(18px,3.4vw,52px); display: flex; gap: 22px; overflow-x: auto; }
.intel-filter { flex: 0 0 auto; padding: 5px 0; color: rgba(255,255,255,.62); background: transparent; border: 0; border-bottom: 2px solid transparent; font: 900 10px/1 var(--body); letter-spacing: .04em; }
.intel-filter:hover,
.intel-filter.active { color: var(--arc-blue); border-bottom-color: var(--arc-pink); }

.intel-main { width: min(100%, 1320px); min-height: 70vh; margin: 0 auto; padding: clamp(40px,6vw,82px) clamp(18px,4vw,54px) clamp(80px,9vw,130px); }
.intel-hero { display: grid; grid-template-columns: minmax(0,1fr) minmax(240px,320px); align-items: end; gap: clamp(28px,5vw,76px); padding-bottom: clamp(38px,5vw,66px); border-bottom: 3px solid var(--arc-pink); }
.intel-kicker,
.intel-eyebrow { margin: 0 0 10px; color: var(--arc-blue); font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .13em; }
.intel-hero h1 { margin: 0; font-family: var(--cn); font-size: clamp(46px,6.5vw,88px); font-weight: 900; line-height: .98; letter-spacing: -.075em; }
.intel-hero h1 span,
.intel-hero h1 em { display: block; font-style: normal; }
.intel-hero h1 em { width: fit-content; margin-top: 7px; color: var(--arc-white); }
.intel-hero-copy { max-width: 760px; margin: 24px 0 0; color: rgba(255,255,255,.72); font-family: var(--cn); font-size: clamp(14px,1.4vw,17px); font-weight: 600; line-height: 1.8; }
.intel-status-card { display: flex; gap: 13px; align-items: flex-start; padding: 19px; color: var(--arc-ink); background: var(--arc-white); border: 3px solid var(--arc-ink); border-radius: 12px 7px 13px 8px; box-shadow: 6px 7px 0 var(--arc-pink); }
.intel-status-dot { flex: 0 0 auto; width: 12px; height: 12px; margin-top: 2px; background: var(--arc-blue); border: 2px solid var(--arc-ink); border-radius: 50%; }
.intel-status-card strong,
.intel-status-card span { display: block; }
.intel-status-card strong { font: 900 10px/1.2 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; }
.intel-status-card div span { margin-top: 7px; color: rgba(23,23,23,.66); font-family: var(--cn); font-size: 10px; font-weight: 700; line-height: 1.55; }
.intel-loading,
.intel-empty { padding: 90px 20px; color: rgba(255,255,255,.6); text-align: center; font-family: var(--cn); font-size: 13px; font-weight: 800; }

.intel-summary { display: grid; grid-template-columns: 190px minmax(0,1fr) auto; align-items: center; gap: clamp(18px,3vw,42px); margin: clamp(45px,6vw,75px) 0 clamp(72px,8vw,110px); padding: 21px 24px; color: var(--arc-ink); background: var(--arc-white); border: 3px solid var(--arc-ink); border-radius: 13px 7px 14px 8px; box-shadow: 6px 7px 0 var(--arc-blue); }
.intel-summary .summary-meta { color: #a60058; font-size: 12px; font-weight: 900; white-space: nowrap; }
.intel-summary .summary-text { margin: 0; color: rgba(23,23,23,.74); font-family: var(--cn); font-size: 13px; font-weight: 650; line-height: 1.7; }
.intel-summary-stamp { padding: 8px 11px; color: var(--arc-ink); background: var(--arc-blue); border: 2px solid var(--arc-ink); text-align: center; transform: rotate(2deg); }
.intel-summary-stamp span,
.intel-summary-stamp b { display: block; font: 900 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-summary-stamp b { margin-top: 4px; font-size: 17px; }

.intel-section { margin-bottom: clamp(76px,9vw,125px); }
.intel-section-head { display: flex; justify-content: space-between; align-items: end; gap: 20px; margin-bottom: 26px; padding-bottom: 15px; border-bottom: 3px solid var(--arc-pink); }
.intel-section-head h2 { margin: 0; font-family: var(--cn); font-size: clamp(32px,4vw,52px); font-weight: 900; line-height: 1.05; letter-spacing: -.055em; }
.intel-count { padding: 8px 10px; color: var(--arc-ink); background: var(--arc-blue); border: 2px solid var(--arc-ink); border-radius: 7px 4px 6px 4px; font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.intel-daily-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 17px; }
.intel-news-card,
.intel-longread,
.intel-weekly-intro,
.intel-trend { min-width: 0; color: var(--arc-ink); background: var(--arc-white); border: 3px solid var(--arc-ink); border-radius: 11px 7px 10px 6px; box-shadow: 5px 6px 0 rgba(254,9,144,.82); }
.intel-news-card { display: flex; flex-direction: column; gap: 12px; padding: 21px; transition: transform .18s ease, box-shadow .18s ease; }
.intel-news-card:hover { transform: translate(-2px,-2px); box-shadow: 8px 9px 0 var(--arc-blue); }
.intel-news-meta { display: flex; gap: 6px; align-items: center; flex-wrap: wrap; color: rgba(23,23,23,.58); font: 900 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .06em; text-transform: uppercase; }
.intel-pill { padding: 5px 7px; color: var(--arc-ink); background: rgba(131,248,240,.32); border: 1px solid var(--arc-ink); border-radius: 999px; }
.intel-news-card h3 { margin: 0; font-family: var(--cn); font-size: 18px; font-weight: 900; line-height: 1.45; }
.intel-news-card h3 .zh,
.intel-news-card h3 .en { display: block; }
.intel-news-card h3 .en { margin-top: 5px; color: rgba(23,23,23,.55); font-family: var(--body); font-size: 13px; font-weight: 700; }
.intel-bilingual { display: grid; gap: 10px; }
.intel-bilingual p { margin: 0; color: rgba(23,23,23,.72); font-family: var(--cn); font-size: 13px; font-weight: 600; line-height: 1.75; }
.intel-bilingual .en { color: rgba(23,23,23,.54); font-family: var(--body); }
.intel-why { margin-top: auto; padding-top: 12px; color: rgba(23,23,23,.76); border-top: 1px dashed rgba(23,23,23,.3); font-size: 12px; line-height: 1.65; }
.intel-source-link { width: fit-content; color: #a60058; font-size: 11px; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.intel-source-link:hover { color: var(--arc-ink); background: var(--arc-blue); }

.intel-action-card { margin-top: 22px; padding: 24px; color: var(--arc-white); background: #151515; border: 2px solid var(--arc-blue); box-shadow: 6px 7px 0 var(--arc-pink); }
.intel-action-card:empty { display: none; }
.intel-action-card h3 { margin: 0 0 11px; font-family: var(--cn); font-size: 21px; font-weight: 900; }
.intel-action-card p { margin: 7px 0; color: rgba(255,255,255,.75); font-size: 13px; line-height: 1.75; }
.intel-learning-section { margin-bottom: clamp(76px,9vw,125px); }
.learning-card { display: grid; gap: 18px; }
.learning-main-card { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(280px,.9fr); gap: clamp(22px,4vw,54px); padding: clamp(24px,4vw,42px); color: var(--arc-ink); background: var(--arc-white); border: 3px solid var(--arc-ink); border-radius: 13px 7px 14px 8px; box-shadow: 7px 8px 0 var(--arc-blue); }
.learning-main-copy h3 { margin: 0; font-family: var(--cn); font-size: clamp(27px,3.4vw,43px); font-weight: 900; line-height: 1.15; letter-spacing: -.055em; }
.learning-why { display: grid; gap: 9px; margin-top: 18px; }
.learning-why p { margin: 0; color: rgba(23,23,23,.72); font-family: var(--cn); font-size: 14px; font-weight: 650; line-height: 1.8; }
.learning-resource { display: grid; gap: 4px; width: fit-content; margin-top: 22px; padding: 12px 13px; color: var(--arc-ink); background: rgba(131,248,240,.42); border: 2px solid var(--arc-ink); border-radius: 8px 4px 8px 4px; text-decoration: none; }
.learning-resource:hover { background: var(--arc-blue); transform: translate(-2px,-2px); box-shadow: 4px 5px 0 var(--arc-pink); }
.learning-resource span { color: #a60058; font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .08em; }
.learning-resource strong { font-family: var(--cn); font-size: 13px; line-height: 1.45; }
.learning-resource small { color: rgba(23,23,23,.58); font-size: 10px; font-weight: 700; }
.learning-plan { display: grid; align-content: start; gap: 13px; padding: 17px; background: #151515; border: 2px solid var(--arc-ink); box-shadow: 5px 6px 0 var(--arc-pink); }
.learning-plan > span { color: var(--arc-blue); font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .12em; }
.learning-step { display: grid; grid-template-columns: 25px 1fr; gap: 10px; }
.learning-step > b { display: grid; width: 25px; height: 25px; place-items: center; color: var(--arc-ink); background: var(--arc-blue); border: 1px solid var(--arc-blue); border-radius: 50%; font: 900 11px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.learning-step strong { display: block; color: var(--arc-white); font-family: var(--cn); font-size: 13px; }
.learning-step p { margin: 4px 0 0; color: rgba(255,255,255,.7); font-size: 12px; line-height: 1.65; }
.learning-bottom-grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); gap: 18px; }
.intel-account-entry {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  color: var(--arc-ink);
  background: var(--arc-pink);
  border: 2px solid var(--arc-white);
  border-radius: 8px 5px 8px 5px;
  box-shadow: 2px 3px 0 var(--arc-blue);
  font: 900 8px/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}
.intel-account-entry:hover { color: var(--arc-ink); background: var(--arc-blue); transform: translateY(-1px); }
.learning-output { padding: 22px; color: var(--arc-ink); background: rgba(254,9,144,.11); border: 3px solid var(--arc-ink); border-radius: 11px 7px 10px 6px; box-shadow: 5px 6px 0 var(--arc-pink); }
.learning-output > span { color: #a60058; font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.learning-output p { margin: 12px 0; font-family: var(--cn); font-size: 15px; font-weight: 850; line-height: 1.65; }
.learning-output small { color: rgba(23,23,23,.7); font-family: var(--cn); font-size: 12px; font-weight: 650; line-height: 1.7; }
.learning-reward { display: grid; gap: 12px; padding: 22px; color: var(--arc-ink); background: var(--arc-white); border: 3px solid var(--arc-ink); border-radius: 11px 7px 10px 6px; box-shadow: 5px 6px 0 rgba(254,9,144,.82); }
.learning-reward-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.learning-reward-head > span { color: #a60058; font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.learning-reward-head strong { font: 900 15px/1 ui-monospace, SFMono-Regular, Menlo, monospace; }
.learning-reward-head strong:first-letter { color: #a60058; }
.learning-reward button { min-height: 44px; padding: 9px 12px; border: 2px solid var(--arc-ink); border-radius: 7px 4px 7px 4px; font-family: var(--cn); font-size: 13px; font-weight: 900; cursor: pointer; }
.learning-reward-button { color: var(--arc-ink); background: var(--arc-blue); }
.learning-reward-button:hover:not(:disabled) { background: #4ee8df; transform: translateY(-1px); }
.learning-reflection-button { color: var(--arc-white); background: #151515; }
.learning-reflection-button:hover:not(:disabled) { color: var(--arc-ink); background: var(--arc-pink); transform: translateY(-1px); }
.learning-reward button:disabled { color: rgba(23,23,23,.55); background: #e6e8e4; cursor: default; }
.learning-reward .learning-reflection-button:disabled { color: rgba(255,255,255,.62); background: #454545; }
.learning-reward label { display: grid; gap: 7px; color: rgba(23,23,23,.74); font-family: var(--cn); font-size: 12px; font-weight: 800; }
.learning-reward textarea { width: 100%; min-height: 92px; padding: 10px 11px; color: var(--arc-ink); background: #fbfcf8; border: 2px solid var(--arc-ink); border-radius: 7px 4px 7px 4px; font-family: var(--cn); font-size: 13px; font-weight: 600; line-height: 1.7; resize: vertical; }
.learning-reward textarea:focus { outline: 3px solid rgba(131,248,240,.72); outline-offset: 2px; }
.learning-status { min-height: 20px; margin: 0; color: rgba(23,23,23,.62); font-family: var(--cn); font-size: 11px; font-weight: 650; line-height: 1.55; }
.intel-longread { padding: clamp(24px,4vw,42px); border-left: 8px solid var(--arc-blue); }
.intel-longread-meta { display: flex; flex-wrap: wrap; gap: 8px 16px; margin-bottom: 18px; color: rgba(23,23,23,.56); font: 900 9px/1.3 ui-monospace, SFMono-Regular, Menlo, monospace; text-transform: uppercase; }
.intel-longread h3 { margin: 0 0 9px; font-family: var(--cn); font-size: clamp(25px,3vw,38px); font-weight: 900; line-height: 1.25; letter-spacing: -.035em; }
.intel-longread-subtitle { margin-bottom: 18px; color: rgba(23,23,23,.62); font-size: 15px; }
.intel-longread-copy { display: grid; gap: 12px; }
.intel-longread-copy p { margin: 0; color: rgba(23,23,23,.72); font-size: 14px; line-height: 1.82; }
.intel-longread-why { margin-top: 20px; padding-top: 17px; color: rgba(23,23,23,.8); border-top: 2px dashed rgba(23,23,23,.3); font-size: 14px; line-height: 1.75; }
.intel-longread .intel-source-link { display: block; margin-top: 18px !important; }
.intel-weekly-intro { margin-bottom: 17px; padding: 21px; color: rgba(23,23,23,.78); font-family: var(--cn); font-size: 15px; font-weight: 650; line-height: 1.8; box-shadow: 5px 6px 0 var(--arc-blue); }
.intel-weekly-intro:empty { display: none; }
.intel-trends { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 16px; }
.intel-trend { padding: 22px; }
.intel-trend-index { color: #a60058; font: 900 9px/1 ui-monospace, SFMono-Regular, Menlo, monospace; letter-spacing: .1em; }
.intel-trend h3 { margin: 8px 0 13px; font-family: var(--cn); font-size: 19px; font-weight: 900; line-height: 1.4; }
.intel-trend h3 .en { display: block; margin-top: 5px; color: rgba(23,23,23,.55); font-family: var(--body); font-size: 13px; font-weight: 700; }
.intel-trend p { margin: 8px 0; color: rgba(23,23,23,.68); font-size: 13px; line-height: 1.75; }
.intel-deep-research { margin-top: 20px; }
.intel-deep-research:empty { display: none; }
.intel-deep-research > h3 { margin: 0 0 12px; font-family: var(--cn); font-size: 18px; font-weight: 900; }
.intel-research-card { margin-top: 10px; padding: 19px; color: rgba(255,255,255,.74); background: #151515; border: 2px dashed var(--arc-blue); font-size: 13px; line-height: 1.75; }
.intel-research-card strong { color: var(--arc-white); }
.intel-footer { border-top: 4px solid var(--arc-pink); }

@media (max-width: 1000px) {
  .intelligence-page .intel-primary-nav { display: none; }
  .intel-hero { grid-template-columns: 1fr; }
  .intel-status-card { max-width: 480px; }
}

@media (max-width: 760px) {
  .intelligence-page { padding-bottom: 0; }
  .intelligence-page .site-nav { min-height: 64px; padding: 8px 12px; gap: 8px; }
  .intelligence-page .site-brand small { display: none; }
  .intel-date-nav { margin-left: auto; }
  .intel-spark { display: none; }
  .intel-date-select { width: 126px; }
  .intel-date-button { width: 31px; height: 33px; }
  .intel-filter-bar { padding-inline: 14px; }
  .intel-main { padding: 40px 16px 80px; }
  .intel-hero h1 { font-size: clamp(41px,12vw,62px); }
  .intel-summary { grid-template-columns: 1fr auto; padding: 17px; }
  .intel-summary .summary-text { grid-column: 1 / -1; grid-row: 2; }
  .intel-summary-stamp { grid-column: 2; grid-row: 1; }
  .intel-daily-grid,
  .intel-trends,
  .learning-main-card,
  .learning-bottom-grid { grid-template-columns: 1fr; }
  .intel-section-head { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 470px) {
  .intelligence-page .arcade-brand > span:nth-child(2) { max-width: 72px; white-space: normal; line-height: 1.04; }
  .intel-date-nav { gap: 4px; }
  .intel-spark { min-height: 33px; padding-inline: 8px; }
  .intel-date-select { width: 112px; padding-left: 6px; font-size: 9px; }
  .intel-date-button { width: 29px; }
  .intel-hero h1 { font-size: 43px; }
  .intel-summary { grid-template-columns: 1fr; }
  .intel-summary-stamp { display: none; }
}