/* D028: v10 shell/typography adapted to the real SSR site's shared theme. */
:root { --real-accent:#785015; --real-paper:#f2f3f5; --real-serif:"Songti SC","STSong","SimSun",serif; }
:root[data-theme="dark"] { --real-accent:#f0c480; --real-paper:#0e1016; }
@media (prefers-color-scheme:dark) { :root:not([data-theme="light"]) { --real-accent:#f0c480; --real-paper:#0e1016; } }
.jy-header.real-header { position:relative; z-index:20; min-height:72px; gap:clamp(16px,4vw,64px); }
.real-header .jy-navigation { gap:24px; }
.real-header .jy-navigation a { min-height:44px; display:flex; align-items:center; text-decoration:none; color:var(--jy-muted); }
.real-header .jy-navigation a[aria-current] { color:var(--jy-ink); box-shadow:0 1px currentColor; }
.real-header .jy-header-tools { gap:12px; }
.real-header .jy-header-tools > a { min-height:44px; display:flex; align-items:center; text-decoration:none; }
.real-more { position:relative; }
.real-more summary { cursor:pointer; min-height:44px; display:flex; align-items:center; padding:6px; }
.real-more nav { position:absolute; inset:100% 0 auto auto; width:220px; padding:14px; border:1px solid var(--jy-border); border-radius:14px; background:var(--jy-surface); box-shadow:0 14px 48px #0002; }
.real-more nav a,.real-more nav button { display:block; min-height:44px; padding:8px; width:100%; text-decoration:none; }
.real-more nav a:hover { background:var(--jy-soft); }
.real-page { width:min(850px,100%); margin:0 auto; padding:32px 8px 56px; }
.real-wide { width:min(1240px,100%); }
.real-heading { margin:30px 0; }
.real-heading h1 { font-family:var(--real-serif); font-size:clamp(28px,4vw,42px); letter-spacing:.025em; line-height:1.45; margin:10px 0; }
.real-lead { font-size:17px; line-height:1.9; max-width:44em; }
.real-eyebrow,.real-muted { color:var(--jy-muted); font-size:14px; }
.real-eyebrow { letter-spacing:.08em; }
.real-back { display:inline-block; padding:6px 0; min-height:44px; }
.real-subnav { display:flex; flex-wrap:wrap; gap:4px 20px; padding-bottom:16px; border-bottom:1px solid var(--jy-border); }
.real-subnav a { min-height:44px; padding:8px 0; color:var(--jy-muted); text-decoration:none; }
.real-subnav a[aria-current] { color:var(--jy-ink); text-decoration:underline; }
.real-note { padding:20px 24px; margin:24px 0; border:1px solid var(--jy-border); border-radius:14px; background:var(--real-paper); }
.real-note p + p { margin-top:10px; }
.real-status { display:inline-block; color:var(--real-accent); border:1px solid currentColor; border-radius:4px; padding:1px 8px; margin-bottom:10px; font-size:13px; }
.real-market-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:26px; margin:42px 0; }
.real-market-column { border-top:1px solid var(--jy-border); padding-top:20px; }
.real-market-column h2 { font:600 22px/1.6 var(--real-serif); margin:8px 0 14px; }
.real-market-column h2 a { display:flex; justify-content:space-between; text-decoration:none; }
.real-market-column > p:last-child { margin-top:20px; font-size:13px; }
.real-empty { padding:36px 0; }
.real-empty h2 { margin-bottom:12px; font-family:var(--real-serif); }
.real-empty p { color:var(--jy-muted); margin:12px 0; }
.real-footer,.real-hub-links { border-top:1px solid var(--jy-border); margin-top:32px; padding-top:20px; display:flex; flex-wrap:wrap; gap:8px 22px; }
.real-footer a,.real-hub-links a { display:inline-flex; align-items:center; min-height:44px; }
.real-search { margin:24px 0; }
.real-search label { display:block; font-size:14px; margin:16px 0 6px; }
.real-search-row { display:flex; gap:12px; }
.real-search input,.real-search select { min-height:46px; padding:10px 14px; border:1px solid var(--jy-line); border-radius:12px; background:var(--jy-surface); color:var(--jy-ink); }
.real-search input { min-width:0; flex:1; }
.real-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 20px; border:1px solid var(--jy-line); border-radius:22px; text-decoration:none; color:var(--jy-ink); white-space:nowrap; }
.real-button:hover { background:var(--jy-soft); }
.real-results { margin:28px 0; }
.real-results article { border-top:1px solid var(--jy-border); padding:24px 0; }
.real-results h2 { font:600 23px/1.55 var(--real-serif); margin:8px 0; overflow-wrap:anywhere; }
.real-results article > p { overflow-wrap:anywhere; }
.real-tags { display:flex; flex-wrap:wrap; gap:10px; margin-top:12px; font-size:13px; }
.real-tags a { min-height:32px; padding:3px 12px; border:1px solid var(--jy-border); border-radius:16px; text-decoration:none; }
@media(max-width:900px) { .real-market-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:640px) {
  .jy-header.real-header { min-height:64px; padding:8px 16px; flex-wrap:nowrap; gap:16px; }
  .real-header .jy-brand { font-size:24px; }
  .real-header .jy-navigation { gap:14px; }
  .real-header .jy-header-tools { gap:3px; }
  .real-header .jy-header-tools > .real-publish { display:none; }
  .real-header .jy-header-tools > a,.real-more summary { font-size:13px; }
  .real-header .jy-navigation a { font-size:14px; }
  .real-page { padding-top:14px; }
  .real-heading { margin:22px 0; }
  .real-market-grid { gap:26px 18px; }
  .real-note { padding:16px; }
  .real-search-row { flex-wrap:wrap; }
  .real-search-row input { flex-basis:100%; }
}
@media(max-width:360px) { .jy-header.real-header { gap:9px; padding-inline:10px; } .real-header .jy-navigation { gap:9px; } }
.annotation-launch { position:fixed; right:20px; bottom:20px; z-index:45; background:var(--jy-surface); color:var(--jy-ink); border:1px solid var(--jy-line); border-radius:24px; box-shadow:0 6px 24px #0002; padding:8px 18px; }
.annotation-panel { position:fixed; z-index:50; right:16px; top:90px; bottom:16px; width:min(430px,calc(100vw - 32px)); padding:22px; overflow-y:auto; background:var(--jy-surface); border:1px solid var(--jy-line); border-radius:16px; box-shadow:0 12px 60px #0004; }
.annotation-panel > header { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:10px; }
.annotation-panel h2 { font:600 21px/1.5 var(--real-serif); }
.annotation-panel label { display:block; margin:14px 0 5px; font-size:14px; }
.annotation-panel textarea,.annotation-panel select { display:block; width:100%; color:var(--jy-ink); background:var(--jy-surface); border:1px solid var(--jy-line); border-radius:8px; padding:8px; }
.annotation-panel textarea { resize:vertical; min-height:100px; }
.annotation-actions { display:flex; gap:8px; flex-wrap:wrap; margin-top:12px; }
.annotation-body { white-space:pre-wrap; overflow-wrap:anywhere; margin:8px 0; }
#annotation-list article { border-top:1px solid var(--jy-border); padding:18px 0; }
.annotation-feedback { margin:12px 0; font-size:14px; }
body[data-view="galaxy"] .annotation-launch { bottom:118px; }