/* 大衍天素書 V1.1 — living time field + research atlas + sequential reader */
.knowledge-format{display:flex;border:1px solid var(--hair)}
.knowledge-format button{min-width:4.8rem;padding:9px 13px;border:0;border-right:1px solid var(--hair);background:transparent;color:var(--dim);font:600 10px/1.3 var(--mono);letter-spacing:.13em;cursor:pointer}
.knowledge-format button:last-child{border-right:0}.knowledge-format button:hover,.knowledge-format button:focus-visible{color:var(--ink);outline:1px solid var(--red);outline-offset:-2px}.knowledge-format button[aria-pressed="true"]{background:var(--red);color:#fff}
body.zzk-portal>main.knowledge-v1-stage{position:absolute;inset:164px 0 0;z-index:9;display:none;overflow:auto;overscroll-behavior:contain;background:var(--void)}
.k-format-stars .stage,.k-format-reader .stage{visibility:hidden;pointer-events:none}
body.zzk-portal.k-format-stars>main.knowledge-v1-stage,body.zzk-portal.k-format-reader>main.knowledge-v1-stage{display:block}
.k-format-stars .hint,.k-format-reader .hint{display:none}

.knowledge-v1-head{position:sticky;top:0;z-index:8;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1.25rem;align-items:end;padding:1.1rem 1.5rem;border-bottom:1px solid var(--hair);background:color-mix(in srgb,var(--void) 86%,transparent);backdrop-filter:blur(12px)}
.knowledge-v1-head span{color:var(--red);font:600 10px/1.4 var(--mono);letter-spacing:.16em}.knowledge-v1-head h2{margin:.3rem 0 0;font:400 clamp(1.45rem,3vw,2.7rem)/1.25 var(--mincho);letter-spacing:.02em}.knowledge-v1-head p{max-width:35rem;margin:0;color:var(--faint);font-size:12px;line-height:1.7;text-align:right}

.knowledge-stars{position:relative;width:100%;min-height:calc(100vh - 224px);overflow:hidden;touch-action:none;user-select:none;background:
 radial-gradient(circle at 68% 38%,color-mix(in srgb,var(--murmur) 10%,transparent),transparent 26%),
 radial-gradient(circle at 20% 72%,color-mix(in srgb,var(--red) 8%,transparent),transparent 31%),var(--void)}
.knowledge-stars::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.34;background-image:linear-gradient(var(--hair2) 1px,transparent 1px),linear-gradient(90deg,var(--hair2) 1px,transparent 1px);background-size:100% 3.8rem,9rem 100%;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 85%,transparent)}
.knowledge-stars canvas{position:absolute;inset:0;width:100%;height:100%;cursor:grab;touch-action:none}
.knowledge-star-tip{position:absolute;z-index:4;display:none;max-width:18rem;padding:.7rem .85rem;border:1px solid var(--hair);background:color-mix(in srgb,var(--panel2) 94%,transparent);box-shadow:0 18px 52px rgba(0,0,0,.22);pointer-events:none}.knowledge-star-tip b{display:block;font:400 1rem/1.4 var(--mincho)}.knowledge-star-tip small{display:block;margin-top:.3rem;color:var(--faint);font:600 9px/1.4 var(--mono);letter-spacing:.1em}
.knowledge-star-cursor{position:absolute;top:1.1rem;left:1.4rem;z-index:3;display:flex;max-width:min(34rem,calc(100% - 2.8rem));align-items:baseline;gap:1rem;pointer-events:none}.knowledge-star-cursor b{flex:0 0 auto;color:var(--ink);font:400 clamp(1.2rem,2.5vw,2.2rem)/1 var(--mincho)}.knowledge-star-cursor small{min-width:0;overflow:hidden;color:var(--faint);font:600 9px/1.4 var(--mono);letter-spacing:.11em;text-overflow:ellipsis;white-space:nowrap}
.knowledge-time-window{position:absolute;right:1.4rem;bottom:4.85rem;left:1.4rem;z-index:4;display:grid;grid-template-columns:5rem minmax(0,1fr) 5rem;gap:.8rem;align-items:center;padding:.7rem .8rem;border-block:1px solid var(--hair);background:color-mix(in srgb,var(--void) 66%,transparent);backdrop-filter:blur(9px)}.knowledge-time-window>span{color:var(--faint);font:600 9px/1 var(--mono);letter-spacing:.08em}.knowledge-time-window>span:last-child{text-align:right}.knowledge-time-window>div{position:relative;height:1.65rem}.knowledge-time-window i{position:absolute;right:0;top:50%;left:0;height:1px;background:linear-gradient(90deg,var(--red),var(--murmur))}.knowledge-time-window input{position:absolute;inset:0;width:100%;height:100%;margin:0;background:transparent;pointer-events:none;appearance:none}.knowledge-time-window input::-webkit-slider-runnable-track{height:1px;background:transparent}.knowledge-time-window input::-webkit-slider-thumb{width:.85rem;height:1.65rem;margin-top:-.78rem;border:1px solid var(--redline);border-radius:50%;background:var(--void);box-shadow:0 0 0 3px color-mix(in srgb,var(--red) 10%,transparent);appearance:none;pointer-events:auto;cursor:ew-resize}.knowledge-time-window input::-moz-range-track{height:1px;background:transparent}.knowledge-time-window input::-moz-range-thumb{width:.85rem;height:1.65rem;border:1px solid var(--redline);border-radius:50%;background:var(--void);pointer-events:auto;cursor:ew-resize}
.knowledge-era-key{position:absolute;right:1.4rem;bottom:.65rem;left:1.4rem;z-index:3;display:flex;overflow-x:auto;border-top:1px solid var(--hair);background:color-mix(in srgb,var(--void) 72%,transparent);backdrop-filter:blur(8px);scrollbar-width:thin}.knowledge-era-key button{flex:var(--era-weight) 1 0;min-width:6.1rem;padding:.65rem .55rem;border:0;border-right:1px solid var(--hair);background:transparent;color:var(--faint);font:600 9px/1.3 var(--mono);letter-spacing:.08em;cursor:pointer;text-align:left}.knowledge-era-key button:hover,.knowledge-era-key button:focus-visible{color:var(--ink);background:color-mix(in srgb,var(--red) 8%,transparent);outline:0}.knowledge-era-key button:active{transform:scale(.98)}.knowledge-era-key b{display:block;color:var(--ink);font:400 .9rem/1.35 var(--mincho)}

.knowledge-pop{position:fixed;inset:clamp(7.5rem,15vh,11rem) clamp(1rem,5vw,5rem) clamp(1rem,6vh,4rem) auto;z-index:42;display:none;width:min(38rem,calc(100vw - 2rem));overflow:auto;border:1px solid var(--redline);background:color-mix(in srgb,var(--void2) 96%,transparent);box-shadow:0 32px 90px rgba(0,0,0,.35);backdrop-filter:blur(18px);transform-origin:right center}.knowledge-pop.open{display:block;animation:knowledge-unfold .34s cubic-bezier(.2,.82,.2,1)}
@keyframes knowledge-unfold{from{opacity:0;transform:translateX(2rem) scale(.98)}to{opacity:1;transform:none}}
.knowledge-pop__close{position:absolute;top:1rem;right:1rem;width:2.4rem;height:2.4rem;border:1px solid var(--hair);background:transparent;color:var(--dim);cursor:pointer}.knowledge-pop__inner{padding:clamp(1.5rem,5vw,3.5rem)}.knowledge-pop__year{color:var(--red);font:600 11px/1.4 var(--mono);letter-spacing:.15em}.knowledge-pop__meta{margin-top:.55rem;color:var(--faint);font:600 9px/1.5 var(--mono);letter-spacing:.12em;text-transform:uppercase}.knowledge-pop h3{margin:clamp(2rem,5vw,4rem) 0 0;font:400 clamp(2rem,5vw,4.4rem)/1.15 var(--mincho);letter-spacing:-.03em}.knowledge-pop p{margin:1.5rem 0 0;color:var(--dim);font-size:15px;line-height:1.95}.knowledge-pop__ledger{display:grid;grid-template-columns:7rem minmax(0,1fr);margin-top:2.5rem;border-top:1px solid var(--hair)}.knowledge-pop__ledger dt,.knowledge-pop__ledger dd{margin:0;padding:.65rem 0;border-bottom:1px solid var(--hair2);font:10px/1.55 var(--mono);overflow-wrap:anywhere}.knowledge-pop__ledger dt{color:var(--faint);letter-spacing:.1em}.knowledge-pop__ledger dd{color:var(--ink)}.knowledge-pop__read{width:100%;margin-top:1.25rem;padding:1rem 1.2rem;border:1px solid var(--redline);background:color-mix(in srgb,var(--red) 10%,transparent);color:var(--ink);font:600 10px/1.3 var(--mono);letter-spacing:.13em;cursor:pointer;text-align:left}.knowledge-pop__read:hover,.knowledge-pop__read:focus-visible{background:var(--red);color:#fff;outline:0}

.knowledge-reader{min-height:calc(100vh - 164px);padding:clamp(1.2rem,4vw,4rem)}
.knowledge-reader__card{display:grid;grid-template-columns:minmax(8rem,.28fr) minmax(0,1fr);max-width:84rem;min-height:min(42rem,70vh);margin:0 auto;border-block:1px solid var(--hair);background:linear-gradient(110deg,color-mix(in srgb,var(--panel) 84%,transparent),color-mix(in srgb,var(--void) 70%,transparent));animation:knowledge-leaf-in .3s cubic-bezier(.2,.78,.25,1)}
@keyframes knowledge-leaf-in{from{opacity:.2;transform:translateX(1.2rem)}to{opacity:1;transform:none}}
.knowledge-reader__aside{display:flex;min-width:0;flex-direction:column;justify-content:space-between;padding:clamp(1.2rem,3vw,2.5rem);border-right:1px solid var(--hair)}.knowledge-reader__aside b{font:400 clamp(2rem,5vw,4.5rem)/1 var(--mincho)}.knowledge-reader__aside span,.knowledge-reader__aside small{color:var(--faint);font:600 9px/1.6 var(--mono);letter-spacing:.12em}.knowledge-reader__aside i{display:block;width:1px;height:9rem;margin:1.5rem 0;background:linear-gradient(var(--red),transparent)}
.knowledge-reader__body{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(2rem,6vw,6rem)}.knowledge-reader__body>span{color:var(--red);font:600 10px/1.5 var(--mono);letter-spacing:.16em}.knowledge-reader__body h2{margin:clamp(2rem,5vw,5rem) 0 0;font:400 clamp(2.2rem,6vw,5.8rem)/1.12 var(--mincho);letter-spacing:-.035em;overflow-wrap:anywhere}.knowledge-reader__body p{max-width:48rem;margin:1.8rem 0 0;color:var(--dim);font-size:clamp(.95rem,1.4vw,1.15rem);line-height:2}.knowledge-reader__actions{display:flex;justify-content:space-between;max-width:84rem;margin:1rem auto 0}.knowledge-reader__actions button{min-width:8rem;padding:.9rem 1.2rem;border:1px solid var(--hair);background:transparent;color:var(--dim);font:600 10px/1.3 var(--mono);letter-spacing:.13em;cursor:pointer}.knowledge-reader__actions button:hover,.knowledge-reader__actions button:focus-visible{border-color:var(--red);color:var(--ink);outline:0}
.knowledge-reader__rail{display:flex;max-width:84rem;margin:1rem auto 0;overflow-x:auto;border-block:1px solid var(--hair);scrollbar-width:thin;scroll-snap-type:x proximity}.knowledge-reader__rail button{position:relative;flex:0 0 4rem;height:3.4rem;border:0;border-right:1px solid var(--hair);background:transparent;color:var(--faint);font:600 9px/1 var(--mono);cursor:pointer;scroll-snap-align:center}.knowledge-reader__rail button::after{content:"";position:absolute;left:50%;bottom:.45rem;width:4px;height:4px;border-radius:50%;background:var(--dcol,var(--faint));transform:translateX(-50%)}.knowledge-reader__rail button[aria-current="true"]{color:var(--ink);background:color-mix(in srgb,var(--red) 9%,transparent);box-shadow:inset 0 -2px var(--red)}

@media(max-width:900px){.knowledge-v1-head{grid-template-columns:1fr}.knowledge-v1-head p{text-align:left}.knowledge-reader__card{grid-template-columns:8rem minmax(0,1fr)}.knowledge-reader__body{padding:2rem}.knowledge-pop{top:8rem}}
@media(max-width:600px){.knowledge-format button{min-width:4.1rem;padding-inline:.8rem}.knowledge-v1-stage{top:164px}.knowledge-v1-head{padding:.85rem 1rem}.knowledge-v1-head p{display:none}.knowledge-stars{min-height:calc(100vh - 164px)}.knowledge-star-cursor{right:1rem;left:1rem}.knowledge-time-window{right:.65rem;bottom:4.55rem;left:.65rem;grid-template-columns:3.8rem minmax(0,1fr) 3.8rem;padding-inline:.55rem}.knowledge-era-key{right:.65rem;left:.65rem}.knowledge-era-key button{flex:0 0 6.1rem}.knowledge-reader{padding:.75rem}.knowledge-reader__card{display:block;min-height:35rem}.knowledge-reader__aside{display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center;border-right:0;border-bottom:1px solid var(--hair)}.knowledge-reader__aside i{width:100%;height:1px;margin:0;background:linear-gradient(90deg,var(--red),transparent)}.knowledge-reader__body h2{font-size:clamp(2rem,12vw,4rem)}.knowledge-reader__actions button{min-width:7rem}.knowledge-pop{inset:7.5rem .5rem .5rem}}
@media(prefers-reduced-motion:reduce){.knowledge-pop.open,.knowledge-reader__card{animation:none}.knowledge-reader__rail{scroll-behavior:auto!important}.knowledge-stars canvas{cursor:default}}