@font-face{font-family:GenSeki Gothic;src:url(/fonts/genseki-r-33992650.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:GenSeki Gothic;src:url(/fonts/genseki-b-8f586af7.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:YSTUDIO Hand;src:url(/fonts/hand-709e6590.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}:root{--paper:#f3ece0;--card:#fbf8f2;--ink:#2a201b;--muted:#7a6a5e;--line:#e4d8c6;--rust:#8c4a35;--rust-deep:#6e3626;--gold:#c29a5b;--gold-deep:#94703a;--ok:#4f6f4a;--bad:#a5463a;--brass:var(--gold);--brass-deep:var(--gold-deep);--font:"GenSeki Gothic","PingFang TC","Noto Sans TC","Microsoft JhengHei",sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font);line-height:1.8;letter-spacing:.02em;-webkit-font-smoothing:antialiased}img{max-width:100%}.bd-page{min-height:100vh;display:flex;flex-direction:column}.bd-shell{width:100%;max-width:720px;margin:0 auto;padding:0 16px;flex:1 1}.bd-hero{position:relative;overflow:hidden;isolation:isolate;min-height:min(78vh,640px);display:flex;align-items:center;justify-content:center;padding:48px 16px 64px;text-align:center;color:#fff}.bd-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.bd-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at center,rgba(42,20,12,.35) 0,rgba(42,20,12,.7) 75%),linear-gradient(180deg,rgba(42,20,12,.25),rgba(42,20,12,.55))}.bd-hero-inner{max-width:820px}.bd-title{margin:10px 0 0;font-weight:700;letter-spacing:.08em;line-height:1.35;font-size:clamp(26px,6.4vw,42px);text-shadow:0 2px 18px rgba(0,0,0,.35);text-wrap:balance;word-break:keep-all}.bd-tagline{display:inline-flex;align-items:center;gap:14px;margin:14px 0 0;font-size:15px;letter-spacing:.2em;color:rgba(255,255,255,.9);text-wrap:balance}.bd-tagline:after,.bd-tagline:before{content:"";flex:none;width:28px;height:1px;background:var(--gold)}@media (max-width:520px){.bd-tagline{font-size:14px;letter-spacing:.12em;gap:10px}.bd-tagline:after,.bd-tagline:before{width:16px}}.bd-hero.is-compact{min-height:0;padding:28px 16px 36px}.bd-hero.is-compact .bd-title{font-size:clamp(20px,5vw,26px);margin-top:4px}.bd-hero.is-compact .bd-tagline{display:none}.bd-progress{display:flex;justify-content:center;gap:8px;list-style:none;padding:0;margin:24px 0 0;font-size:14px;color:var(--muted)}.bd-progress li{display:flex;align-items:center;gap:6px;white-space:nowrap}.bd-progress li+li:before{content:"";width:20px;height:1px;background:var(--line);margin-right:2px}.bd-progress-num{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:inline-grid;place-items:center;font-size:12px;line-height:1}.bd-progress .is-current{color:var(--ink);font-weight:700}.bd-progress .is-current .bd-progress-num{border-color:var(--rust);color:var(--rust)}.bd-progress .is-done .bd-progress-num{background:var(--gold);border-color:var(--gold);color:#fff}.bd-back{display:inline-flex;align-items:center;gap:4px;margin:16px 0 -8px;padding:6px 10px 6px 4px;font:inherit;font-size:14px;letter-spacing:.1em;color:var(--muted);background:none;border:0;border-radius:4px;cursor:pointer}.bd-back span{font-size:20px;line-height:1;margin-top:-2px}.bd-back:hover{color:var(--rust)}.bd-back:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bd-hero-home{color:inherit;text-decoration:none;border-radius:6px}.bd-footer-home:focus-visible,.bd-hero-home:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.bd-footer-home{display:inline-block;border-radius:6px}.bd-footer-home:hover .bd-footer-logo{opacity:.9}.bd-card{position:relative;margin-top:24px;background:var(--card);border-radius:4px;padding:36px 28px 32px;box-shadow:0 1px 2px rgba(60,30,15,.06),0 12px 32px -12px rgba(60,30,15,.18)}.bd-card:before{content:"";position:absolute;inset:8px;border:1px solid var(--gold);border-radius:2px;opacity:.55;pointer-events:none}.bd-intro{margin-top:-40px}.bd-keyhole{display:block;width:40px;height:24px;margin:0 auto 10px}.bd-keyhole path:first-child{fill:var(--gold)}.bd-keyhole circle,.bd-keyhole path+path{fill:var(--card)}.bd-h2{margin:0 0 6px;font-size:21px;font-weight:700;letter-spacing:.12em}.bd-h2,.bd-hint{text-align:center}.bd-hint{margin:0 0 22px;color:var(--muted);font-size:14px}.bd-figure{margin:-20px -14px 24px;position:relative}.bd-figure img{display:block;width:100%;height:auto;border-radius:2px}.bd-figure-banner img{aspect-ratio:16/7;object-fit:cover}.bd-lead{margin:0;font-size:15px;line-height:1.9;color:var(--muted);text-align:center;word-break:keep-all}.bd-line{display:block;text-wrap:balance}.bd-note{position:relative;max-width:440px;margin:6px auto 22px;padding:30px 28px 22px;background:#fffdf8;border-radius:2px;transform:rotate(-1.2deg);box-shadow:0 1px 2px rgba(60,30,15,.08),0 14px 28px -16px rgba(60,30,15,.4)}.bd-note .bd-keyhole{position:absolute;top:-12px;left:50%;margin:0;transform:translateX(-50%)}.bd-note .bd-keyhole circle,.bd-note .bd-keyhole path+path{fill:#fffdf8}.bd-note blockquote{width:-moz-fit-content;width:fit-content;max-width:100%;margin:0 auto;padding:0 .4em;font-family:"YSTUDIO Hand",var(--font);font-size:clamp(21px,2.4vw,25px);line-height:44px;letter-spacing:.05em;color:var(--rust-deep);text-align:left;background-image:repeating-linear-gradient(transparent 0 43px,rgba(148,112,58,.2) 43px 44px)}.bd-note blockquote span{display:block}.bd-note blockquote span+span{padding-left:1.2em}.bd-done p,.bd-feedback p,.bd-hint,.bd-lead,.bd-question,.bd-rules li,.bd-tagline,.bd-title{white-space:pre-line}.bd-intro-list{list-style:none;counter-reset:step;padding:0;margin:24px 0 28px;display:grid;grid-gap:10px;gap:10px}.bd-intro-list li{counter-increment:step;display:grid;grid-template-columns:32px 1fr;grid-gap:0 12px;gap:0 12px;align-items:baseline;padding:12px 14px;background:var(--paper);border-radius:4px}.bd-intro-list li:before{content:counter(step);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--gold);color:var(--gold-deep);font-size:13px;line-height:1;align-self:center}.bd-intro-list strong{margin-right:10px;letter-spacing:.08em}.bd-intro .bd-btn{display:flex;margin:0 auto}.bd-btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-width:168px;height:54px;padding:0 36px;border:0;border-radius:999px;cursor:pointer;background:transparent;color:#fff;font:inherit;font-size:15px;font-weight:700;letter-spacing:.3em;line-height:1.4;box-shadow:0 10px 24px -12px rgba(110,54,38,.85);transition:transform .15s,box-shadow .3s}.bd-btn:after,.bd-btn:before{content:"";position:absolute;inset:0;border-radius:inherit}.bd-btn:before{background:linear-gradient(180deg,var(--rust) 0,var(--rust-deep) 100%);box-shadow:inset 2px 4px 16px rgba(255,240,220,.14)}.bd-btn:after{z-index:2;pointer-events:none;border:1px solid rgba(240,210,160,.9);opacity:.55;-webkit-mask-image:linear-gradient(170deg,#000,transparent 55%);mask-image:linear-gradient(170deg,#000,transparent 55%)}.bd-btn__title{position:relative;z-index:4;padding-left:.3em}.bd-btn__circle{position:absolute;z-index:3;width:200px;height:200px;top:calc(50% - 100px);left:calc(50% - 100px);pointer-events:none}.bd-btn__circle:after,.bd-btn__circle:before{content:"";position:absolute;inset:0;border-radius:50%}.bd-btn__circle:before{background:conic-gradient(from 180deg,rgba(196,108,76,0) 180deg,rgba(196,108,76,.6) 1turn);filter:blur(15px);animation:bd-btn-orbit 3.6s linear infinite;transition:opacity .5s}.bd-btn__circle:after{inset:30px;background:rgba(200,116,84,.75);opacity:0;filter:blur(6px);transform:scale(.5);transition:opacity .5s,transform .7s;-webkit-mask-image:radial-gradient(50% 50% at 50% 50%,#000,transparent);mask-image:radial-gradient(50% 50% at 50% 50%,#000,transparent)}.bd-btn:hover:not(:disabled) .bd-btn__circle:before{opacity:0}.bd-btn:hover:not(:disabled) .bd-btn__circle:after{opacity:1;transform:scale(1)}.bd-btn:hover:not(:disabled){box-shadow:0 14px 28px -12px rgba(110,54,38,.95)}.bd-btn:active:not(:disabled){transform:scale(.98)}.bd-btn:disabled{opacity:.55;cursor:default}.bd-btn:disabled .bd-btn__circle{display:none}@keyframes bd-btn-orbit{0%{transform:translate(0) rotate(0)}25%{transform:translate(-30px) rotate(90deg)}50%{transform:translate(0) rotate(180deg)}75%{transform:translate(30px) rotate(270deg)}to{transform:translate(0) rotate(1turn)}}.bd-btn:focus-visible,.bd-chip:focus-visible,.bd-option:focus-visible{outline:2px solid var(--gold);outline-offset:2px}.bd-match{position:relative;display:grid;grid-template-columns:1fr 1fr;grid-gap:0 clamp(28px,10vw,80px);gap:0 clamp(28px,10vw,80px)}.bd-match-lines{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible}.bd-match-lines line{stroke:var(--gold);stroke-width:1.5}.bd-match-col{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.bd-match-col li{flex:1 1;display:flex}.bd-chip{width:100%;text-align:left;font:inherit;font-size:14px;line-height:1.55;cursor:pointer;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:10px 12px;transition:border-color .2s,background .2s,box-shadow .2s}.bd-chip:hover:not(:disabled){border-color:var(--gold)}.bd-chip.is-active{border-color:var(--rust);box-shadow:0 0 0 1px var(--rust)}.bd-chip.is-matched{border-color:var(--gold);background:var(--card);color:var(--muted);cursor:default}.bd-chip-name{display:flex;align-items:center;font-size:15px}.bd-chip-name:disabled:not(.is-matched){cursor:default}.bd-chip-photo{display:flex;align-items:center;justify-content:center;height:120px;padding:6px;background:#e8e1d4;overflow:hidden}.bd-chip-photo img{width:100%;height:100%;object-fit:contain;display:block}.bd-chip-photo.is-matched{background:#e8e1d4;opacity:.7}.bd-chip.is-wrong{border-color:var(--bad);animation:bd-shake .4s}@keyframes bd-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}.bd-status{text-align:center;color:var(--muted);font-size:14px;margin:18px 0 0}.bd-puzzle{position:relative;width:100%;max-width:560px;margin:0 auto;background:rgba(148,112,58,.06);border-radius:2px}.bd-piece{position:absolute;padding:0;border:0;background:none;cursor:-webkit-grab;cursor:grab;pointer-events:none;touch-action:none;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;filter:drop-shadow(0 0 .6px rgba(255,255,255,.95)) drop-shadow(0 2px 3px rgba(60,30,15,.28));transform:scale(.93);transition:transform .5s ease,filter .3s}.bd-piece-paper{position:absolute;inset:0;pointer-events:auto;background-repeat:no-repeat}.bd-piece.is-selected{z-index:2;filter:drop-shadow(0 0 1px var(--rust)) drop-shadow(0 0 1px var(--rust)) drop-shadow(0 0 2px var(--rust)) drop-shadow(0 4px 6px rgba(60,30,15,.3))}.bd-piece.is-dragging{cursor:-webkit-grabbing;cursor:grabbing;z-index:5;transition:filter .3s;filter:drop-shadow(0 0 .6px rgba(255,255,255,.95)) drop-shadow(0 12px 16px rgba(60,30,15,.4))}.bd-piece:focus-visible{outline:none;z-index:3;filter:drop-shadow(0 0 1px var(--gold)) drop-shadow(0 0 1px var(--gold)) drop-shadow(0 0 2px var(--gold))}.bd-puzzle.is-solved .bd-piece{transform:none;cursor:default;filter:none}.bd-puzzle.is-solved{background:none}.bd-letter{margin-top:24px;animation:bd-rise .8s ease both}.bd-letter-paper{padding:24px 22px;background:#fffdf8;border-radius:2px;box-shadow:0 1px 2px rgba(60,30,15,.08),0 10px 24px -14px rgba(60,30,15,.35)}.bd-letter-paper h3{margin:0 0 12px;font-size:16px;font-weight:700;letter-spacing:.12em}.bd-letter-paper p{margin:0;line-height:34px;white-space:pre-line;letter-spacing:.06em;background-image:repeating-linear-gradient(transparent 0 33px,rgba(148,112,58,.18) 33px 34px)}.bd-letter-note{margin-top:28px;text-align:center}.bd-letter-note h3{display:flex;align-items:center;justify-content:center;gap:12px;margin:0 0 10px;font-size:13px;font-weight:700;letter-spacing:.2em;color:var(--gold-deep)}.bd-letter-note h3:after,.bd-letter-note h3:before{content:"";width:24px;height:1px;background:var(--gold)}.bd-letter-note p{margin:0;color:var(--muted);white-space:pre-line}.bd-letter-closing,.bd-letter-note p{word-break:keep-all;text-wrap:balance}.bd-letter-closing{margin:22px 0 0;text-align:center;font-weight:700;letter-spacing:.1em;color:var(--rust)}@keyframes bd-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.bd-quiz{border:0;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.bd-question{font-size:18px;font-weight:700;line-height:1.6;margin-bottom:14px;padding:0}.bd-option{font:inherit;text-align:left;cursor:pointer;padding:13px 16px;border-radius:4px;border:1px solid var(--line);background:var(--paper);color:var(--ink);transition:border-color .2s}.bd-option:hover:not(:disabled){border-color:var(--gold)}.bd-option.is-ok{border-color:var(--ok);background:#edf2ea;color:var(--ok);font-weight:700}.bd-option.is-wrong{border-color:var(--bad);color:var(--muted);text-decoration:line-through}.bd-option.is-partial{border-color:var(--gold);background:#faf3e6;color:var(--ink)}.bd-option:disabled{cursor:default}.bd-question-note{display:block;margin-top:2px;font-size:13px;font-weight:400;color:var(--muted)}.bd-option--check{display:flex;align-items:center;gap:12px}.bd-option--check:before{content:"";flex:none;width:18px;height:18px;border-radius:3px;border:1.5px solid var(--line);background:var(--card) center /12px no-repeat}.bd-option--check.is-picked{border-color:var(--rust);background:#f6ebe5}.bd-other-input{font:inherit;font-size:16px;line-height:1.7;padding:10px 14px;margin-top:-2px;resize:vertical;border:1px solid var(--rust);border-radius:4px;background:var(--card);color:var(--ink)}.bd-other-input:focus{outline:none;box-shadow:0 0 0 3px rgba(140,74,53,.15)}.bd-option--check.is-picked:before{border-color:var(--rust);background-color:var(--rust);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M2 6.5 5 9l5-6' fill='none' stroke='%23fff' stroke-width='2'/%3E%3C/svg%3E")}.bd-feedback{margin-top:20px;text-align:center}.bd-feedback p{margin:0 0 16px}.bd-feedback.is-wrong{color:var(--bad)}.bd-feedback.is-partial{color:var(--gold-deep)}.bd-form{display:grid;grid-gap:14px;gap:14px}.bd-field{display:grid;grid-gap:4px;gap:4px;font-size:14px}.bd-field input,.bd-field textarea{font:inherit;font-size:16px;padding:11px 12px;border-radius:4px;border:1px solid var(--line);background:var(--paper);color:var(--ink)}.bd-field textarea{resize:vertical;min-height:104px;line-height:1.7}.bd-field input:focus,.bd-field textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(194,154,91,.2)}.bd-check{display:flex;gap:8px;align-items:flex-start;font-size:14px}.bd-check input{margin-top:6px;accent-color:var(--rust)}.bd-error{color:var(--bad);font-size:13px;margin:0}.bd-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.bd-form .bd-btn{justify-self:center;margin-top:8px}.bd-submit-slow{margin:-4px 0 0;text-align:center;font-size:13px;color:var(--muted)}.bd-notice{border:1px solid var(--line);border-radius:4px;background:var(--paper);font-size:13px}.bd-notice summary{cursor:pointer;padding:10px 12px;color:var(--gold-deep)}.bd-notice dl{margin:0;padding:0 12px 12px;max-height:240px;overflow-y:auto}.bd-notice dl>div{display:grid;grid-template-columns:7em 1fr;grid-gap:8px;gap:8px;padding:6px 0;border-top:1px dashed var(--line)}.bd-notice dt{color:var(--muted)}.bd-notice dd{margin:0}.bd-done{text-align:center}.bd-rules{margin-top:32px;padding:0 4px;color:var(--muted);font-size:13px;line-height:1.85}.bd-rules h2{display:flex;align-items:center;gap:12px;margin:0 0 12px;font-size:15px;font-weight:700;letter-spacing:.2em;color:var(--ink)}.bd-rules h2:after{content:"";flex:1 1;height:1px;background:var(--line)}.bd-rules ol{margin:0;padding-left:1.6em;display:grid;grid-gap:6px;gap:6px}.bd-rules li{padding-left:2px;text-wrap:pretty}.bd-rules li::marker{color:var(--gold-deep)}.bd-footer{text-align:center;color:var(--muted);font-size:12px;padding:48px 16px 40px;letter-spacing:.06em}.bd-footer-logo{display:block;width:92px;height:auto;opacity:.72;transition:opacity .2s}.bd-footer p{margin:10px 0 0}@media (max-width:520px){.bd-card{padding:32px 18px 28px}.bd-figure{margin:-16px -8px 20px}.bd-match{gap:0 24px}.bd-chip{font-size:13px;padding:8px 10px}.bd-chip-photo{height:96px}.bd-progress{font-size:12px}.bd-progress li+li:before{width:14px}.bd-progress .bd-progress-label{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%)}.bd-progress .is-current .bd-progress-label{position:static;width:auto;height:auto;-webkit-clip-path:none;clip-path:none}.bd-notice dl>div{grid-template-columns:1fr;gap:0}.bd-note{margin:4px 2px 20px;padding:26px 18px 14px}.bd-note blockquote{font-size:19px;line-height:40px;letter-spacing:.02em;background-image:repeating-linear-gradient(transparent 0 39px,rgba(148,112,58,.2) 39px 40px)}.bd-note blockquote span+span{padding-left:0}.bd-intro-list li{grid-template-columns:28px 1fr}.bd-intro-list strong{display:block;margin:0}}@media (prefers-reduced-motion:reduce){.bd-btn__circle:before,.bd-chip.is-wrong,.bd-letter{animation:none}.bd-piece{transition:none}}