.x-stage{position:fixed;inset:0;background:linear-gradient(var(--map-grad-a),var(--map-grad-b));overflow:hidden}.x-svg{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:-webkit-grab;cursor:grab}.x-svg:active{cursor:-webkit-grabbing;cursor:grabbing}.x-svg .edge{stroke:var(--map-line-strong);stroke-width:1.4;fill:none}.x-svg .edge.phon{stroke:var(--map-accent);stroke-width:2.3}.x-svg .edge.voc{stroke:var(--map-qing-line);stroke-dasharray:4 5;stroke-width:1.2}.x-svg .node{cursor:pointer;transition:opacity .25s ease}.x-svg .node circle{fill:var(--map-surface);stroke:var(--map-line-strong);stroke-width:1.3}.x-svg .node text{font-family:Kaiti TC,BiauKai,DFKai-SB,STKaiti,serif;fill:var(--map-ink);text-anchor:middle;-moz-user-select:none;user-select:none;-webkit-user-select:none}.x-svg .node.hub circle{filter:drop-shadow(0 0 5px var(--map-glow-accent))}.x-svg .node.head circle{fill:var(--map-accent);stroke:var(--map-accent-deep);stroke-width:2}.x-svg .node.head text{fill:var(--seal-ink)}.x-svg .node.comp circle{fill:var(--map-inset);stroke:var(--map-qing-line)}.x-svg .node.comp text{fill:var(--map-qing)}.x-svg .node.word circle{fill:var(--map-inset);stroke:var(--map-line)}.x-svg .node.word text{fill:var(--map-ink-soft)}.x-svg .node.learned circle{stroke:var(--map-gold);stroke-width:2}.x-svg .node.sel circle{stroke:var(--map-star);stroke-width:2.6;filter:drop-shadow(0 0 6px var(--map-glow-sel))}.x-svg .node.dim{opacity:.18}.x-top{position:absolute;top:0;left:0;right:0;display:flex;align-items:center;gap:12px;padding:14px 16px;z-index:3}.x-home{flex:none;width:42px;height:42px;background:var(--seal-bg);color:var(--seal-ink);display:grid;place-items:center;border-radius:4px;font-size:13px;box-shadow:inset 0 0 0 1.5px rgba(246,239,223,.35)}.x-home,.x-home:hover{text-decoration:none}.x-search{flex:1 1;max-width:340px;background:var(--map-scrim);border:1px solid var(--map-line-strong);border-radius:999px;color:var(--map-ink);font-family:inherit;font-size:15.5px;padding:10px 18px;outline-offset:0}.x-search::placeholder{color:var(--map-ink-faint)}.x-search:focus-visible{outline:2px solid var(--map-accent)}.x-upgrade{margin-left:auto;font-size:12.5px;letter-spacing:.06em;color:var(--map-gold);background:var(--map-gold-wash);border:1px solid var(--map-gold-line);border-radius:999px;padding:8px 15px;text-decoration:none;white-space:nowrap}.x-upgrade:hover{text-decoration:none;background:var(--map-gold-wash-2)}.x-upgrade+.x-skylink{margin-left:10px}.x-skylink{margin-left:auto;font-size:12.5px;letter-spacing:.14em;color:var(--map-accent-deep);border:1px solid var(--map-accent-line);border-radius:999px;padding:8px 15px;text-decoration:none;white-space:nowrap}.x-skylink:hover{background:var(--map-accent-wash);text-decoration:none}.x-toast{position:absolute;top:66px;right:16px;z-index:4;background:var(--map-scrim-strong);border:1px solid var(--map-gold-line);border-radius:999px;color:var(--map-star);font-size:13.5px;letter-spacing:.04em;padding:9px 18px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;animation:toast-in .25s ease,toast-out .4s ease 2.2s forwards}@keyframes toast-in{0%{opacity:0;transform:translateY(-6px)}}@keyframes toast-out{to{opacity:0}}@media (prefers-reduced-motion:reduce){.x-toast{animation:none}}.x-prog{margin-left:0;white-space:nowrap;font-size:13.5px;letter-spacing:.05em;color:var(--map-gold);background:var(--map-scrim);border:1px solid var(--map-gold-line);border-radius:999px;padding:8px 15px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.x-card{position:absolute;z-index:2;right:16px;top:76px;width:220px;background:var(--map-scrim-strong);border:1px solid var(--map-line-strong);border-radius:12px;padding:18px 18px 14px;color:var(--map-ink)}.x-big{font-size:62px;line-height:1.15}.x-big,.x-rd{text-align:center}.x-rd{font-size:14.5px;color:var(--map-ink-faint);margin-top:2px}.x-gl{font-size:15.5px;margin:6px 0 4px}.x-gl,.x-lv{text-align:center}.x-lv{font-size:11.5px;letter-spacing:.18em;color:var(--map-gold);margin-bottom:6px}.x-words{list-style:none;margin:8px 0 12px;padding:0;font-size:14.5px}.x-words li{padding:2px 0;border-bottom:1px dashed var(--map-line)}.x-word-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;width:100%;background:none;border:none;color:inherit;font:inherit;padding:3px 0;text-align:left}.x-word-row>.kai{white-space:nowrap;flex:none}.x-words li.has-ex .x-word-row{cursor:pointer}.x-words li.has-ex .x-word-row>.kai{border-bottom:1px dotted var(--map-line-strong)}.x-ex{padding:2px 0 8px;font-size:13px;line-height:1.7;color:var(--map-ink-soft)}.x-ex .en{font-size:12px}.x-ex .ai-tag,.x-ex .en{color:var(--map-ink-faint)}.x-ex .ai-tag{display:inline-block;margin-left:7px;padding:0 5px;border:1px solid var(--map-line-strong);border-radius:3px;font-size:9px;letter-spacing:.14em;vertical-align:1px}.x-freq{text-align:center;font-size:11.5px;letter-spacing:.05em;color:var(--map-ink-faint);margin-bottom:4px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.x-words li:last-child{border-bottom:none}.x-words .m{color:var(--map-ink-faint);font-size:12.5px;text-align:right}.x-learn{width:100%;background:transparent;border:1px solid var(--map-gold-line);color:var(--map-gold);border-radius:999px;font-family:inherit;font-size:14.5px;letter-spacing:.06em;padding:8px 0;cursor:pointer}.x-learn.on{background:var(--map-gold-wash)}.x-focus{width:100%;margin-top:8px;background:transparent;border:1px solid var(--map-line-strong);color:var(--map-ink-soft);border-radius:999px;font-family:inherit;font-size:13.5px;letter-spacing:.06em;padding:7px 0;cursor:pointer}.x-focus:hover{border-color:var(--map-accent);color:var(--map-accent-deep)}.x-stage.showing-locked .x-svg{opacity:.25;transition:opacity .25s ease}.x-card.locked{text-align:center;border-color:var(--map-gold-line)}.x-card.locked .x-big{opacity:.5}.x-lock-note{font-size:13px;color:var(--map-ink-faint);line-height:1.7;margin:6px 0 14px}.x-unlock-btn{display:block;background:var(--map-gold-wash);border:1px solid var(--map-gold-line);color:var(--map-gold);border-radius:999px;font-size:13.5px;padding:9px 0;text-decoration:none}.x-unlock-btn:hover{text-decoration:none;background:var(--map-gold-wash-2)}.x-lock-have{display:block;margin-top:9px;font-size:12px;color:var(--map-ink-faint);text-decoration:none}.x-big.w{font-size:38px;white-space:nowrap;letter-spacing:.04em}.x-card.word .x-ex{border-top:1px dashed var(--map-line);margin-top:10px;padding-top:8px}.x-chars{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:14px}.x-char-chip{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--map-inset);border:1px solid var(--map-line);border-radius:10px;padding:8px 14px;cursor:pointer;color:var(--map-ink);font-family:inherit}.x-char-chip .g{font-size:26px;line-height:1.25}.x-char-chip .s{font-size:10.5px;color:var(--map-ink-faint);max-width:92px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.x-char-chip:hover{border-color:var(--map-accent)}.x-legend{position:absolute;left:16px;bottom:14px;z-index:2;display:flex;gap:16px;font-size:12px;color:var(--map-ink-faint);letter-spacing:.1em}.x-legend span{display:flex;align-items:center;gap:6px}.x-legend i{display:inline-block;width:18px;height:0;border-top:2px solid var(--map-line-strong)}.x-legend .xl-phon i{border-color:var(--map-accent)}.x-legend .xl-voc i{border-top-style:dashed;border-color:var(--map-qing-line)}.x-legend .xl-hint{color:var(--map-ink-ghost);letter-spacing:.08em;padding-left:6px}@media (max-width:900px){.x-legend .xl-hint{display:none}}.x-seq{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:3;display:flex;align-items:center;gap:12px;background:var(--map-scrim);border:1px solid var(--map-line-strong);border-radius:999px;padding:7px 12px;color:var(--map-ink-soft);font-size:13px}.x-seq .nm{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--map-accent-deep);letter-spacing:.04em}.x-seq .pos{color:var(--map-gold);font-feature-settings:"tnum";font-variant-numeric:tabular-nums;white-space:nowrap}.x-seq button{background:none;border:none;color:var(--map-ink);font-size:13px;cursor:pointer;padding:4px 7px;border-radius:999px}.x-seq button:hover:not(:disabled){background:var(--map-accent-wash)}.x-seq button:disabled{opacity:.3;cursor:default}.x-seq .xq{color:var(--map-ink-faint);font-size:11px}@media (max-width:700px) and (orientation:portrait){.x-card{top:auto;right:10px;left:10px;bottom:10px;width:auto;border-radius:18px;display:grid;grid-template-columns:auto 1fr;grid-column-gap:16px;column-gap:16px;align-items:center;padding:14px 18px}.x-big{font-size:50px;grid-row:span 3}.x-gl,.x-lv,.x-rd{text-align:left;margin:0}.x-words{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 0}.x-words li{border:1px solid var(--map-line);border-radius:999px;padding:3px 11px;font-size:13px;gap:6px}.x-learn{grid-column:1/-1;margin-top:10px}.x-card.word{display:block}.x-card.word .x-big{font-size:34px}.x-legend{display:none}.x-seq{bottom:auto;top:64px}}@media (max-height:500px) and (orientation:landscape){.x-card{top:66px;bottom:10px;right:10px;width:230px;overflow-y:auto}.x-legend{display:none}}