:root{--ink:#172a25;--paper:#f3efe5;--muted:#5d6b61;--line:#ccd1c3;--jade:#246b55;--red:#a34731;--gold:#a88548}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:var(--jade);text-underline-offset:4px}button,input,summary{font:inherit}button,summary{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{border:0}img{display:block;max-width:100%}[hidden]{display:none!important}nav{position:sticky;top:0;z-index:50;min-height:64px;background:#f3efe5f7;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:12px 4vw}.brand{font-weight:750;font-size:15px;color:var(--ink);white-space:nowrap;text-decoration:none}nav>div{display:flex;gap:24px;font-size:12px}nav>div a{color:var(--ink);text-decoration:none;white-space:nowrap}.wrap{max-width:1380px;margin:auto;padding-left:5vw;padding-right:5vw}.hero{padding-top:42px;padding-bottom:45px}.kicker{font-size:12px;letter-spacing:.13em;color:var(--red);font-weight:700}h1,h2{font-family:"Songti SC","STSong",serif}h1{font-size:clamp(44px,5vw,64px);line-height:1.18;margin:18px 0 25px;letter-spacing:.02em}h2{font-size:35px;line-height:1.35;margin:0}h3{font-size:22px;line-height:1.45;margin:0 0 13px}h4{font-size:13px;letter-spacing:.04em;color:var(--red);margin:23px 0 8px}p{margin:14px 0}.deck{font-size:20px;line-height:1.8;max-width:880px;color:#3c5046}.scope{font-size:14px;max-width:920px;border-left:3px solid var(--red);padding:4px 0 4px 18px;margin:27px 0 36px;color:var(--muted)}.scope b{color:var(--ink)}.summary-label{font-size:12px;letter-spacing:.12em;color:var(--red);margin-bottom:12px;font-weight:700}.hero table th:first-child{width:150px}.hero table td{padding-top:14px;padding-bottom:14px}.hero table td:first-child{font-weight:750}.section{padding-top:54px;padding-bottom:56px;border-top:1px solid var(--line)}.section-title{display:flex;gap:24px;align-items:baseline;margin-bottom:30px}.section-title>span{font:24px/1 Georgia,serif;color:var(--red)}.section-title p{color:var(--muted);font-size:15px;max-width:980px;margin:13px 0 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.8;text-align:left}th{font-size:12px;letter-spacing:.04em;color:var(--muted);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);padding:13px 16px 13px 0}td{border-bottom:1px solid var(--line);padding:19px 24px 19px 0;vertical-align:top}td:last-child,th:last-child{padding-right:0}td:first-child{min-width:130px;font-weight:650}td small{font-weight:400;color:var(--muted);font-size:12px}#controls table th:nth-child(2){width:23%}#combat table th:first-child{width:23%}#technology table th:nth-child(2){width:45%}#proof table th:first-child{width:24%}#proof table th:nth-child(2){width:39%}.fine{font-size:12px;line-height:1.9;color:var(--muted)}.reference-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 18px}.ref-card{padding:0;background:transparent;text-align:left;color:var(--ink);border-bottom:3px solid transparent}.ref-card[aria-selected=true]{border-color:var(--red)}.ref-card img{width:100%;aspect-ratio:600/338;object-fit:cover;filter:saturate(.87)}.ref-card:hover img,.ref-card[aria-selected=true] img{filter:saturate(1)}.ref-meta{display:block;padding:14px 0 12px}.ref-meta small{display:block;font-size:11px;color:var(--red);margin-bottom:6px}.ref-meta strong{display:block;font-size:17px;line-height:1.4;min-height:46px}.ref-meta>span{display:block;font-size:12px;line-height:1.85;color:var(--muted);margin-top:8px}.video-layout{background:#142e25;color:#f4efdd;padding:30px;margin-top:32px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(260px,1fr);gap:30px;align-items:start}.video-layout .kicker,.video-layout h4{color:#d8b06f}.video-layout p{font-size:14px;line-height:1.8;color:#c3cebd}.video-layout a{color:#d7c7a2;font-size:12px}.screen{position:relative;aspect-ratio:16/9;background:#07110c}.screen video{display:block;width:100%;height:100%;background:#07110c}.video-cover{position:absolute;inset:0;display:flex;justify-content:center;align-items:center;background:#0003}.video-cover button{color:#123626;background:#f4efdf;padding:15px 23px;font-size:14px;max-width:90%;box-shadow:0 5px 20px #0004}.columns{display:grid;gap:42px;margin:28px 0}.two{grid-template-columns:1fr 1fr}.columns p{font-size:15px}.callout{border-left:3px solid var(--red);padding:18px 24px;background:#e8e9dc;margin:30px 0}.callout p{font-size:15px;margin:8px 0 0}.route-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:36px}.map-panel{padding:23px;background:#e8ecdf;border:1px solid #ccd4c2}.map-toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:12px}.segmented{display:flex;gap:3px;background:#d9dfcf;padding:3px}.segmented button{background:transparent;color:#445a49;padding:7px 14px;white-space:nowrap;font-size:13px}.segmented button[aria-pressed=true]{background:var(--jade);color:white}.route-map{width:100%;height:auto;display:block;margin-top:16px}.route-map path{transition:opacity .2s}.moment-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.moment-buttons button{padding:12px 8px;background:#e6e9dc;color:#314b3b;font-size:14px;border-bottom:2px solid transparent}.moment-buttons button[aria-pressed=true]{background:#244f3d;color:#fff7e5;border-color:#b7995c}.moment-buttons small{font-size:10px;display:block;opacity:.7}.moment-detail{padding:27px 0 0}.moment-detail h3{font-family:"Songti SC",serif;font-size:29px;margin-top:8px}.moment-detail p{font-size:15px}.moment-detail kbd{display:inline-block;font-family:inherit;font-size:13px;padding:7px 12px;background:#fffaf0;border:1px solid #aeb9a4;border-bottom-width:3px}.beat-example{background:#183b2e;color:#f0ead8;padding:24px 30px;margin-top:28px}.beat-example>span{font-size:12px;color:#c2c9ad}.beat-example>div{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px}.beat-example b{font:32px/1.4 Georgia,serif;border-top:1px solid #8e9d78;padding-top:12px;color:#b99b58}.beat-example em{font:17px/1.5 -apple-system,"PingFang SC",sans-serif;color:#eee5d1;display:block;font-style:normal}.beat-example p{font-size:14px;color:#c4cdb8;margin-top:24px}.art-triptych{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.art-triptych figure{margin:0}.art-triptych img{width:100%;aspect-ratio:16/9;object-fit:cover}.art-triptych figcaption{font-size:11px;color:var(--muted);margin-top:8px}.sliders{margin-top:23px}.sliders label{display:block;font-size:14px;margin:17px 0}.sliders output{float:right;font-variant-numeric:tabular-nums;color:var(--red);font-weight:700}.sliders input{width:100%;display:block;accent-color:var(--jade);margin-top:9px}.math-panel{padding:20px;background:#e8ecdf;border:1px solid #ced6c6}.math-panel svg{display:block;width:100%;height:auto}.math-panel h3{color:var(--jade);font-size:21px;margin-top:12px}.math-panel p{font-size:13px}.source-links{display:flex;flex-wrap:wrap;gap:16px 25px;font-size:12px;margin-top:28px}details{border-top:1px solid var(--line);padding-top:15px;margin-top:22px}summary{font-size:14px;font-weight:650;padding-bottom:12px}details table{font-size:13px}details p{font-size:13px}footer{padding-top:28px;padding-bottom:45px;font-size:12px;color:var(--muted)}pre{white-space:pre-wrap;font-size:11px;line-height:1.6}.muted{color:var(--muted)}
@media(min-width:1500px){.wrap{padding-left:70px;padding-right:70px}}
@media(max-width:1000px){nav>div{gap:15px;overflow-x:auto}.reference-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-layout{grid-template-columns:1fr 1fr}.route-layout{grid-template-columns:1fr 1fr;gap:22px}.map-panel{padding:15px}.map-toolbar{flex-wrap:wrap}.moment-buttons{grid-template-columns:repeat(2,1fr)}.art-triptych{gap:10px}}
@media(max-width:700px){body{font-size:16px}nav{display:block;padding:12px 5vw 9px}.brand{font-size:13px}nav>div{margin-top:8px;font-size:11px;padding-bottom:3px;gap:19px}.wrap{padding-left:6vw;padding-right:6vw}.hero{padding-top:33px;padding-bottom:30px}h1{font-size:clamp(30px,8.7vw,39px)}.deck{font-size:17px}.scope{font-size:12px;margin:21px 0 27px}.hero table th:first-child{width:95px}.hero table td:first-child{min-width:85px}.hero table{font-size:13px}.hero table td{padding:13px 12px 13px 0}.section{padding-top:37px;padding-bottom:38px}.section-title{gap:15px;margin-bottom:23px}.section-title>span{font-size:20px}h2{font-size:28px}.section-title p{font-size:13px}h3{font-size:20px}.reference-grid{gap:18px 12px}.ref-meta strong{font-size:15px;min-height:44px}.ref-meta>span{font-size:11px}.ref-meta small{font-size:10px}.video-layout{grid-template-columns:1fr;padding:17px;gap:23px}.video-cover button{font-size:12px;padding:12px 15px}.route-layout,.columns.two{grid-template-columns:1fr}.route-layout{gap:23px}.moment-buttons{grid-template-columns:repeat(3,1fr)}.moment-buttons button{font-size:12px}.moment-detail{padding-top:20px}.art-triptych{grid-template-columns:1fr;gap:20px}.art-triptych img{max-height:240px;object-fit:contain;background:#dae1d2}table{font-size:13px;min-width:620px}.hero table{min-width:0}.hero .table-scroll{overflow:visible}td{padding:16px 18px 16px 0}th{font-size:11px}.beat-example{padding:20px}.beat-example em{font-size:13px}.columns{gap:18px}.callout{padding:15px 17px}.fine{font-size:11px}.source-links{display:grid;gap:12px}footer{font-size:11px}html{scroll-padding-top:110px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{nav,.video-cover,.segmented,.moment-buttons,.sliders{display:none}.section{break-inside:auto}.video-layout{color:#172a25;background:#eef0e6}.video-layout p{color:#344b3a}details{display:block}.wrap{max-width:none;padding-left:0;padding-right:0}body{font-size:11pt}table{font-size:10pt}.reference-grid{grid-template-columns:repeat(4,1fr)}.table-scroll{overflow:visible}.ref-meta>span{font-size:9pt}}

@media(max-width:700px){.section .table-scroll:before{content:"横滑可查看整表";display:block;font-size:10px;color:#6c786a;margin-bottom:8px;position:sticky;left:0}}
