/* 编梁成桥：沿用首页宣纸、青绿与木作色彩，所有舞台动画均为轻量 SVG / CSS。 */
#weave-screen{max-width:1440px;margin:0 auto;padding:10px 5.5% 35px;animation:weave-enter .8s ease-out}.weave-heading{position:relative;text-align:center;margin:2px 0 26px}.weave-heading>.eyebrow{justify-content:center;font-size:10px}.weave-heading h1{font:400 48px/1.45 var(--serif);letter-spacing:8px;margin:10px 0 7px}.weave-heading>p:last-child{font-size:11px;color:#8a8e7b;letter-spacing:1.5px;line-height:1.9}.weave-heading .back-button{left:0;top:0}.weave-layout{display:grid;grid-template-columns:minmax(0,1fr) 218px;gap:40px;align-items:start}.weave-workbench{min-width:0;border:1px solid #cdd1bd;background:#eeeee1;position:relative}.weave-topline{height:53px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-bottom:1px solid #d4d6c5;color:#879078;font-size:10px;letter-spacing:1.2px}.weave-topline>span:first-child{color:#6b7d60;display:flex;align-items:center;gap:10px}.weave-topline i{font-family:Georgia,serif;font-size:9px;letter-spacing:1px;color:#a0a58c;font-style:normal}.weave-topline .timer-wrap time{font-size:13px}.weave-status-dot{width:5px;height:5px;background:#8d9c74;border-radius:50%;box-shadow:0 0 0 4px #8d9c7412}.weave-board{position:relative;isolation:isolate;aspect-ratio:1000/800;overflow:hidden;background:#f1f0e5;user-select:none;-webkit-user-select:none}.weave-landscape,.weave-finished-art{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;object-fit:contain}.weave-landscape{z-index:-2;opacity:.9;transition:filter 2s,opacity 2s}.weave-finished-art{z-index:4;clip-path:inset(0 100% 0 0);opacity:0;filter:drop-shadow(0 8px 7px #6d583b10)}.weave-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;touch-action:pan-y}.weave-svg text{font-family:var(--serif);pointer-events:none}.weave-tray-rule{stroke:#b8c1a6;stroke-width:1;opacity:.65}.weave-tray-name{font-size:16px;letter-spacing:9px;fill:#7e8f6f}.weave-tray-tip{font-size:13px;letter-spacing:1px;fill:#a0a58d}.weave-tray-home{fill:#e8e9d96b;stroke:#d0d5bf;stroke-width:1;stroke-dasharray:4 7}.weave-tray-caption{font-size:12px;letter-spacing:2px;fill:#929b82}.weave-target{cursor:pointer;outline:none}.weave-target .weave-target-outline{fill:#cfd8bf33;stroke:#879877;stroke-width:1.7;stroke-dasharray:6 7;transition:fill .25s,stroke .25s,opacity .35s}.weave-target text{fill:#758668;opacity:.8;font-size:20px}.weave-target.is-active .weave-target-outline{fill:#c9aa6350;stroke:#ae7b42;stroke-width:2.5;stroke-dasharray:4 5;animation:weave-breathe 1.8s ease-in-out infinite}.weave-target.is-active text{fill:#8f5a33;opacity:1}.weave-target.is-filled{opacity:0;pointer-events:none}.weave-target:focus-visible .weave-target-outline{stroke:#a4513c;stroke-width:4}.weave-piece{cursor:grab;outline:none;touch-action:none;transition:filter .2s;filter:drop-shadow(0 5px 3px #483c3525)}.weave-piece .weave-hit{fill:transparent;stroke:none;pointer-events:all}.weave-piece-body{transform-box:fill-box;transform-origin:center;transition:filter .25s}.weave-piece.is-selected .weave-piece-body{filter:drop-shadow(0 0 5px #c8954f8c)}.weave-piece.is-dragging{cursor:grabbing;filter:drop-shadow(0 16px 9px #42392233);z-index:10}.weave-piece.is-dragging .weave-piece-body{filter:brightness(1.07)}.weave-piece:focus-visible .weave-piece-body{filter:drop-shadow(0 0 4px #a4513c)}.weave-piece.is-joined{cursor:default;pointer-events:none}.weave-piece.is-joined .weave-piece-body{animation:weave-lock .6s cubic-bezier(.2,.8,.3,1) both}.weave-piece.is-returning .weave-piece-body{animation:weave-soft-return .5s ease-out}.weave-join-burst{pointer-events:none;fill:none;stroke:#b28c49;stroke-width:2;animation:weave-burst .85s ease-out both;transform-box:fill-box;transform-origin:center}.weave-join-burst circle{opacity:.65}.weave-join-burst circle:first-child{stroke:#f5e7b2;stroke-width:5}.weave-join-burst path{stroke-width:2;stroke-linecap:round}.weave-board[data-count="1"] .weave-landscape{opacity:.92}.weave-board[data-count="3"] .weave-landscape{opacity:.97}.weave-board.is-forming .weave-finished-art,.weave-board.is-finished .weave-finished-art{opacity:1;animation:weave-bridge-reveal 3.7s .35s cubic-bezier(.25,.46,.45,.94) both}.weave-board.is-finished .weave-finished-art{clip-path:inset(0);animation:none}.weave-board.is-forming #weave-pieces,.weave-board.is-forming #weave-targets,.weave-board.is-finished #weave-pieces,.weave-board.is-finished #weave-targets{opacity:0;transition:opacity 1.4s 1s;pointer-events:none}.weave-board.is-forming .weave-tray,.weave-board.is-finished .weave-tray{opacity:0;transition:opacity 1s}.weave-board.is-forming .weave-landscape{animation:weave-landscape-awaken 4.5s ease-out both}.weave-dawn{position:absolute;inset:0;z-index:5;pointer-events:none;opacity:0;background:radial-gradient(ellipse at 49% 41%,#fbe8af77 0,transparent 65%);mix-blend-mode:screen}.weave-board.is-forming .weave-dawn{animation:weave-dawn 3.5s ease-in-out}.weave-ripple{position:absolute;left:32%;top:62%;width:36%;height:4%;border:1px solid #879e8040;border-radius:50%;opacity:0;pointer-events:none;z-index:3}.weave-board.is-forming .weave-ripple{animation:weave-ripple 3.7s .5s ease-out both}.weave-board.is-forming .weave-ripple.second{animation-delay:1.2s}.weave-film-title{position:absolute;left:0;right:0;top:74%;z-index:6;text-align:center;pointer-events:none;opacity:0}.weave-film-title>span{display:block;font:40px/1.5 var(--serif);letter-spacing:13px;color:#345146}.weave-film-title>small{display:block;font:10px/2 Georgia,serif;letter-spacing:4px;color:#8e987f;margin-top:8px}.weave-board.is-forming .weave-film-title{animation:weave-title-reveal 1.8s 2.8s ease-out both}.weave-board.is-finished .weave-film-title{opacity:1}.weave-board.is-finished .weave-landscape{opacity:1}.weave-message{min-height:56px;border-top:1px solid #d5d7c5;font-size:11px;line-height:1.9;color:#7e876e;text-align:center;padding:13px 16px;display:flex;align-items:center;justify-content:center}.weave-guide{padding:22px 0 0}.weave-guide>.eyebrow{font-size:9px;letter-spacing:3px}.weave-guide h2{font:400 34px/1.5 var(--serif);letter-spacing:4px;margin:17px 0 20px}.weave-guide-poem{color:#969a85;font-size:10px;line-height:2.1;letter-spacing:1px;padding-bottom:26px}.weave-progress-row{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1px;color:#858f74}.weave-progress-row strong{font:14px Georgia,serif;color:#405c47}.weave-progress-track{height:3px;background:#daddca;margin:12px 0 19px}.weave-progress-track>span{display:block;width:0;height:100%;background:linear-gradient(90deg,#99aa82,#a88950);transition:width .6s}.weave-seals{display:flex;gap:9px;justify-content:space-between;margin-bottom:26px}.weave-seals>span{display:flex;align-items:center;justify-content:center;width:28px;height:34px;border:1px solid #d1d6c1;font:16px var(--serif);color:#a0a58f;transition:background .4s,color .4s,transform .4s}.weave-seals>span.is-done,.weave-seals>span.done{background:#3c5b4b;border-color:#3c5b4b;color:#eee8d4;transform:translateY(-2px)}.weave-principles{border-top:1px solid var(--line);padding:19px 0 6px;display:grid;gap:18px}.weave-principles>div{display:flex;gap:12px;align-items:baseline}.weave-principles b{font:20px var(--serif);color:#9f6849}.weave-principles p{font-size:10px;line-height:1.9;color:#8f9880;letter-spacing:.5px}.weave-principles strong{color:#566e54;font-weight:400;font-size:11px;letter-spacing:1px}.weave-guide-actions{display:grid;gap:8px;margin-top:22px}.weave-guide-actions .text-button{color:#8b937c;font-size:10px}.weave-audio-button{font-size:10px;color:#8a947e;display:flex;gap:7px;justify-content:center;align-items:center;min-height:36px;letter-spacing:1px}.weave-audio-button>span{width:4px;height:4px;background:#a7ae98;border-radius:50%}.weave-audio-button[aria-pressed="true"]>span{background:#7d9470;box-shadow:0 0 0 4px #7d947012}.weave-disclosure{max-width:780px;text-align:center;margin:22px auto 0;color:#9b9e8b;font-size:9px;line-height:2;letter-spacing:1px}.weave-disclosure span{display:block;color:#7e8c70;font-family:var(--serif);font-size:13px;letter-spacing:3px;margin-bottom:5px}.weave-finale{margin:32px auto 5px;max-width:900px;position:relative;text-align:center;padding:35px 25px 30px;border-top:1px solid #cfd4bc;animation:weave-title-reveal 1s both;scroll-margin-top:25px}.weave-finale .eyebrow{justify-content:center;font-size:9px;letter-spacing:4px}.weave-finale h2{font:400 34px/1.9 var(--serif);letter-spacing:5px;margin:15px 0;color:#3b594b}.weave-finale h2 span{display:block}.weave-finale>p:not(.eyebrow){color:#92977e;font-size:11px;line-height:2;letter-spacing:1px}.weave-finale-seal{font:17px/1.3 var(--serif);color:#a06347;border:1px solid #b68d7199;padding:8px;display:inline-block;transform:rotate(-5deg);margin:12px 0 14px}.weave-final-actions{display:flex;justify-content:center;align-items:center;gap:25px;flex-wrap:wrap;margin-top:23px}.weave-final-actions .primary-button{min-height:48px;letter-spacing:2px;font-size:12px}.weave-final-actions>.text-button{font-size:11px;color:#8a947c}.weave-final-time{font-family:Georgia,serif;letter-spacing:1px;color:#8c7d53;margin-left:8px}#success-dialog [data-replay]{color:#697e63;border:1px solid #c9cfb7;background:transparent;margin-top:10px;min-height:44px;font-size:12px}#success-dialog [data-weave-open]{font-size:12px;letter-spacing:1px}#success-dialog .success-stat{padding:17px 0}.header-nav{gap:28px}.header-nav .nav-weave{white-space:nowrap}.weave-active .nav-game{color:#767f70}.weave-active .nav-game::after{display:none}
@keyframes weave-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes weave-lock{0%{transform:translateY(-12px);filter:brightness(1.25)}40%{transform:translateY(2px);filter:brightness(1.12)}70%{transform:translateY(-1px)}100%{transform:translateY(0);filter:brightness(1)}}@keyframes weave-soft-return{0%{opacity:.55}100%{opacity:1}}@keyframes weave-breathe{50%{fill:#c9aa636b;stroke:#a77536}}@keyframes weave-burst{from{opacity:1;scale:.6}to{opacity:0;scale:1.6}}@keyframes weave-bridge-reveal{0%{clip-path:inset(0 100% 0 0);opacity:0;transform:translateY(7px)}12%{opacity:1}100%{clip-path:inset(0);opacity:1;transform:translateY(0)}}@keyframes weave-landscape-awaken{0%{filter:saturate(.6)}65%{filter:saturate(1.3)}100%{filter:saturate(1)}}@keyframes weave-dawn{0%{opacity:0}38%{opacity:1}100%{opacity:0}}@keyframes weave-ripple{0%{opacity:0;scale:.5}25%{opacity:.8}100%{opacity:0;scale:2.8}}@keyframes weave-title-reveal{from{opacity:0;transform:translateY(14px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
.weave-piece.is-placed{cursor:default;pointer-events:none}.weave-film-title>span{font-size:28px;letter-spacing:5px;line-height:1.8}.weave-film-title{top:73%}
@media(min-width:1500px){#weave-screen{max-width:1380px}.weave-layout{grid-template-columns:minmax(0,1fr) 230px;gap:48px}}
@media(max-width:1100px){#weave-screen{padding-left:4%;padding-right:4%}.weave-layout{grid-template-columns:minmax(0,1fr) 190px;gap:28px}.weave-guide h2{font-size:29px}.weave-guide-poem{padding-bottom:20px}.weave-guide{padding-top:15px}.weave-seals{gap:5px}.weave-seals>span{width:25px;height:31px}.weave-principles{gap:13px}.weave-principles b{font-size:18px}.weave-guide-actions{margin-top:17px}.weave-heading h1{font-size:42px}.header-nav{gap:20px;font-size:12px}}
@media(max-width:760px){#weave-screen{padding:2px 12px 28px}.weave-heading{text-align:left;padding:0 8px;margin-bottom:20px}.weave-heading>.eyebrow{justify-content:flex-start;font-size:8px;letter-spacing:2px}.weave-heading .back-button{position:static;display:block;padding:7px 0;margin:0 0 10px;font-size:15px}.weave-heading h1{font-size:38px;letter-spacing:6px;margin-top:9px;line-height:1.4}.weave-heading>p:last-child{font-size:10px;letter-spacing:.5px;line-height:2;max-width:310px}.weave-layout{display:flex;flex-direction:column;gap:0}.weave-workbench{width:100%}.weave-topline{height:43px;padding:0 12px;font-size:9px;letter-spacing:.5px}.weave-topline i{display:none}.weave-topline .timer-wrap{font-size:8px}.weave-topline .timer-wrap time{font-size:12px;letter-spacing:1px}.weave-board{aspect-ratio:1000/800}.weave-message{font-size:10px;min-height:57px;line-height:1.9;padding:10px 12px}.weave-guide{padding:19px 6px 0;width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:0}.weave-guide>.eyebrow,.weave-guide h2,.weave-guide-poem,.weave-principles{display:none}.weave-progress-row{font-size:10px}.weave-progress-track{margin:9px 0 15px}.weave-seals{justify-content:center;gap:18px;margin-bottom:0}.weave-seals>span{width:30px;height:32px;font-size:16px}.weave-guide-actions{grid-template-columns:1fr 1fr;gap:14px;margin-top:17px}.weave-guide-actions>.secondary-button{font-size:10px;letter-spacing:1px}.weave-audio-button{grid-column:1/-1;margin-top:-5px;font-size:9px;min-height:32px}.weave-disclosure{font-size:8px;letter-spacing:.3px;line-height:1.9;padding:0 8px;margin-top:16px}.weave-disclosure span{font-size:11px;letter-spacing:2px;margin-bottom:5px}.weave-film-title>span{font-size:23px;letter-spacing:6px}.weave-film-title>small{font-size:7px;letter-spacing:2px;margin-top:4px}.weave-film-title{top:75%}.weave-finale{padding:27px 5px 13px;margin-top:26px}.weave-finale h2{font-size:23px;letter-spacing:2px;line-height:2;margin:13px 0}.weave-finale .eyebrow{font-size:8px;letter-spacing:3px}.weave-finale>p:not(.eyebrow){font-size:10px;letter-spacing:.5px}.weave-final-actions{gap:7px;flex-direction:column;margin-top:19px}.weave-final-actions .primary-button{font-size:11px;letter-spacing:1px;min-width:200px}.weave-final-actions>.text-button{font-size:10px}.weave-finale-seal{font-size:14px;padding:6px;margin:8px 0 10px}#success-dialog h2{font-size:35px;line-height:1.35;margin:12px 0}#success-dialog .success-art{margin-bottom:16px;width:43px;height:43px;font-size:26px}#success-dialog .success-stat{padding:14px 0}#success-dialog [data-replay]{margin-top:9px;min-height:42px}#success-dialog [data-weave-open]{min-height:49px}.weave-piece .weave-hit{stroke:transparent;stroke-width:20}}
@media(max-width:360px){.weave-heading h1{font-size:33px}.weave-finale h2{font-size:20px}.weave-seals{gap:13px}.weave-message{font-size:9px}}
@media(prefers-reduced-motion:reduce){#weave-screen,.weave-board *,.weave-finale,.weave-target *{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;filter:none!important}.weave-board.is-forming .weave-finished-art,.weave-board.is-finished .weave-finished-art{clip-path:inset(0);opacity:1}.weave-board.is-forming .weave-film-title{opacity:1}}
#weave-title:focus,#weave-final-title:focus{outline:none}
@media(max-width:760px){.weave-film-title{top:71%}.weave-film-title>span{font-size:17px;line-height:1.7;letter-spacing:2px}.weave-film-title>small{font-size:6px;line-height:1.6;letter-spacing:1.5px;margin-top:4px}.weave-piece-number text,.weave-target-number text{font-size:30px;transform:translateY(3px)}.weave-piece-number circle{r:26px}.weave-target-number circle{r:25px}.weave-tray-caption{font-size:20px;letter-spacing:1px}.weave-tray-name{font-size:21px;letter-spacing:7px}#weave-pieces .weave-hit{y:-54px;height:108px}}