:root{--bg:#f6ecc9;--bg2:#fffaf0;--ink:#3b2a17;--muted:#8a7353;--gold:#b8862f;--gold-dim:#d6bd86;--line:#e4d3a8;--red:#8e2b1f}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--ink);background:radial-gradient(ellipse at 50% 35%,#fffbea 0%,var(--bg) 65%) fixed;flex-direction:column;align-items:center;min-height:100vh;padding:0 18px 60px;font-family:Noto Serif SC,Songti SC,serif;display:flex}#hero{flex-direction:column;align-items:center;width:100%;display:flex}.topbar{z-index:50;-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#f6ecc9db;align-self:stretch;align-items:center;gap:40px;height:84px;margin:0 -18px;padding:0 28px;transition:background .3s,border-color .3s;display:flex;position:sticky;top:0}.topbar.home{-webkit-backdrop-filter:none;background:0 0;border-color:#0000}.topbar.home.scrolled{border-color:var(--line);-webkit-backdrop-filter:blur(8px);background:#f6ecc9db}.navlinks{gap:30px;display:flex}.navlinks a{color:var(--muted);letter-spacing:.15em;border-bottom:2px solid #0000;padding:6px 0;font-size:16px;text-decoration:none}.navlinks a:hover{color:var(--gold)}.navlinks a.on{color:var(--gold);border-bottom-color:var(--gold)}.tabbar{display:none}@media (max-width:700px){.navlinks{display:none}.topbar{height:66px;padding:0 16px}.tabbar{z-index:60;height:62px;padding-bottom:env(safe-area-inset-bottom);border-top:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffaeef5;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar a{color:var(--muted);letter-spacing:.1em;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;text-decoration:none;display:flex}.tabbar a svg{stroke:currentColor;fill:none;stroke-width:1.6px;width:22px;height:22px}.tabbar a.on{color:var(--gold)}body{padding-bottom:90px}}.page{width:100%;max-width:820px;margin-top:34px}.page h2{color:var(--gold);letter-spacing:.15em;margin-bottom:6px;font-size:26px}.page .lead{color:var(--muted);letter-spacing:.08em;margin-bottom:24px;font-size:14px}.jing-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;display:grid}.jing-grid a{color:var(--ink);border:1px solid var(--line);background:#fffaeecc;border-radius:12px;padding:14px 16px;text-decoration:none;transition:border-color .2s,transform .2s;display:block}.jing-grid a:hover{border-color:var(--gold);transform:translateY(-2px)}.jing-grid .n{color:var(--gold-dim);letter-spacing:.2em;font-size:12px}.jing-grid .t{color:var(--gold);letter-spacing:.12em;margin:4px 0 6px;font-size:19px;font-weight:600}.jing-grid .x{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:13px;line-height:1.6;display:-webkit-box;overflow:hidden}.about-card{border:1px solid var(--line);background:#fffaeed9;border-radius:14px;margin-bottom:16px;padding:22px 26px}.about-card h3{color:var(--gold);letter-spacing:.1em;margin-bottom:8px;font-size:18px}.about-card p{font-size:15px;line-height:1.9}.about-card .todo{color:#b0563a}.about-card a{color:var(--gold)}.ask-tip{border:1px solid var(--line);color:var(--muted);background:#fffaeed9;border-radius:14px;padding:18px 22px;font-size:15px;line-height:1.9}footer a{color:inherit}.brand{flex:none;padding-right:66px;line-height:0;display:block;position:relative}@media (max-width:700px){.brand{padding-right:52px}}.brand img{filter:drop-shadow(0 0 10px #b8862f2e);width:auto;height:64px}.brand{text-decoration:none}.brand-words{white-space:nowrap;color:var(--gold);letter-spacing:.15em;font-size:15px;font-weight:600;line-height:1;position:absolute;top:69%;left:calc(93% - 56.38px);transform:translateY(-50%)}@media (max-width:700px){.brand img{height:48px}.brand-words{font-size:12px;left:calc(93% - 44.36px)}}.lang{z-index:20;margin-left:auto;position:relative}#langBtn{font:inherit;color:#5a4a36;cursor:pointer;background:0 0;border:0;padding:6px 8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:16px}#langBtn .caret{margin-left:6px;font-size:13px;transition:transform .2s;display:inline-block;transform:rotate(180deg)}#langBtn[aria-expanded=true] .caret{transform:none}#langMenu{background:#fff;border-radius:8px;min-width:150px;padding:6px 0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;list-style:none;position:absolute;top:40px;right:0;box-shadow:0 6px 24px #3c280a29}#langMenu li{color:#333;cursor:pointer;white-space:nowrap;padding:10px 18px;font-size:16px}#langMenu li:hover{background:#f7f0dd}#langMenu li.on{color:var(--gold);font-weight:600}@media (max-width:700px){#langBtn{font-size:14px}}header{text-align:center;z-index:2;margin:26px 0 28px;position:relative}h1{letter-spacing:.18em;color:var(--gold);cursor:pointer;-webkit-user-select:none;user-select:none;padding-left:.18em;font-size:36px;font-weight:600;display:inline-block}h1 span{display:inline-block;position:relative}#logoI{z-index:1}.title-wrap{display:inline-block;position:relative}#titleLogo{opacity:0;pointer-events:none;width:auto;height:104px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sub{color:var(--muted);letter-spacing:.2em;margin-top:8px;font-size:14px}form{border:1px solid var(--gold-dim);background:var(--bg2);border-radius:999px;width:100%;max-width:620px;transition:border-color .2s;display:flex;overflow:visible}form:focus-within{border-color:var(--gold)}input{min-width:0;color:var(--ink);font:inherit;background:0 0;border:0;border-radius:999px 0 0 999px;outline:0;flex:1;padding:14px 22px;font-size:16px}input::placeholder{color:#b09c78}button.ask{border:0;border-left:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;padding:0 28px 0 26px;display:flex}#beads{width:auto;height:70px;transition:filter .2s;display:block;overflow:visible}button.ask:hover #beads{filter:brightness(1.08)drop-shadow(0 0 4px #b8862f59)}button.ask:disabled{cursor:wait}#answer{border:1px solid var(--line);background:#fffaeed9;border-radius:14px;width:100%;max-width:620px;margin-top:16px;padding:18px 22px;font-size:15px;line-height:1.9;display:none}#answer .q{color:var(--gold);margin-bottom:6px}#answer .note{color:var(--muted);margin-top:10px;font-size:13px}.stage{width:100%;max-width:660px;margin-top:20px;position:relative}svg{width:100%;height:auto;display:block;overflow:visible}.dot circle.c{fill:#fffaf0;stroke:var(--gold-dim);stroke-width:1.5px;transition:fill .35s,stroke .35s,filter .35s}.dot text{fill:var(--muted);text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:13px;transition:fill .35s}.dot{cursor:pointer;outline:none}.dot:focus-visible circle.c{stroke:#7a5418;stroke-width:2.5px}#dots{transform-origin:300px 300px;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}#dots text{transform-box:fill-box;transform-origin:50%;transition:transform .5s cubic-bezier(.3,1.4,.5,1)}.marker{fill:var(--gold)}.dot:hover circle.c{stroke:var(--gold)}.dot.lit circle.c{fill:var(--gold);stroke:#f3d99a;filter:url(#glow)}.dot.lit text.n{fill:#fff;font-weight:700}.dot text.nm{fill:#7a6440;font-size:12.5px}.dot.lit text.nm{fill:var(--gold);font-weight:700}.dot.sel text.nm{fill:#7a5418;font-weight:700}.dot.sel circle.c{stroke:#7a5418;stroke-width:2.5px}#fish{cursor:pointer;transform-origin:300px 450px;transition:transform 80ms}#fish.hit{transform:scale(.98,.96)}#mallet{transform-origin:439px 217px}.ringglow{opacity:0;transition:opacity .6s}.ringglow.on{opacity:1}#card{border:1px solid var(--line);background:#fffaeed9;border-radius:14px;width:100%;max-width:560px;min-height:92px;margin-top:18px;padding:18px 22px}#card .no{color:var(--gold-dim);letter-spacing:.2em;font-size:13px}#card h2{color:var(--gold);letter-spacing:.1em;margin:4px 0 6px;font-size:21px}#card p{font-size:15px;line-height:1.8}#card .hint{color:var(--muted);font-size:14px}#card .jing{text-align:justify;color:#3b2a17;max-height:340px;padding-right:8px;font-size:16px;line-height:2;overflow-y:auto}#card .jing::-webkit-scrollbar{width:6px}#card .jing::-webkit-scrollbar-thumb{background:var(--gold-dim);border-radius:3px}.nav{gap:10px;margin-top:10px;display:flex}.nav button{border:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:4px 14px;font-size:13px}.nav button:hover{border-color:var(--gold);color:var(--gold)}[hidden]{display:none!important}#homeView,main{flex-direction:column;align-items:center;width:100%;display:flex}#pinView{border:1px solid var(--line);background:#fffaeed9;border-radius:16px;width:100%;max-width:760px;margin-top:34px;padding:30px 38px 26px}#pinView .pin-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}#pinView .pin-top .back{margin-bottom:0}#pinView .tgs{gap:8px;display:flex}#pinView .tg{font:inherit;cursor:pointer;border:1px solid var(--line);color:var(--muted);background:0 0;border-radius:999px;padding:5px 14px;font-size:13px}#pinView .tg.on{background:var(--gold);border-color:var(--gold);color:#fff}#pinView.no-py .zi .py,#pinView.no-ft .zi .ft{display:none}#pinView .back{color:var(--muted);margin-bottom:18px;font-size:14px;text-decoration:none;display:inline-block}#pinView .back:hover{color:var(--gold)}#pinView .no{color:var(--gold-dim);letter-spacing:.2em;font-size:14px}#pinView h2{color:var(--gold);letter-spacing:.15em;margin:8px 0 22px;font-size:30px}#pinView .jing{color:#3b2a17;font-size:20px;line-height:1}#pinView .zi{vertical-align:top;flex-direction:column;align-items:center;min-width:1em;margin:0 1px 14px;display:inline-flex}#pinView .zi b{font-weight:inherit;line-height:1.25}#pinView .zi i{white-space:nowrap;letter-spacing:0;font-style:normal;font-weight:400;line-height:1.3}#pinView .zi .py{color:#9a7a45;font-size:.5em}#pinView .zi .ft{color:#a08a66;font-family:Noto Serif TC,Noto Serif SC,serif;font-size:1em}#pinView .no{letter-spacing:.12em;font-size:16px;line-height:1}#pinView .no .zi .py{font-size:.62em}#pinView h2 .zi{margin-bottom:0}#pinView h2 .zi .py{letter-spacing:.05em;font-size:.4em}#pinView h2 .zi .ft{font-size:1em}#pinView .jing.en p,#card .jing p{margin:0 0 1em}.tr-note{color:var(--muted);margin-top:14px;font-size:13px;font-style:italic;line-height:1.6}#pinView .pager{border-top:1px solid var(--line);justify-content:space-between;gap:12px;margin-top:30px;padding-top:18px;display:flex}#pinView .pager a{color:var(--muted);font-size:14px;text-decoration:none}#pinView .pager a:hover{color:var(--gold)}@media (max-width:600px){#pinView{padding:22px 20px}#pinView h2{font-size:24px}#pinView .jing{font-size:16px}}footer{color:#9a8665;text-align:center;margin-top:30px;font-size:12px;line-height:1.8}.topbar .right{align-items:center;gap:6px;margin-left:auto;display:flex}.topbar .right .lang{margin-left:0}.auth-link{color:var(--muted);letter-spacing:.1em;border:1px solid var(--line);white-space:nowrap;border-radius:999px;padding:6px 10px;font-size:15px;text-decoration:none}.auth-link:hover,.auth-link.on{color:var(--gold);border-color:var(--gold)}@media (max-width:700px){.auth-link{padding:4px 10px;font-size:13px}}#answer.show{display:block}#answer .text{white-space:pre-wrap}#answer sup a{color:var(--gold);margin:0 1px;font-size:.75em;text-decoration:none}#answer .src{border-top:1px dashed var(--line);margin-top:12px;padding-top:10px;font-size:13px}#answer .src b{color:var(--muted);letter-spacing:.1em;font-weight:400}#answer .src ol{color:var(--muted);margin:6px 0 0 20px}#answer .src a{color:var(--gold);word-break:break-all}#answer .warn{color:#b0563a}#answer .warn a{color:var(--gold)}.quota{color:var(--muted);letter-spacing:.08em;text-align:center;min-height:1.2em;margin-top:10px;font-size:13px}.quota a{color:var(--gold)}.auth-card{border:1px solid var(--line);background:#fffaeee6;border-radius:16px;width:100%;max-width:440px;margin-top:40px;padding:30px 32px}.auth-card h2{color:var(--gold);letter-spacing:.15em;margin-bottom:8px;font-size:24px}.auth-card p.lead{color:var(--muted);margin-bottom:20px;font-size:14px;line-height:1.8}.auth-card label{color:var(--muted);letter-spacing:.1em;margin:14px 0 6px;font-size:13px;display:block}.auth-card form{background:0 0;border:0;border-radius:0;max-width:none;padding:0;display:block}.auth-card form:focus-within{border-color:#0000}.auth-card input{width:100%;color:var(--ink);font:inherit;border:1px solid var(--gold-dim);background:var(--bg2);border-radius:10px;outline:0;flex:none;padding:12px 14px;font-size:16px;display:block}.auth-card input:focus{border-color:var(--gold)}.auth-card input.code{letter-spacing:.5em;text-align:center;font-size:22px}.btn{background:var(--gold);color:#fff;width:100%;font:inherit;letter-spacing:.2em;cursor:pointer;border:0;border-radius:999px;margin-top:18px;padding:12px;font-size:16px;display:inline-block}.btn:disabled{opacity:.6;cursor:wait}.btn.ghost{border:1px solid var(--line);color:var(--muted);background:0 0}.msg{color:var(--muted);margin-top:12px;font-size:14px;line-height:1.7}.msg.err{color:#b0563a}.linkbtn{color:var(--gold);font:inherit;cursor:pointer;background:0 0;border:0;margin-top:12px;font-size:14px}.acct dl{grid-template-columns:auto 1fr;gap:10px 18px;margin:10px 0 6px;font-size:15px;display:grid}.acct dt{color:var(--muted)}#pinView .tg{font-family:inherit}