:root{font-family:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;color-scheme:dark;--bg:#0d1b2b;--surface:#14263a;--surface2:#1a3045;--line:#2a4358;--text:#edf3f6;--muted:#a9bac7;--soft:#7893a7;--accent:#78d7c3;--gold:#f0c479;--shadow:0 20px 70px #07111e66}
:root[data-theme="light"]{color-scheme:light;--bg:#f5f8f8;--surface:#fff;--surface2:#edf4f5;--line:#d6e1e5;--text:#172c39;--muted:#526876;--soft:#748d98;--accent:#097e76;--gold:#ab6919;--shadow:0 18px 55px #29435a18}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-size:16px;line-height:1.7}button,input{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}::selection{background:var(--accent);color:var(--bg)}.skip{position:absolute;top:-100px;left:15px;background:var(--accent);color:var(--bg);z-index:100;padding:8px 14px}.skip:focus{top:10px}.topbar{height:76px;display:flex;align-items:center;gap:34px;max-width:1320px;margin:auto;padding:0 34px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px;white-space:nowrap;font-weight:800;font-size:19px;letter-spacing:.03em;line-height:1.25}.brand small{display:block;color:var(--soft);font-weight:500;font-size:11px;letter-spacing:.18em;margin-top:3px}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:2px solid var(--accent);border-radius:50%;color:var(--gold);font-size:17px}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.main-nav a{font-size:14px;color:var(--muted);transition:color .2s}.main-nav a:hover,.main-nav a.current{color:var(--accent)}.header-actions{display:flex;gap:5px}.icon-btn{background:transparent;color:var(--text);border:0;border-radius:10px;width:38px;height:38px;font-size:25px;line-height:1}.icon-btn:hover{background:var(--surface2)}main{max-width:1320px;min-height:calc(100vh - 150px);padding:0 34px 80px;margin:auto}.footer{max-width:1320px;margin:auto;padding:26px 34px 34px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:var(--soft);font-size:13px}.eyebrow{display:block;color:var(--soft);font-size:13px;font-weight:700;letter-spacing:.12em}.eyebrow.accent{color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4vw,55px);line-height:1.28;letter-spacing:-.045em;margin-bottom:18px}h2{font-size:clamp(23px,2.4vw,32px);line-height:1.35;letter-spacing:-.035em;margin-bottom:12px}h3{font-size:20px;line-height:1.35}p{color:var(--muted)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:var(--surface);color:var(--text);font-size:14px;font-weight:700;line-height:1.3;transition:transform .2s,border-color .2s,background .2s}.button:hover{transform:translateY(-2px);border-color:var(--accent)}.button.primary{background:var(--accent);border-color:var(--accent);color:#0a2530}.button.secondary{background:transparent}.button.active{border-color:var(--accent);color:var(--accent);background:var(--surface2)}.home-intro{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;min-height:450px;gap:30px;padding:62px 0 30px}.home-intro h1{max-width:700px;margin-top:17px}.home-intro p{font-size:18px;max-width:610px;line-height:1.9;margin-bottom:31px}.intro-actions{display:flex;flex-wrap:wrap;gap:12px}.hero-orbit{height:340px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#2e586b40,transparent 62%)}.orbit-ring{position:absolute;border:1px solid #76bdb766;border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-22deg)}.ring-one{width:285px;height:150px}.ring-two{width:410px;height:250px;border-color:#7999ad55;transform:translate(-50%,-50%) rotate(23deg)}.hero-sun{position:absolute;width:62px;height:62px;background:#e6b66e;border-radius:50%;top:calc(50% - 31px);left:calc(50% - 31px);box-shadow:0 0 40px #e6b66e78}.hero-earth{position:absolute;width:25px;height:25px;background:#6ac9c4;border-radius:50%;top:calc(50% - 79px);left:calc(50% + 117px);box-shadow:0 0 18px #6ac9c469}.hero-moon{position:absolute;width:8px;height:8px;background:#d7e3e8;border-radius:50%;top:calc(50% - 92px);left:calc(50% + 144px)}.hero-label{position:absolute;font-size:12px;color:#bdd4db;letter-spacing:.12em}.hero-label.one{left:12%;top:23%}.hero-label.two{right:9%;bottom:22%}.home-strip{display:grid;grid-template-columns:1.35fr .65fr;gap:15px;margin-bottom:72px}.daily,.progress-mini{min-height:112px;border:1px solid var(--line);border-radius:15px;background:var(--surface);padding:19px 22px}.daily{display:flex;align-items:center;gap:18px;transition:border-color .2s}.daily:hover{border-color:var(--accent)}.daily-icon{color:var(--gold);font-size:29px}.daily small,.progress-mini>span{display:block;color:var(--soft);font-size:13px;margin-bottom:4px}.daily strong{font-size:18px}.daily-arrow{margin-left:auto;color:var(--accent);font-size:23px}.progress-mini{display:grid;grid-template-columns:1fr auto;align-content:center}.progress-mini strong{font-size:23px;line-height:1}.progress-mini strong small{font-size:14px;color:var(--soft);font-weight:500}.progress-track{height:6px;background:var(--line);border-radius:30px;overflow:hidden;margin-top:16px;grid-column:1/-1}.progress-track>span{display:block;height:100%;background:var(--accent);border-radius:30px}.section{margin-top:68px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-title h2{margin:6px 0 0}.text-link{color:var(--accent);font-weight:700;font-size:14px}.route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.route-card{min-height:226px;padding:21px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;flex-direction:column;transition:transform .2s,border-color .2s,background .2s}.route-card:hover{transform:translateY(-3px);border-color:var(--accent);background:var(--surface2)}.route-number{font-size:12px;color:var(--soft);letter-spacing:.15em}.route-icon{font-size:25px;margin:6px 0 10px}.route-card strong{font-size:19px;line-height:1.3}.route-card p{font-size:14px;line-height:1.7;margin:8px 0 15px}.route-foot{border-top:1px solid var(--line);padding-top:11px;margin-top:auto;color:var(--soft);font-size:13px;display:flex;justify-content:space-between}.route-foot b{color:var(--accent);font-size:17px;line-height:1}.route-card.feature{background:linear-gradient(140deg,var(--surface2),var(--surface))}.quick{border-top:1px solid var(--line);padding-top:38px}.word-links{display:flex;flex-wrap:wrap;gap:11px}.word-links a{padding:10px 14px;border-radius:8px;border:1px solid var(--line);background:var(--surface);font-size:14px}.word-links a:hover{border-color:var(--accent);color:var(--accent)}.page-head{max-width:850px;padding:58px 0 38px}.page-head.compact{padding-bottom:23px}.page-head h1{margin-top:13px}.page-head p{font-size:17px;line-height:1.85}.map-layout{display:grid;grid-template-columns:215px 1fr;gap:42px}.map-aside{position:sticky;top:30px;align-self:start;padding:22px;border:1px solid var(--line);border-radius:14px;background:var(--surface)}.map-aside>span{display:block;color:var(--soft);font-size:14px}.map-aside strong{display:block;font-size:27px;margin:3px 0}.map-aside p{font-size:13px;line-height:1.7;margin:17px 0 0}.map-group{display:grid;grid-template-columns:48px 1fr;gap:17px;border-top:1px solid var(--line);padding:26px 0 28px}.map-index{color:var(--accent);font-size:15px;font-weight:700}.map-content h2{font-size:25px;margin:0 0 4px}.map-content>p{font-size:14px;margin-bottom:15px}.map-nodes{display:flex;flex-wrap:wrap;gap:9px}.map-node{padding:8px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);font-size:14px}.map-node:hover,.map-node.done{border-color:var(--accent);color:var(--accent)}.map-empty{color:var(--soft);font-size:14px}.later{margin-top:18px;display:flex;gap:12px;align-items:baseline;color:var(--soft);font-size:13px}.later small{flex:none;color:var(--gold)}.filter-row{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 25px}.chip{border:1px solid var(--line);border-radius:30px;padding:8px 14px;color:var(--muted);font-size:14px}.chip span{color:var(--soft);margin-left:5px}.chip:hover,.chip.active{background:var(--surface2);border-color:var(--accent);color:var(--accent)}.topic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.topic-card{min-height:223px;border:1px solid var(--line);border-radius:13px;background:var(--surface);padding:21px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.topic-card:hover{border-color:var(--accent);transform:translateY(-2px)}.topic-card strong{font-size:19px;line-height:1.4;margin:10px 0}.topic-card p{font-size:14px;line-height:1.65;margin:0 0 17px}.card-arrow{color:var(--accent);font-size:13px;font-weight:700;margin-top:auto}.article-wrap{max-width:1160px;margin:auto}.breadcrumbs{display:flex;align-items:center;gap:10px;padding:28px 0 25px;color:var(--soft);font-size:13px}.breadcrumbs a:hover{color:var(--accent)}.article-layout{display:grid;grid-template-columns:minmax(0,780px) 240px;gap:60px}.article-head{padding:21px 0 30px;border-bottom:1px solid var(--line)}.article-head h1{margin:14px 0 5px;font-size:clamp(32px,3.7vw,48px)}.english{color:var(--soft);font-size:15px;letter-spacing:.05em;margin-bottom:22px}.article-actions{display:flex;gap:9px;flex-wrap:wrap}.article-actions .button{padding:9px 13px;font-weight:600}.section-label{font-size:13px;color:var(--accent);letter-spacing:.1em;font-weight:800}.lead-block{margin:30px 0 40px;padding:25px 27px;background:var(--surface2);border-left:3px solid var(--accent);border-radius:0 12px 12px 0}.lead-block p{font-size:21px;line-height:1.75;color:var(--text);margin:9px 0 0}.prose-block{margin-bottom:38px}.prose-block h2,.info-box h2{font-size:23px}.prose-block p,.info-box p,.related-three p,.deep p{font-size:17px;line-height:1.95;margin-bottom:0}.diagram-block{margin-bottom:36px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:19px 22px 15px}.diagram-title{display:flex;justify-content:space-between;gap:12px;font-size:12px;color:var(--soft)}.explain-svg{display:block;width:100%;height:auto;max-height:330px;margin:10px auto}.explain-svg text{fill:var(--muted);font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:15px}.explain-svg .svg-note{font-size:13px}.diagram-caption{font-size:13px;color:var(--soft);text-align:center;margin:0 0 5px}.orbit-control{border-top:1px solid var(--line);padding:13px 5px 0;display:grid;grid-template-columns:1fr 180px;gap:4px 17px;align-items:center}.orbit-control label{font-size:14px;color:var(--text)}.orbit-control input{width:100%;accent-color:var(--accent)}.orbit-control span{grid-column:1/-1;font-size:13px;color:var(--soft)}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:20px}.info-box{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:12px}.info-box h2{font-size:18px;margin-bottom:11px}.info-box p{font-size:15px;line-height:1.8}.mistake{border-top:3px solid var(--gold)}.related-three{border:1px solid var(--line);border-radius:12px;padding:20px 22px;margin:0 0 20px}.related-three>span{color:var(--gold);font-weight:700}.related-three p{font-size:15px;margin-top:7px}.deep{border:1px solid var(--line);border-radius:12px;background:var(--surface);margin-bottom:38px}.deep summary{list-style:none;cursor:pointer;padding:19px 21px;color:var(--accent);font-weight:700;display:flex;justify-content:space-between}.deep summary::-webkit-details-marker,.aha-item summary::-webkit-details-marker{display:none}.deep summary span{font-size:13px;color:var(--soft)}.deep[open] summary span{transform:rotate(180deg)}.deep p{padding:0 21px 20px;font-size:15px}.article-pager{display:grid;grid-template-columns:1fr 1fr;gap:12px;border-top:1px solid var(--line);padding-top:25px}.article-pager a{border:1px solid var(--line);border-radius:11px;padding:15px;background:var(--surface)}.article-pager a:hover{border-color:var(--accent)}.article-pager a:last-child{text-align:right}.article-pager small{display:block;color:var(--soft);font-size:12px}.article-pager strong{display:block;font-size:14px;line-height:1.4;margin-top:5px}.reading-side{padding-top:21px}.side-card{position:sticky;top:28px;border-left:1px solid var(--line);padding-left:18px}.side-card>small{color:var(--soft);font-size:12px}.side-card>strong{display:block;font-size:18px;margin-top:3px}.side-card>p{font-size:13px;line-height:1.6;margin:8px 0 17px}.article-link{display:block;border-top:1px solid var(--line);padding:11px 0;font-size:13px}.article-link:hover{color:var(--accent)}.article-link small{display:block;color:var(--soft);font-size:11px}.read-badge{color:var(--accent);font-size:11px;font-weight:500}.random-side{width:100%;border:1px solid var(--line);background:transparent;color:var(--accent);border-radius:9px;padding:10px;margin-top:20px;text-align:left;font-size:13px}.legend{display:flex;flex-wrap:wrap;gap:13px 25px;border:1px solid var(--line);padding:17px 20px;border-radius:11px;color:var(--muted);font-size:14px}.legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px}.legend i.real{background:#75d2be}.legend i.extend{background:#efc479}.legend i.fiction{background:#b6a3dd}.three-section{margin-top:48px}.concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.concept-card{min-height:190px;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:12px;display:flex;flex-direction:column}.status{font-size:12px;font-weight:700;width:max-content;padding:2px 9px;border-radius:20px}.status.real{color:#75d2be;background:#75d2be20}.status.extend{color:#efc479;background:#efc47920}.status.fiction{color:#b6a3dd;background:#b6a3dd20}.concept-card h3{margin:12px 0 8px}.concept-card p{font-size:14px;line-height:1.7;margin:0 0 12px}.concept-card a{font-size:13px;color:var(--accent);font-weight:700;margin-top:auto}.aha-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.aha-item{background:var(--surface);border:1px solid var(--line);border-radius:11px;align-self:start}.aha-item[open]{border-color:var(--accent)}.aha-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:15px;padding:19px}.aha-no{font-size:12px;color:var(--accent)}.aha-item strong{font-size:17px;line-height:1.5}.aha-plus{margin-left:auto;color:var(--accent);font-size:20px;line-height:1}.aha-item[open] .aha-plus{transform:rotate(45deg)}.aha-item p{border-top:1px solid var(--line);padding:16px 20px 20px;margin:0;font-size:15px;line-height:1.8}.aha-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:40px;padding-top:25px;color:var(--muted)}.search-dialog[hidden]{display:none}.search-dialog{position:fixed;inset:0;z-index:50;display:flex;justify-content:center;align-items:flex-start;padding:10vh 15px}.search-backdrop{position:absolute;inset:0;background:#071522c7;backdrop-filter:blur(4px)}.search-panel{position:relative;width:min(650px,100%);background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.search-line{display:flex;align-items:center;gap:12px;padding:13px 16px;border-bottom:1px solid var(--line)}.search-line>span{font-size:26px;color:var(--accent)}.search-line input{width:100%;background:transparent;border:0;color:var(--text);outline:none;font-size:16px}.search-line input::placeholder{color:var(--soft)}.search-results{max-height:55vh;overflow:auto;padding:12px}.search-result-count{font-size:12px;color:var(--soft);padding:4px 7px 8px}.search-result{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-radius:8px}.search-result:hover{background:var(--surface2)}.search-result strong{display:block;font-size:15px}.search-result small{display:block;color:var(--soft);font-size:12px}.search-result b{color:var(--accent);font-weight:500}.search-empty{padding:25px;color:var(--muted)}.search-hint{border-top:1px solid var(--line);padding:10px 18px;margin:0;color:var(--soft);font-size:12px}.dialog-open{overflow:hidden}
.saved-empty{max-width:540px;border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:28px}.saved-empty strong{font-size:20px}.saved-empty p{margin:8px 0 18px}.main-nav{scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.earth-spin{transform-origin:395px 35px;animation:turn 8s linear infinite}.hero-earth{animation:bob 7s ease-in-out infinite}.explain-svg [stroke-dasharray]{animation:flow 16s linear infinite}@keyframes turn{to{transform:rotate(360deg)}}@keyframes bob{50%{transform:translate(7px,-6px)}}@keyframes flow{to{stroke-dashoffset:-90}}
.demo-entry{border-top:1px solid var(--line);padding-top:33px}.demo-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.demo-entry-grid a{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface);border:1px solid var(--line);border-radius:9px;padding:13px 15px;font-weight:700;font-size:14px}.demo-entry-grid a:hover{border-color:var(--accent)}.demo-entry-grid span{font-size:12px;color:var(--accent);font-weight:500;white-space:nowrap}
.guess-card{margin:0 0 36px;padding:22px 24px;background:var(--surface);border:1px solid var(--line);border-radius:13px}.guess-card h2{font-size:20px;line-height:1.5;margin:8px 0 15px}.guess-options{display:flex;gap:9px;flex-wrap:wrap}.guess-options button{padding:9px 13px;border:1px solid var(--line);border-radius:8px;background:var(--surface2);color:var(--text);text-align:left;font-size:14px;line-height:1.5}.guess-options button:hover:not(:disabled){border-color:var(--accent)}.guess-options button.chosen{border-color:var(--gold)}.guess-options button.correct{border-color:var(--accent);background:#78d7c31c}.guess-options button:disabled{cursor:default;opacity:1}.guess-feedback{margin:14px 0 0;padding:13px 15px;border-left:3px solid var(--accent);background:var(--surface2);border-radius:0 8px 8px 0;color:var(--text);font-size:14px;line-height:1.75}
.interactive-demo{margin-top:7px}.demo-svg{width:100%;height:auto;max-height:330px;display:block}.demo-svg text{font-family:'Noto Sans SC','Microsoft YaHei',system-ui,sans-serif;font-size:15px;fill:var(--muted)}.demo-controls{border-top:1px solid var(--line);padding:15px 4px 2px}.demo-slider{display:grid;grid-template-columns:1fr minmax(170px,46%);align-items:center;gap:14px;color:var(--text);font-size:14px;font-weight:700}.demo-slider input{width:100%;accent-color:var(--accent);cursor:pointer}.demo-modes,.demo-picks,.demo-presets{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.demo-modes button,.demo-picks button,.demo-presets button{border:1px solid var(--line);border-radius:7px;background:var(--surface2);color:var(--muted);padding:7px 11px;font-size:13px}.demo-modes button[aria-pressed="true"],.demo-picks button[aria-pressed="true"]{border-color:var(--accent);color:var(--accent);background:#78d7c318}.demo-modes button:hover,.demo-picks button:hover,.demo-presets button:hover{border-color:var(--accent)}.demo-presets{margin:9px 0 0}.demo-result{min-height:45px;margin:14px 0 5px;padding:11px 13px;background:var(--surface2);border-radius:8px;color:var(--text);font-size:15px;line-height:1.65}.demo-note{display:block;color:var(--soft);font-size:12px;line-height:1.6}.legend.four{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.legend i.hypothesis{background:#87afd9}.status.hypothesis{color:#87afd9;background:#87afd920}
.demo-modes button,.demo-picks button,.demo-presets button{min-height:40px}.guess-options button{min-height:44px}.demo-slider input{min-height:32px}
@media(max-width:1050px){.topbar{gap:20px}.main-nav{gap:15px}.main-nav a{font-size:13px}.route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topic-grid,.concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-layout{grid-template-columns:minmax(0,1fr) 190px;gap:30px}.demo-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.topbar{height:auto;min-height:65px;flex-wrap:wrap;padding:12px 18px 0;gap:8px}.brand{font-size:17px}.main-nav{order:3;width:100%;overflow:auto;white-space:nowrap;gap:19px;padding:8px 0 10px;margin-left:0}.header-actions{margin-left:auto}.main-nav a{font-size:13px}main{padding:0 18px 55px}.footer{padding:22px 18px;flex-direction:column;gap:3px}.home-intro{grid-template-columns:1fr;min-height:0;padding:42px 0 15px;gap:0}.home-intro p{font-size:16px}.hero-orbit{height:210px;max-width:400px;width:100%;margin:auto}.hero-label{display:none}.home-strip{grid-template-columns:1fr;margin-bottom:45px}.route-grid,.topic-grid,.concept-grid,.aha-grid{grid-template-columns:1fr 1fr}.route-card{min-height:210px}.page-head{padding:38px 0 27px}.map-layout{grid-template-columns:1fr;gap:22px}.map-aside{position:static}.article-layout{grid-template-columns:1fr}.reading-side{display:none}.breadcrumbs{padding:20px 0 0}.article-head{padding-top:16px}.article-head h1{font-size:34px}.lead-block p{font-size:18px}.two-columns{grid-template-columns:1fr}.orbit-control{grid-template-columns:1fr}.orbit-control span{grid-column:1}.later{display:block}.later small{display:block;margin-bottom:4px}}
@media(max-width:520px){.route-grid,.topic-grid,.concept-grid,.aha-grid,.demo-entry-grid,.legend.four{grid-template-columns:1fr}.route-card{min-height:170px}.route-icon{margin:2px 0 6px}.route-card p{margin-bottom:10px}.section{margin-top:50px}.section-title{align-items:start}.text-link{margin-top:7px}.home-intro h1{font-size:38px}.hero-orbit{height:170px}.ring-one{width:220px;height:110px}.ring-two{width:300px;height:170px}.hero-earth{top:calc(50% - 54px);left:calc(50% + 88px)}.hero-moon{top:calc(50% - 65px);left:calc(50% + 115px)}.home-strip{gap:10px}.map-group{grid-template-columns:30px 1fr;gap:8px}.article-pager{grid-template-columns:1fr}.article-pager a:last-child{text-align:left}.diagram-block{padding:13px}.diagram-title{font-size:11px}.aha-bottom{align-items:start;gap:15px;flex-direction:column}.demo-slider{grid-template-columns:1fr;gap:5px}.guess-options{flex-direction:column}.guess-options button{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}
.map-branch{margin:18px 0 22px;padding-left:17px;border-left:2px solid var(--line)}.map-branch h3{font-size:15px;color:var(--accent);margin:0 0 11px}.article-related{margin:0 0 34px}.article-related h2{font-size:19px;margin:0 0 10px}.article-related>div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.article-related .article-link{border:1px solid var(--line);border-radius:9px;background:var(--surface);padding:11px 13px}.article-related .article-link:hover{border-color:var(--accent)}.compare-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.compare-cards>div{padding:17px;border:1px solid var(--line);border-radius:10px;background:var(--surface2)}.compare-cards b,.compare-cards span{display:block}.compare-cards b{color:var(--accent);margin-bottom:6px}.compare-cards span{font-size:14px;line-height:1.6}.star-timeline{padding:20px 0}.timeline-common{display:flex;align-items:center;justify-content:space-between;gap:5px}.timeline-common span{background:var(--surface2);border:1px solid var(--line);border-radius:9px;padding:12px;text-align:center;flex:1;font-weight:700}.timeline-common b{color:var(--accent)}.timeline-fork{display:grid;gap:8px;margin-top:17px}.timeline-path{border:1px solid var(--line);background:var(--surface2);border-radius:9px;padding:13px 15px;color:var(--muted);line-height:1.6}.timeline-path strong{display:block;color:var(--text)}.timeline-path.selected{border-color:var(--accent);background:#78d7c318}.demo-svg{overflow:visible}@media(max-width:520px){.article-related>div,.compare-cards{grid-template-columns:1fr}.timeline-common span{font-size:12px;padding:9px 4px}.timeline-common b{font-size:13px}}