@import "https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght,SOFT@0,9..144,400..700,50;1,9..144,400..600,50&family=Nunito:wght@400;600;700&display=swap";@import "https://cdn.jsdelivr.net/npm/lxgw-wenkai-webfont@1.7.0/style.css";.mp-slot{aspect-ratio:1;width:100%;perspective:var(--mp-perspective,1100px);transform-style:preserve-3d;--mp-spread:calc(var(--mp-spread-base,0px) + var(--mp-spread-hover,0px));position:relative}.mp-board{transform-style:preserve-3d;transition:transform var(--mp-duration,.52s) var(--mp-ease,cubic-bezier(.22, .92, .24, 1.02));position:absolute;top:50%;left:50%}.mp-piece{transform-style:preserve-3d;--mp-z:calc(var(--mp-z-base,0px) + var(--mp-z-hover,0px));transform:translate3d(calc(var(--mp-ox) * var(--mp-spread)), calc(var(--mp-oy) * var(--mp-spread)), var(--mp-z));transition:transform var(--mp-duration,.52s) var(--mp-ease,cubic-bezier(.22, .92, .24, 1.02));position:absolute;inset:0}.mp-piece__face{background-color:var(--mp-fill,transparent);background-image:var(--mp-img);background-size:var(--mp-zoom,100%) var(--mp-zoom,100%);filter:drop-shadow(0 1px 0 var(--mp-wall-1,#cfaf89)) drop-shadow(0 1px 0 var(--mp-wall-2,#a17952)) drop-shadow(0 1px 0 var(--mp-wall-3,#7e5c3a)) drop-shadow(var(--mp-shadow,0 6px 9px #4a301657));background-position:50%;background-repeat:no-repeat;position:absolute;inset:0}.mp-piece__face:after{content:"";background:linear-gradient(146deg, rgba(255, 255, 255, var(--mp-gloss,.26)) 0%, #fff0 40%), radial-gradient(135% 105% at 50% 120%, rgba(92, 60, 26, var(--mp-ambient,.22)), transparent 56%);position:absolute;inset:0}.mp-piece__seam{pointer-events:none;position:absolute;inset:0}.mp-piece__face:after,.mp-piece__seam{-webkit-mask-image:var(--mp-img);-webkit-mask-image:var(--mp-img);mask-image:var(--mp-img);-webkit-mask-size:var(--mp-zoom,100%) var(--mp-zoom,100%);-webkit-mask-size:var(--mp-zoom,100%) var(--mp-zoom,100%);mask-size:var(--mp-zoom,100%) var(--mp-zoom,100%);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.mp-seam{fill:none}.mp-seam--hi{stroke:var(--mp-seam-hi,#fffcf380);stroke-width:var(--mp-seam-w,2.4)}.mp-seam--lo{stroke:var(--mp-seam-lo,#5636188c);stroke-width:var(--mp-seam-w,2.2)}@media (prefers-reduced-motion:reduce){.mp-piece{transition:none}}:root{--paper:#ede0cd;--paper-hi:#fbf5eb;--ink:#493a2c;--ink-soft:#8a7359;--clay-orange:#de7429;--clay-teal:#2f7f8c;--mp-wall-1:#cfaf89;--mp-wall-2:#a17952;--mp-wall-3:#7e5c3a;--lift:0 2px 0 #ffffffeb inset, 0 -3px 0 #a0846624 inset, 0 14px 22px -10px #5a402657, 0 4px 0 #b2967661}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(130% 70% at 50% -10%, #fffbf3 0%, transparent 58%), radial-gradient(80% 60% at 100% 100%, #e6efe3 0%, transparent 55%), radial-gradient(70% 50% at 0% 92%, #f0e2e7 0%, transparent 52%), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Nunito,PingFang SC,Hiragino Sans GB,sans-serif}body:before{content:"";z-index:900;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.workbench{max-width:1220px;box-shadow:var(--lift);background:linear-gradient(#fdf8f1 0%,#f2e7d6 100%);border-radius:48px;margin:54px auto 90px;padding:78px 44px 52px;position:relative}.workbench:after{content:"";pointer-events:none;border:2px dashed #a0846642;border-radius:36px;position:absolute;inset:15px}.masthead{text-align:center;white-space:nowrap;background:linear-gradient(170deg,#3e8c97,#296976);border-radius:22px;max-width:calc(100% - 140px);padding:15px 44px 17px;position:absolute;top:-30px;left:50%;transform:translate(-50%)rotate(-1.1deg);box-shadow:inset 0 2px #ffffff52,inset 0 -4px #0000002b,0 16px 24px -12px #2a5a6499,0 5px #235b66}.masthead h1{letter-spacing:.17em;color:#fff9ee;text-shadow:0 2px #00000038;margin:0;font-family:LXGW WenKai,Kaiti SC,serif;font-size:clamp(25px,4vw,38px)}.masthead__en{letter-spacing:.26em;text-transform:uppercase;color:#fff9eeb3;margin-top:3px;font-size:10.5px;display:block}.lede{text-align:center;max-width:660px;color:var(--ink-soft);margin:6px auto 30px;font-family:LXGW WenKai,PingFang SC,serif;font-size:15.5px;line-height:2}.lede b{color:var(--clay-orange);font-weight:600}.lede code{white-space:nowrap;color:#6b563f;background:#a0846629;border-radius:6px;padding:1px 6px;font-family:Nunito,monospace;font-size:13px}.toolbar{background:linear-gradient(178deg,#fffdf8,#efe3d0);border-radius:22px;flex-direction:column;gap:13px;margin:0 0 34px;padding:15px 20px;display:flex;box-shadow:inset 0 2px #ffffffe6,inset 0 -2px #a084661f,0 8px 14px -8px #5a40264d}.toolbar__row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.toolbar__row+.toolbar__row{border-top:1px dashed #a084664d;padding-top:13px}.toolbar__label{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);white-space:nowrap;font-size:12px}.toolbar__actions{gap:10px;display:flex}.lang{z-index:6;cursor:pointer;font:inherit;letter-spacing:.12em;color:#6b563f;background:linear-gradient(168deg,#fffcf6,#e8d9c1);border:none;border-radius:99px;padding:7px 16px;font-size:12px;font-weight:700;transition:transform .18s cubic-bezier(.34,1.56,.64,1);position:absolute;top:22px;right:26px;box-shadow:inset 0 2px #ffffffe6,0 6px 10px -6px #5a402666,0 3px #b2967680}.lang:hover{transform:translateY(-2px)}.lang:active{transform:translateY(2px);box-shadow:0 2px 5px -2px #5a402680}html[data-lang=en] .masthead h1{letter-spacing:.02em;font-family:Fraunces,Georgia,serif;font-size:clamp(24px,3.6vw,34px);font-weight:600}html[data-lang=en] .lede,html[data-lang=en] .chip,html[data-lang=en] .cell__zh,html[data-lang=en] .lb-zh{font-family:Nunito,system-ui,sans-serif}html[data-lang=en] .lede{font-size:15px;line-height:1.85}html[data-lang=en] .cell__zh{font-size:14.5px;font-weight:700}html[data-lang=en] .lb-zh{letter-spacing:.01em;font-size:21px;font-weight:700}html[data-lang=zh] .cell__en,html[data-lang=zh] .masthead__en{text-transform:none}html[data-lang=zh] .cell__en{letter-spacing:.04em;font-family:LXGW WenKai,PingFang SC,serif;font-size:11.5px}.cuts{flex-wrap:wrap;flex:1;justify-content:flex-end;gap:8px;display:flex}.chip{cursor:pointer;white-space:nowrap;font:inherit;letter-spacing:.06em;color:#6b563f;background:linear-gradient(168deg,#fffcf6,#e8d9c1);border:none;border-radius:99px;padding:7px 15px;font-family:LXGW WenKai,PingFang SC,serif;font-size:13px;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,color .18s;box-shadow:inset 0 2px #ffffffe6,0 6px 10px -6px #5a402666,0 3px #b2967680}.chip:hover{transform:translateY(-2px)}.chip--on{color:#fff8ec;background:linear-gradient(168deg,#3e8c97,#276874);transform:none;box-shadow:inset 0 2px #ffffff47,inset 0 -3px #00000029,0 6px 10px -6px #276874b3,0 3px #205662}.chip--on:hover{transform:translateY(-1px)}.chip--mix{letter-spacing:.1em;font-weight:700}.chip--file{color:#fff8ec;background:linear-gradient(168deg,#ee8a44,#d2621f);position:relative;overflow:hidden;box-shadow:inset 0 2px #ffffff4d,0 6px 10px -6px #964a1299,0 3px #b4531a}.chip--file input{opacity:0;cursor:pointer;position:absolute;inset:0}.page--dropping:after{content:var(--drop-hint,"Drop to cut it into a jigsaw");z-index:800;pointer-events:none;letter-spacing:.16em;color:#c4611c;background:#fff8ecc7;border:3px dashed #de7429bf;border-radius:34px;place-items:center;font-family:LXGW WenKai,PingFang SC,serif;font-size:22px;display:grid;position:fixed;inset:18px}.cell--custom .cell__no{background:linear-gradient(165deg,#f2903f,#d2621f);box-shadow:inset 0 1px #fff6,0 4px 8px -3px #964a12b3,0 2px #af5019}.cell--custom .cell__zh{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.slider{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);align-items:center;gap:12px;font-size:12px;display:flex}.slider em{font-variant-numeric:tabular-nums;color:var(--clay-orange);font-style:normal;font-weight:700}.slider input[type=range]{appearance:none;background:linear-gradient(#dcc8a9,#eadcc5);border-radius:99px;outline:none;width:190px;height:12px;box-shadow:inset 0 2px 4px #5a402647}.slider input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:grab;background:linear-gradient(165deg,#f2903f,#d2621f);border-radius:50%;width:24px;height:24px;box-shadow:inset 0 2px #fff6,0 5px 8px -3px #964a12b3,0 3px #af5019}.slider input[type=range]::-moz-range-thumb{cursor:grab;background:linear-gradient(165deg,#f2903f,#d2621f);border:none;border-radius:50%;width:24px;height:24px}.pill{cursor:pointer;font:inherit;letter-spacing:.06em;color:#fff8ec;background:linear-gradient(168deg,#ee8a44,#d2621f);border:none;border-radius:99px;padding:10px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;box-shadow:inset 0 2px #ffffff59,0 9px 14px -7px #964a12a8,0 4px #b4531a}.pill:hover{transform:translateY(-2px)}.pill:active{transform:translateY(2px);box-shadow:0 2px 5px -2px #964a12b3}.pill--ghost{color:#6b563f;background:linear-gradient(168deg,#fffcf6,#e9dac2);box-shadow:inset 0 2px #ffffffe6,0 9px 14px -8px #5a402666,0 4px #b296768c}.grid{grid-template-columns:repeat(4,1fr);gap:32px 22px;margin:0;padding:0;list-style:none;display:grid}.cell{position:relative}.cell:hover,.cell:focus-within{z-index:5}.cell__hit{width:100%;font:inherit;color:inherit;text-align:center;cursor:pointer;background:0 0;border:none;border-radius:30px;padding:12px 10px 16px;transition:background .3s;display:block}.cell__hit:hover,.cell__hit:focus-visible{background:#ffffff6b;outline:none;box-shadow:inset 0 1px #fffc}.cell__hit:hover .mp-slot,.cell__hit:focus-visible .mp-slot{--mp-spread-hover:13px}.cell__no{z-index:3;color:#fff7e9;background:linear-gradient(165deg,#3e8c97,#276874);border-radius:50%;place-items:center;width:28px;height:28px;font-size:12.5px;font-weight:700;display:grid;position:absolute;top:4px;left:4px;box-shadow:inset 0 1px #fff6,0 4px 8px -3px #276874b3,0 2px #205662}.cell__zh{z-index:2;letter-spacing:.05em;margin-top:10px;font-family:LXGW WenKai,PingFang SC,serif;font-size:16px;display:block;position:relative}.cell__en{z-index:2;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-soft);margin-top:2px;font-size:10.5px;font-weight:700;line-height:1.4;display:block;position:relative}.foot{text-align:center;letter-spacing:.22em;text-transform:uppercase;color:#8b7660bf;margin-top:44px;font-size:11px}.lightbox{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(.92);backdrop-filter:blur(10px)saturate(.92);background:#38281abd;place-items:center;padding:3vh 5vw;display:grid;position:fixed;inset:0}.lb-card{width:100%;max-width:440px;box-shadow:var(--lift);background:linear-gradient(178deg,#fdf8f0,#efe4d2);border-radius:42px;padding:20px 22px 22px;position:relative}.lb-stage{cursor:grab;background:0 0;border-radius:30px;padding:16px;box-shadow:inset 0 4px 12px #6042221a,inset 0 -2px #ffffff73}.lb-tilt{transform-style:preserve-3d}.lb-stage .mp-piece__face{filter:drop-shadow(0 1px 0 var(--mp-wall-1)) drop-shadow(0 1px 0 #bb9770) drop-shadow(0 1px 0 var(--mp-wall-2)) drop-shadow(0 2px 0 var(--mp-wall-3)) drop-shadow(0 12px 16px #4a30166b)}.lb-stage .mp-piece:hover{--mp-z-hover:40px}.lb-meta{text-align:center;margin-top:6px}.lb-no{letter-spacing:.3em;text-transform:uppercase;color:var(--clay-teal);font-size:11px;font-weight:700}.lb-zh{letter-spacing:.09em;margin:3px 0 4px;font-family:LXGW WenKai,PingFang SC,serif;font-size:23px;font-weight:400}.lb-en{color:var(--clay-orange);margin:0;font-family:Fraunces,serif;font-size:15px;font-style:italic}.lb-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:18px;display:flex}.lb-controls .slider input[type=range]{width:130px}.seed{letter-spacing:.18em;text-transform:uppercase;color:#8b7660cc;font-size:10.5px}.lb-hint{text-align:center;letter-spacing:.18em;text-transform:uppercase;color:#8b7660b3;margin:14px 0 0;font-size:10.5px}.btn{cursor:pointer;color:var(--ink);background:linear-gradient(168deg,#fffcf6,#eadcc6);border:none;place-items:center;transition:transform .2s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;box-shadow:inset 0 2px #ffffffe6,0 10px 16px -8px #46322080,0 4px #b296768c}.btn--nav{border-radius:50%;width:54px;height:54px;font-size:24px;line-height:1;top:46%;transform:translateY(-50%)}.btn--prev{left:-68px}.btn--next{right:-68px}.btn--nav:hover{transform:translateY(-50%)scale(1.12)}.btn--close{color:#fff8ec;background:linear-gradient(168deg,#ee8a44,#d2621f);border-radius:50%;width:42px;height:42px;font-size:18px;top:-16px;right:-16px;box-shadow:inset 0 2px #ffffff59,0 10px 16px -8px #964a12b3,0 4px #b4531a}.btn--close:hover{transform:scale(1.12)rotate(90deg)}@media (width<=1000px){.grid{grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.workbench{border-radius:34px;margin:42px 12px 60px;padding:66px 16px 40px}.workbench:after{border-radius:26px;inset:9px}.grid{grid-template-columns:repeat(2,1fr);gap:16px 12px}.toolbar{justify-content:center}.btn--prev{left:4px}.btn--next{right:4px}.btn--nav{width:44px;height:44px}.lb-card{border-radius:32px;padding:18px 16px 20px}}@media (prefers-reduced-motion:reduce){.pill,.btn{transition:none}}