#history-root,#history-root *{box-sizing:border-box}.preview-body{margin:0;color:#26332f;background:#f7f3ea;font-family:"PingFang SC","Microsoft YaHei",system-ui,sans-serif}
.preview-body .preview-banner{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px max(24px,calc((100vw - 1240px)/2));background:#eaf0e7;border-bottom:1px solid #d7e2d7}
.preview-body .preview-banner strong{font-family:serif;font-size:23px;letter-spacing:2px}.preview-body .preview-banner span{font-size:12px;color:#637469}
#history-root{--forest:#26332f;--leaf:#478789;--border:#e3e6db;--gold:#e6ab54;max-width:1240px;padding:30px 22px 70px;margin:auto;font-size:15px;line-height:1.75}
#history-root .hero{background:linear-gradient(111deg,#f9f9f3 13%,#e3eadf 78%,#f7efe0);border:1px solid #e6e8dd;border-radius:19px;padding:32px 34px 28px;position:relative;overflow:hidden}
#history-root .hero:after{content:"";position:absolute;width:155px;height:155px;right:-41px;top:-69px;border:2px solid #c4cbaa;border-radius:50%;opacity:.55}
#history-root h1{margin:5px 0 3px;font-size:32px;font-family:serif;font-weight:600;letter-spacing:2px}
#history-root .eyebrow{font-size:11px;letter-spacing:2px;font-weight:750;color:#507769}
#history-root .muted{color:#718077;font-size:13px}#history-root .hero p{margin:5px 0 8px;color:#50635c;font-size:14px}
#history-root .pillrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}#history-root .statpill{background:rgba(255,255,255,.7);border:1px solid #e6e4d6;border-radius:24px;font-size:12px;padding:3px 12px;color:#526b61}
#history-root .toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;justify-content:space-between;margin:22px 0 16px}
#history-root button,#history-root input,#history-root select{font:inherit}
#history-root button{cursor:pointer}
#history-root .tabs{display:flex;background:#e8eee6;padding:4px;border-radius:10px;gap:4px}
#history-root .tab{background:transparent;border:0;border-radius:8px;padding:8px 18px;color:#536e61;font-size:14px}
#history-root .tab.active{color:#2f5d49;background:#cfe6d8}
#history-root input,#history-root select{border:1px solid #d9e1d6;border-radius:10px;padding:9px 13px;background:#fff;color:#34483f;min-height:43px}
#history-root #h-search{width:min(320px,100%)}#history-root #h-volume{min-width:190px;max-width:290px}
#history-root .content-layout{display:grid;grid-template-columns:320px minmax(0,1fr);gap:16px;align-items:start}
#history-root .index-panel,#history-root .detail{background:rgba(255,255,255,.86);border:1px solid var(--border);border-radius:14px;min-height:240px;box-shadow:0 8px 24px rgba(38,51,47,.025)}
#history-root .index-panel{padding:16px 10px;position:sticky;top:12px;max-height:76vh;overflow:auto}
#history-root .index-title{padding:0 13px 13px;border-bottom:1px solid #e9e9e2;font-size:12px;color:#728077;display:flex;justify-content:space-between}
#history-root .card-btn{border:1px solid transparent;background:transparent;width:100%;display:flex;gap:12px;text-align:left;padding:12px 10px;border-radius:10px;color:#34463c}
#history-root .card-btn:hover{background:#f2f6f0}#history-root .card-btn.selected{background:#e5f1ea;border-color:#b9d5c4}
#history-root .year{font-variant-numeric:tabular-nums;font-size:12px;font-weight:700;color:#39826f;min-width:48px;flex-shrink:0}
#history-root .card-btn span:last-child{font-size:13px;line-height:1.55}
#history-root .detail{padding:30px 34px 40px}
#history-root .heading-line{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
#history-root .tag{font-size:11px;border:1px solid #dde6d8;background:#f0f5ed;color:#477463;border-radius:20px;padding:2px 10px}
#history-root .detail h2{font-family:serif;font-size:27px;line-height:1.42;margin:10px 0 13px;font-weight:600}
#history-root .lede{color:#65756c;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid #e7e9df}
#history-root h3{font-size:16px;margin:25px 0 11px;display:flex;align-items:center;gap:7px}
#history-root h3:before{content:"";display:inline-block;width:4px;height:17px;background:#d7ae69;border-radius:3px}
#history-root .story p{margin:0 0 14px;color:#35433c;line-height:1.92}
#history-root .fact{background:#f7f8f2;border-left:3px solid #c4d3ba;padding:11px 14px;margin:8px 0;font-size:13px}
#history-root .fact .cite{font-size:11px;color:#829085}
#history-root .vocab{width:100%;border-collapse:collapse;font-size:13px}
#history-root .vocab td{padding:11px 10px;border-bottom:1px solid #e9ebe5;vertical-align:middle}
#history-root .vocab .arabic{font-size:20px;direction:rtl;text-align:right;font-family:"Noto Naskh Arabic","Amiri",serif;line-height:1.6}
#history-root .quiz{margin-top:13px;background:#f7f9f4;padding:17px;border:1px solid #dbe7d7;border-radius:12px}
#history-root .question{font-weight:600;font-size:13px}
#history-root .choice{display:block;cursor:pointer;border:1px solid #e5e8e0;border-radius:8px;background:white;padding:8px 12px;margin:8px 0;font-size:13px}
#history-root .choice input{min-height:0;margin-right:8px;accent-color:#2d866e}
#history-root .submit{border:0;background:#cfe6d8;color:#2f5d49;padding:8px 19px;border-radius:8px;font-weight:600;margin-top:7px}
#history-root .feedback{font-size:13px;padding:8px 0;min-height:20px;color:#356c5a}
#history-root .notice{background:#f9f4e6;border:1px solid #efe3c5;border-radius:8px;padding:8px 11px;font-size:12px;color:#786b4c;margin-top:16px}
#history-root .links{display:flex;gap:8px;flex-wrap:wrap}
#history-root .linkbtn{border:1px solid #b8d0c0;background:#eff6f0;border-radius:8px;color:#356f5e;padding:6px 11px;font-size:12px}
#history-root .refs{list-style:none;padding:0;margin:0}#history-root .refs li{font-size:12px;padding:5px 0;line-height:1.55;word-break:break-word}
#history-root a{color:#347668}#history-root .empty{color:#77847b;text-align:center;padding:26px 10px}
#history-root .empty-detail{padding:75px 12px;text-align:center;color:#64776c}
#history-root .footer-status{text-align:center;color:#8b938b;font-size:11px;padding:24px 4px}
@media(max-width:850px){#history-root{padding:18px 12px 48px}#history-root .content-layout{grid-template-columns:1fr}#history-root .index-panel{position:static;max-height:260px}#history-root .hero{padding:24px}#history-root .detail{padding:22px 17px}#history-root .detail h2{font-size:23px}#history-root .toolbar{align-items:stretch;justify-content:flex-start}#history-root #h-search{flex:1;width:100%;min-width:180px}#history-root #h-volume{flex:1;min-width:180px}}

/* 站内整合修订：头部改为干净单行版式（覆盖站点全局 .hero 的 flex 影响），加历史长河时间线、正文缩进与答题框 */
#history-root .hero{display:block;min-height:270px;background:#fffdf6 url("/assets/history/hero-bg.png?v=history20261102b") center 32%/cover no-repeat;padding:15px 30px 22px;text-align:left}
#history-root .hero:after{display:none}
#history-root .hero h1{font-size:clamp(21px,4.6vw,31px);white-space:nowrap;margin:6px 0}
#history-root .hero p{font-size:clamp(12px,2.9vw,14.5px);white-space:nowrap;margin:0}
#history-root .era-block{margin-top:20px;border-top:1px solid #e9e5d5;padding-top:14px}
#history-root .era-head{display:flex;justify-content:space-between;align-items:baseline}
#history-root .era-head>span:first-child{font-family:serif;font-weight:700;font-size:16px;color:#26332f}
#history-root .era-tip{font-size:12px;color:#8b968c}
#history-root .era-line{display:flex;justify-content:space-between;position:relative;margin-top:16px;padding:0 4px}
#history-root .era-line:before{content:"";position:absolute;left:14px;right:14px;top:9px;height:3px;background:#d8dfcd;border-radius:2px}
#history-root .era-node{position:relative;background:none;border:0;display:flex;flex-direction:column;align-items:center;gap:7px;padding:0;cursor:pointer;flex:1;font:inherit}
#history-root .era-dot{width:19px;height:19px;border-radius:50%;background:#7d9b84;border:3px solid #f7f4e8;box-shadow:0 0 0 1px #c9d2bd;z-index:1}
#history-root .era-node.on .era-dot{background:#dfa83e;box-shadow:0 0 0 2px #e9cf9a}
#history-root .era-name{font-family:serif;font-size:clamp(13px,3.4vw,17px);color:#33473f;white-space:nowrap}
#history-root .era-node.on .era-name{font-weight:700}
#history-root .story p{text-indent:2em}
#history-root .h-indent{text-indent:2em}
#history-root .answer-box{width:100%;box-sizing:border-box;border:1px solid #d9e1d6;border-radius:10px;padding:12px 14px;background:#fff;font:inherit;line-height:1.8;resize:vertical;margin-top:6px}
#history-root .hw-backrow{margin-bottom:8px}
#history-root .hw-back{width:34px;height:34px;border-radius:10px;border:1px solid #d8dfcd;background:rgba(255,255,255,.85);color:#306d72;display:inline-flex;align-items:center;justify-content:center;padding:0}
@media (min-width:781px) and (max-width:1180px){
#history-root{padding:22px 16px 56px}
#history-root .content-layout{grid-template-columns:250px minmax(0,1fr)}
#history-root .index-panel{position:sticky;top:12px;max-height:76vh}
#history-root .hero{min-height:230px}
#history-root .detail{padding:26px 24px}
}
/* 字体与全站统一：正文随站、标题宋体、数字 Georgia、阿语 Noto Naskh */
#history-root{font-family:var(--sans)}
#history-root h1,#history-root h2,#history-root h3,#history-root .index-title{font-family:var(--serif)}
#history-root .arabic{font-family:var(--arabic)}
#history-root .year{font-family:var(--num)}
/* 平板双栏字号收紧：左右两侧不再挤 */
@media (min-width:781px) and (max-width:1180px){
#history-root{font-size:14px}
#history-root .card-btn{font-size:13.5px;line-height:1.55;padding:9px 10px}
#history-root .detail h2{font-size:21px}
#history-root .detail h3{font-size:16.5px}
#history-root .story p{line-height:1.85}
}

#history-root .card-fold{border-bottom:1px solid #eee7d3}
#history-root .card-date{display:flex;justify-content:space-between;align-items:center;width:100%;background:none;border:0;padding:9px 10px;cursor:pointer;text-align:left;font:inherit}
#history-root .card-date .year{color:#397565;font-weight:700;font-size:14.5px}
#history-root .card-date .fold-arrow{color:#a2916d;font-size:12px;flex:none}
#history-root .card-btn.fold-title{display:block;width:100%;text-align:left;padding:1px 10px 10px 24px}
/* 搜索改放大镜（2026-11-03）：按钮在头图框右上角，点开才出输入行 */
#history-root .hw-search-btn{position:absolute;top:12px;right:14px;width:32px;height:32px;border-radius:50%;border:1px solid #d8cdbc;background:rgba(255,252,246,.94);color:#306d72;display:grid;place-items:center;cursor:pointer;z-index:3}
#history-root .hw-search-row{display:none;margin-top:8px;position:relative;z-index:3}
#history-root .hw-search-row.open{display:block}
#history-root .hw-search-row input{width:100%;min-height:36px;border:1px solid #d8cdbc;border-radius:10px;padding:7px 11px;font-size:13.5px;background:rgba(255,255,255,.96);box-sizing:border-box}
/* 手机紧凑（2026-11-03）：头图按比例、字号回正常档、时间线细条、简答框贴合文字、来源更小 */
@media(max-width:850px){
 #history-root .hero{min-height:0;background-size:auto 100%;background-position:right center;padding:10px 12px 12px}
 #history-root .hero h1{font-size:16.5px;white-space:normal;line-height:1.45}
 #history-root .hero p{font-size:11px;white-space:normal;max-width:80%;line-height:1.6}
 #history-root .hw-back{width:30px;height:30px}
 #history-root .hw-search-btn{top:9px;right:10px;width:30px;height:30px}
 #history-root .era-block{margin-top:8px;background:rgba(255,253,246,.8);border-radius:10px;padding:6px 8px 4px}
 #history-root .era-head{font-size:11px}
 #history-root .era-name{font-size:10.5px}
 #history-root .era-dot{width:9px;height:9px}
 #history-root .toolbar{flex-wrap:nowrap;gap:8px;margin:10px 0;align-items:center}
 #history-root .toolbar .tabs{flex:none;margin:0}
 #history-root .toolbar .tab{padding:4px 10px;font-size:12px;white-space:nowrap}
 #history-root #h-volume{flex:1;min-width:0;width:auto;min-height:30px;font-size:12.5px;padding:3px 6px}
 #history-root .index-title{font-size:12.5px;padding:6px 10px}
 #history-root .card-date{padding:3px 10px;min-height:28px}
 #history-root .card-date .year{font-size:13px}
 #history-root .card-btn{padding:6px 10px;font-size:13px}
 #history-root .detail{font-size:14px;line-height:1.85}
 #history-root .detail h2{font-size:18px;line-height:1.5}
 #history-root .detail h3{font-size:14.5px;margin:14px 0 6px}
 #history-root .lede{font-size:12px}
 #history-root .fact{font-size:13px}
 #history-root .cite{font-size:11px}
 #history-root .vocab td{font-size:13px;padding:5px 7px}
 #history-root .vocab .arabic{font-size:16px}
 #history-root .quiz .question{font-size:14px}
 #history-root .choice{font-size:13.5px;padding:6px 9px}
 #history-root .answer-box{min-height:40px;field-sizing:content;max-height:170px;font-size:14px;line-height:1.7;padding:8px 10px}
 #history-root .refs{font-size:11.5px;line-height:1.7}
 #history-root .refs li{margin:2px 0}
 #history-root .tag{font-size:11px}
 #history-root .linkbtn{font-size:12.5px}
}
@media(min-width:851px){#history-root .hw-search-row{display:block}}