@layer reset{*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body,h1,h2,h3,h4,p,ol,ul,dl,dd,blockquote,figure,fieldset{margin:0}ol,ul{padding:0;list-style:none}img,svg{max-width:100%;display:block}button,input,select,summary{font:inherit}table{border-collapse:collapse}}@layer tokens{:root{color-scheme:light dark;--canvas:#ece5e5;--canvas-offset:#e2d9da;--surface:#fbf7f4;--surface-quiet:#f1eaea;--panel:#cfc5c2;--panel-dot:#ddd5d3;--slot:#b9a9b0;--slot-edge:#6b5f66;--strip:#f8f2e2;--sky:#ffd9f0;--text:#2a1d2e;--text-soft:#54405a;--text-faint:#675b63;--line:#d3c7c8;--line-strong:#9b8b93;--berry:#a34765;--berry-deep:#86354f;--berry-soft:#f9e8ee;--plum:#5a415e;--gold:#85560f;--gold-bright:#e0a73c;--gold-soft:#f7ead0;--leaf:#2f6e45;--leaf-soft:#e1eee2;--action-bg:#a34765;--action-hover:#86354f;--action-text:#fff6f8;--focus:#3a2e52;--frame:#2a1d2e;--frame-2:#3c2940;--frame-line:#5a415e;--frame-text:#f8f2e2;--frame-soft:#d8c7cf;--night:#3a2e52;--night-deep:#2b2240;--night-text:#fff6f8;--night-soft:#e3c6f5;--night-line:#4e3a63;--paper:#f8f6f5;--paper-text:#2a1d2e;--paper-soft:#5a415e;--c-luyu:#2f7182;--c-wuyin:#6a4a9e;--c-jiyu:#8c2233;--c-dengli:#9a520f;--c-mianmiao:#a8466a;--selection-bg:#f0a0b7;--selection-text:#2a1d2e;--shadow:#2a1d2e33;--page:min(1200px, calc(100vw - 48px));--reading:44rem;--sans:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", system-ui, sans-serif;--display:"Chiron GoRound TC", "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--mono:"Cascadia Mono", "SFMono-Regular", Consolas, monospace;--header-h:64px}:root[data-theme=dark]{color-scheme:dark;--canvas:#1c1420;--canvas-offset:#231a28;--surface:#2a2030;--surface-quiet:#332839;--panel:#3c2940;--panel-dot:#4a3650;--slot:#54405a;--slot-edge:#1c1420;--strip:#2a1d2e;--sky:#4a2c47;--text:#f6eef0;--text-soft:#dccbd3;--text-faint:#b9a6b1;--line:#3f3044;--line-strong:#6e5a74;--berry:#f0a0b7;--berry-deep:#f6bccc;--berry-soft:#4a2536;--plum:#e3c6f5;--gold:#eec57a;--gold-bright:#e8b04e;--gold-soft:#3b2e1c;--leaf:#a9d8b2;--leaf-soft:#22352a;--action-bg:#f0a0b7;--action-hover:#f6bccc;--action-text:#2a1d2e;--focus:#fff0aa;--frame:#140e17;--frame-2:#2a1d2e;--frame-line:#54405a;--frame-text:#f8f2e2;--frame-soft:#d0bfc8;--night:#2b2240;--night-deep:#211a33;--night-text:#fff6f8;--night-soft:#e3c6f5;--night-line:#4e3a63;--paper:#f8f6f5;--paper-text:#2a1d2e;--paper-soft:#5a415e;--selection-bg:#f0a0b7;--selection-text:#1c1420;--shadow:#0006}@media (prefers-color-scheme:dark){:root:not([data-theme]){color-scheme:dark;--canvas:#1c1420;--canvas-offset:#231a28;--surface:#2a2030;--surface-quiet:#332839;--panel:#3c2940;--panel-dot:#4a3650;--slot:#54405a;--slot-edge:#1c1420;--strip:#2a1d2e;--sky:#4a2c47;--text:#f6eef0;--text-soft:#dccbd3;--text-faint:#b9a6b1;--line:#3f3044;--line-strong:#6e5a74;--berry:#f0a0b7;--berry-deep:#f6bccc;--berry-soft:#4a2536;--plum:#e3c6f5;--gold:#eec57a;--gold-bright:#e8b04e;--gold-soft:#3b2e1c;--leaf:#a9d8b2;--leaf-soft:#22352a;--action-bg:#f0a0b7;--action-hover:#f6bccc;--action-text:#2a1d2e;--focus:#fff0aa;--frame:#140e17;--frame-2:#2a1d2e;--frame-line:#54405a;--night:#2b2240;--night-deep:#211a33;--selection-text:#1c1420;--shadow:#0006}}}@layer base{html{scrollbar-color:var(--line-strong) var(--canvas-offset);scroll-padding-top:calc(var(--header-h) + 16px)}body{background:var(--canvas);min-width:320px;color:var(--text);font-family:var(--sans);text-rendering:optimizelegibility;font-size:1.0625rem;line-height:1.8;overflow-x:hidden}::selection{background:var(--selection-bg);color:var(--selection-text)}:focus-visible{outline:3px solid var(--focus);outline-offset:3px}h1,h2,h3,h4{font-family:var(--display);text-wrap:balance;letter-spacing:.01em;font-weight:900;line-height:1.25}h1{font-size:clamp(2.4rem,5vw,4.2rem)}h2{font-size:clamp(1.75rem,3vw,2.5rem)}h3{font-size:clamp(1.2rem,1.6vw,1.45rem);font-weight:700}p,li,dd{text-wrap:pretty}a{color:var(--berry);text-underline-offset:.22em;text-decoration-thickness:.08em}a:hover{color:var(--berry-deep)}button{cursor:pointer}code{font-family:var(--mono);overflow-wrap:anywhere;font-size:.9em}kbd{border:1px solid var(--slot-edge);background:var(--surface);color:var(--text);font:.85em/1.6 var(--mono);border-bottom-width:3px;padding:0 .45em}blockquote{border-left:4px solid var(--berry);color:var(--text-soft);padding-left:16px}[data-pixel],.pixel{image-rendering:pixelated;image-rendering:crisp-edges;shape-rendering:crispedges}}@layer layout{.wrap{width:var(--page);margin-inline:auto}.reading{max-width:var(--reading)}.skip-link{z-index:100;background:var(--action-bg);color:var(--action-text);padding:10px 14px;font-weight:700;position:fixed;top:10px;left:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.site-header{z-index:50;background:var(--frame);color:var(--frame-text);border-bottom:3px solid var(--frame-line);position:sticky;top:0}.site-header__inner{width:min(1320px,100vw - 32px);min-height:var(--header-h);align-items:center;gap:18px;margin-inline:auto;display:flex}.site-brand{background:var(--strip);color:var(--text-faint);font-family:var(--display);white-space:nowrap;align-items:center;gap:.45em;margin-right:auto;padding:5px 14px 5px 10px;font-size:1.05rem;font-weight:700;line-height:1.4;text-decoration:none;display:inline-flex;position:relative}:root[data-theme=dark] .site-brand{background:var(--frame-2)}.site-brand img{width:24px;height:24px}.site-brand b{color:var(--berry);letter-spacing:.02em;font-size:1.15em;font-weight:900}.site-brand span{color:var(--text-faint)}:root[data-theme=dark] .site-brand span{color:var(--frame-soft)}.site-brand:hover b{color:var(--berry-deep)}.site-nav{align-items:center;gap:2px;display:flex}.site-nav a{color:var(--frame-soft);font-family:var(--display);white-space:nowrap;padding:8px 11px;font-size:1rem;font-weight:700;text-decoration:none;position:relative}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--frame-text)}.site-nav a[aria-current=page]:after{content:"";background:var(--gold-bright);height:3px;position:absolute;bottom:2px;left:11px;right:11px}.site-nav .nav-join{background:var(--action-bg);color:var(--action-text);margin-left:8px;padding-inline:16px}.site-nav .nav-join:hover{background:var(--action-hover);color:var(--action-text)}.header-tools{align-items:center;gap:10px;display:flex}.site-nav--mobile{display:none}.theme-switcher{background:var(--frame-2);border:0;margin:0;padding:2px;display:flex;position:relative}.theme-switcher legend{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.theme-switcher button{min-width:42px;min-height:36px;color:var(--frame-soft);background:0 0;border:0;padding:0 8px;font-size:.95rem;font-weight:700}.theme-switcher button:hover{color:var(--frame-text)}.theme-switcher button[aria-pressed=true]{background:var(--strip);color:var(--text)}:root[data-theme=dark] .theme-switcher button[aria-pressed=true]{background:var(--frame-line);color:var(--frame-text)}.theme-switcher button:focus-visible{outline-offset:-3px}.site-footer{background:var(--frame);color:var(--frame-soft);border-top:3px solid var(--frame-line);margin-top:96px}.site-footer__inner{width:var(--page);grid-template-columns:minmax(0,1fr) auto;gap:20px 48px;margin-inline:auto;padding-block:40px 48px;font-size:.88rem;display:grid}.site-footer .site-brand{margin-right:0}.site-footer__address{color:var(--frame-text);font-family:var(--mono);margin-top:14px;font-size:1rem}.site-footer__links{flex-wrap:wrap;place-content:start flex-end;gap:4px 20px;display:flex}.site-footer__links a{min-height:40px;color:var(--frame-text);align-items:center;text-decoration:none;display:inline-flex}.site-footer__links a:hover{color:var(--gold-bright);text-decoration:underline}.site-footer__note{max-width:70ch;color:var(--frame-soft);grid-column:1/-1}.site-footer__note a{color:var(--frame-text)}}@layer components{.corners{position:relative}.corners:after{content:"";pointer-events:none;--c:var(--gold-bright);--l:14px;--w:4px;background:linear-gradient(var(--c) 0 0) left top / var(--l) var(--w) no-repeat, linear-gradient(var(--c) 0 0) left top / var(--w) var(--l) no-repeat, linear-gradient(var(--c) 0 0) right top / var(--l) var(--w) no-repeat, linear-gradient(var(--c) 0 0) right top / var(--w) var(--l) no-repeat, linear-gradient(var(--c) 0 0) left bottom / var(--l) var(--w) no-repeat, linear-gradient(var(--c) 0 0) left bottom / var(--w) var(--l) no-repeat, linear-gradient(var(--c) 0 0) right bottom / var(--l) var(--w) no-repeat, linear-gradient(var(--c) 0 0) right bottom / var(--w) var(--l) no-repeat;position:absolute;inset:-4px}.panel{background-color:var(--panel);background-image:radial-gradient(circle at 1px 1px, var(--panel-dot) 1px, transparent 1.5px);border:3px solid var(--frame-line);box-shadow:inset 0 0 0 3px var(--berry-soft);background-size:10px 10px}.strip{background:var(--strip);color:var(--text)}.band{background:var(--action-bg);color:var(--action-text);font-family:var(--display);align-items:center;gap:.5em;padding:4px 14px;font-weight:700;line-height:1.5;display:inline-flex}.button,.button-secondary{min-height:48px;font-family:var(--display);text-align:center;border:0;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:1rem;font-weight:700;line-height:1.3;text-decoration:none;transition:background-color .14s,color .14s,box-shadow .14s,translate .14s;display:inline-flex}.button{background:var(--action-bg);color:var(--action-text);box-shadow:inset 0 -4px 0 var(--berry-deep)}:root[data-theme=dark] .button{box-shadow:inset 0 -4px 0 var(--berry-soft)}.button:hover{background:var(--action-hover);color:var(--action-text);translate:0 -2px}.button:active{translate:0 2px}.button-secondary{background:var(--surface);color:var(--text);box-shadow:inset 0 0 0 2px var(--line-strong), inset 0 -4px 0 var(--line-strong)}.button-secondary:hover{color:var(--berry);box-shadow:inset 0 0 0 2px var(--berry), inset 0 -4px 0 var(--berry);translate:0 -2px}.button:focus-visible,.button-secondary:focus-visible{outline-offset:2px}.server-address{background:var(--strip);color:var(--text);border:3px solid var(--frame);padding:16px 18px 18px;position:relative}:root[data-theme=dark] .server-address{background:var(--surface);border-color:var(--frame-line)}.server-address__label{color:var(--text);font-family:var(--display);font-weight:700}.server-address__row{flex-wrap:wrap;align-items:stretch;gap:10px;margin-top:6px;display:flex}.server-address code{background:var(--surface-quiet);border:2px solid var(--slot-edge);min-height:52px;color:var(--text);letter-spacing:.01em;user-select:all;flex:14rem;align-items:center;padding:8px 14px;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:700;display:flex}.server-address__copy{background:var(--action-bg);min-height:52px;color:var(--action-text);font-family:var(--display);box-shadow:inset 0 -4px 0 var(--berry-deep);border:0;padding:8px 22px;font-size:1rem;font-weight:700}:root[data-theme=dark] .server-address__copy{box-shadow:inset 0 -4px 0 var(--berry-soft)}.server-address__copy:hover{background:var(--action-hover)}.server-address__copy:active{translate:0 2px}.server-address__feedback{color:var(--leaf);margin-top:8px;font-weight:700}.server-address__feedback:empty{display:none}.tag{font-family:var(--display);letter-spacing:.02em;vertical-align:middle;white-space:nowrap;align-items:center;padding:1px 8px;font-size:.95rem;font-weight:700;line-height:1.6;display:inline-flex}.tag--testing{background:var(--gold-soft);color:var(--gold);box-shadow:inset 0 0 0 1px var(--gold)}.tag--open{background:var(--leaf-soft);color:var(--leaf);box-shadow:inset 0 0 0 1px var(--leaf)}.tag--closed{background:var(--surface-quiet);color:var(--text-faint);box-shadow:inset 0 0 0 1px var(--line-strong)}.check-list{color:var(--text-soft);padding-left:1.1em;list-style:square}.check-list li+li{margin-top:6px}.check-list li::marker{color:var(--berry)}.check-list strong{color:var(--text)}.figure-label{color:var(--berry);font-family:var(--display);font-weight:700}.guide-hero{width:var(--page);margin-inline:auto;padding-block:clamp(36px,6vw,72px) 40px}.guide-kicker{color:var(--text-faint);font-family:var(--display);align-items:center;gap:10px;font-size:.95rem;font-weight:700;display:inline-flex}.guide-kicker img{width:32px;height:32px}.guide-layout{width:var(--page);grid-template-columns:208px minmax(0,1fr);align-items:start;gap:56px;margin-inline:auto;display:grid}.guide-rail{top:calc(var(--header-h) + 20px);max-height:calc(100vh - var(--header-h) - 40px);scrollbar-width:thin;position:sticky;overflow-y:auto}.guide-rail ol{border-left:3px solid var(--line);margin-top:6px}.guide-rail a{min-height:40px;color:var(--text-soft);font-family:var(--display);border-left:3px solid #0000;align-items:center;gap:10px;margin-left:-3px;padding:6px 12px;font-size:.95rem;font-weight:700;line-height:1.35;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s;display:flex}.guide-rail a:hover{color:var(--berry);border-left-color:var(--berry)}.guide-rail a[aria-current=location]{color:var(--text);border-left-color:var(--berry);background:var(--berry-soft)}.guide-main{min-width:0}.guide-section{border-top:3px solid var(--line);scroll-margin-top:calc(var(--header-h) + 16px);padding-block:64px}.guide-section:first-child{border-top:0;padding-top:8px}.chapter-heading{max-width:46rem;margin-bottom:30px}.chapter-heading>p{color:var(--berry);font-family:var(--display);align-items:center;gap:8px;font-size:.92rem;font-weight:700;display:inline-flex}.chapter-heading h2{margin-top:6px}.chapter-heading>span{color:var(--text-soft);margin-top:10px;display:block}.notice{background:var(--surface);border:2px solid var(--line);border-top:4px solid var(--berry);margin-top:26px;padding:16px 20px}.notice>strong{font-family:var(--display)}.notice p{color:var(--text-soft);margin-top:5px}.notice--warning{border-top-color:var(--gold-bright)}.ui-figure,.guide-figure{background:var(--panel);border:3px solid var(--frame-line);min-width:0;margin:0}.ui-figure img,.guide-figure img{width:100%;height:auto}.ui-figure img{image-rendering:pixelated}.ui-figure figcaption,.guide-figure figcaption{background:var(--strip);color:var(--text-soft);border-top:3px solid var(--frame-line);padding:8px 12px 9px;font-size:.95rem;line-height:1.6}.ui-figure figcaption strong,.guide-figure figcaption strong{color:var(--berry)}:root[data-theme=dark] .ui-figure figcaption,:root[data-theme=dark] .guide-figure figcaption{background:var(--surface)}}@layer utilities{html.js:not(.motion-ready) [data-hero-panel]{opacity:0}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root:not(.js) [data-js-only]{display:none!important}}@media (width<=1120px){.site-nav{display:none}.site-nav--mobile{display:block;position:relative}.site-nav--mobile summary{background:var(--action-bg);min-width:64px;min-height:40px;color:var(--action-text);font-family:var(--display);cursor:pointer;place-items:center;padding:6px 14px;font-weight:700;list-style:none;display:grid}.site-nav--mobile summary::-webkit-details-marker{display:none}.site-nav--mobile[open] summary{background:var(--strip);color:var(--text)}.site-nav--mobile summary:focus-visible{outline-offset:-3px}.site-nav--mobile nav{background:var(--frame);border:3px solid var(--frame-line);width:min(300px,100vw - 32px);box-shadow:0 18px 40px var(--shadow);padding:8px;display:grid;position:absolute;top:calc(100% + 14px);right:0}.site-nav--mobile a{min-height:48px;color:var(--frame-text);font-family:var(--display);align-items:center;padding:8px 14px;font-size:1.05rem;font-weight:700;text-decoration:none;display:flex}.site-nav--mobile a[aria-current=page]{box-shadow:inset 4px 0 0 var(--gold-bright)}.site-nav--mobile a:hover{background:var(--frame-2)}.guide-layout{grid-template-columns:minmax(0,1fr);gap:0}.guide-rail{max-height:none;margin-bottom:8px;position:static;overflow:visible}.guide-rail ol{border-left:0;flex-wrap:wrap;gap:4px;display:flex}.guide-rail a{background:var(--surface-quiet);border-left:0;min-height:40px;margin-left:0;padding:4px 12px;font-size:.88rem}.guide-rail a:hover{background:var(--berry-soft)}}@media (width<=640px){:root{--page:calc(100vw - 32px);--header-h:58px}body{font-size:1rem}.site-header__inner{gap:8px;width:calc(100vw - 24px)}.site-brand{padding:4px 10px 4px 8px;font-size:.95rem}.site-brand img{width:20px;height:20px}.site-brand span{display:none}.theme-switcher button{min-width:36px;padding:0 4px;font-size:.95rem}.site-footer__inner{grid-template-columns:1fr}.site-footer__links{justify-content:flex-start}.server-address__copy{flex:100%}.guide-section{padding-block:48px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important}}