.harvest-counter{margin:0 0 18px;overflow:hidden;scroll-margin-top:8px;border:1px solid #9f8351;border-radius:13px;background:#f8eed6;box-shadow:0 5px 15px #4b382117}
.harvest-counter summary{display:flex;gap:10px;align-items:center;padding:7px 18px;min-height:58px;background:#224636;color:#fff1c9;list-style:none;cursor:pointer}
.harvest-counter summary::-webkit-details-marker{display:none}
.harvest-counter summary img{width:32px;height:32px;object-fit:contain}
.harvest-counter summary span{border-left:1px solid #b89b636b;padding-left:12px}
.harvest-counter summary small,.order-head small,.scene-caption small{display:block;letter-spacing:.12em;font-size:10px;font-weight:650}
.harvest-counter summary small{color:#e4ca95}
.harvest-counter summary strong,.counter-ticket h3,.scene-caption h2{font-family:Georgia,"Songti SC","SimSun",serif}
.harvest-counter summary strong{font-size:22px;line-height:1.16}
.desk-toggle{margin-left:auto;font-size:12px;color:#f2deb0}.desk-toggle:before{content:"到柜台  ﹀"}.harvest-counter[open] .desk-toggle:before{content:"收起  ﹀"}.harvest-counter[open] .desk-toggle{transform:none}
.counter-spread{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(260px,.82fr)}
.counter-scene{position:relative;isolation:isolate;overflow:hidden;min-height:285px;background:#6c683e url('/luobo/story/garden-v2.webp') center 50%/cover no-repeat}
.counter-scene:after{content:"";position:absolute;inset:25% 0 0;z-index:1;pointer-events:none;background:linear-gradient(0deg,#172b1df2 0%,#162a1ed9 16%,#15261a66 49%,transparent 88%)}
.counter-interior{position:absolute;inset:0;background:#634226 url('/luobo/tea/room.webp') center 50%/cover;opacity:0;transition:opacity .65s}
.counter-spread[data-chapter=porch] .counter-interior,.counter-spread[data-chapter=kitchen] .counter-interior{opacity:1}
.counter-keeper{position:absolute;right:5%;bottom:16%;height:67%;width:32%;filter:drop-shadow(3px 6px 4px #301c0c6b);transition:transform .7s}
.counter-keeper img,.counter-dish img{width:100%;height:100%;object-fit:contain}
.counter-spread[data-chapter=kitchen] .counter-keeper{transform:translate(-8%,-6%)}
.counter-dish{position:absolute;right:1%;bottom:6%;height:32%;width:28%;opacity:0;transform:translateY(7px);transition:opacity .45s,transform .6s;z-index:2;pointer-events:none}
.counter-spread[data-chapter=porch] .counter-dish,.counter-spread[data-chapter=kitchen] .counter-dish{opacity:1;transform:none}
.counter-dish img{position:absolute;inset:0;filter:drop-shadow(1px 3px 3px #2b170f88)}
.counter-dish .bamboo-lid{transition:transform .8s ease-in-out,opacity .65s .15s}
.counter-spread[data-chapter=kitchen] .bamboo-lid{opacity:0;transform:translate(13%,-48%) rotate(12deg)}
.counter-dish i{position:absolute;left:43%;top:13%;height:30%;width:8%;border-left:3px solid #fff6d8b0;border-radius:50%;opacity:0}
.counter-spread[data-chapter=kitchen] .counter-dish i{animation:desk-steam 2.8s ease-out infinite}
.counter-dish i:nth-last-child(2){left:55%;animation-delay:.75s!important}.counter-dish i:last-child{left:65%;animation-delay:1.45s!important}
@keyframes desk-steam{0%{opacity:0;transform:translateY(0)}25%{opacity:.8}100%{opacity:0;transform:translate(6px,-26px) scale(1.4)}}
.scene-caption{position:absolute;z-index:2;left:clamp(15px,3vw,35px);bottom:clamp(13px,2vw,24px);width:68%;color:#fff6df;text-shadow:0 1px 5px #18200ee8}
.scene-caption small{color:#ffe3a1}.scene-caption h2{font-size:clamp(23px,2.8vw,37px);line-height:1.2;margin:5px 0 7px;color:#fff6dc}.scene-caption p{font-size:13px;line-height:1.55;margin:0;max-width:27em}
.counter-ticket{position:relative;display:flex;flex-direction:column;justify-content:center;padding:18px clamp(17px,2.4vw,30px);color:#384937;background:linear-gradient(110deg,#fff8e4,#f7e9c9);border-left:2px solid #ad905c}
.order-head{display:flex;justify-content:space-between;align-items:center}.order-head small{color:#8a6038}.order-head h3{font-size:25px;line-height:1.22;margin:3px 0;color:#254335}
.order-seal{border:3px double #9a4c34;border-radius:3px;padding:2px 5px;color:#994c35;transform:rotate(-8deg);font:700 17px Georgia,"Songti SC",serif;letter-spacing:.08em}
.counter-ledger{display:flex;gap:12px;padding:9px 0;border-block:1px dashed #b7a06e;margin:10px 0 0}
.counter-ledger span{flex:1;font-size:12px;color:#736042}.counter-ledger strong{display:block;font:700 22px Georgia,serif;color:#294b39;line-height:1.32}
.counter-ticket>p{font-size:12px;line-height:1.55;margin:8px 0;color:#605641}
#counterTrade{align-self:flex-start;border-radius:6px;border:1px solid #224636;background:#28523d;color:#ffefc0;padding:9px 15px;font:650 14px system-ui;min-height:40px}
#counterTrade:disabled{background:#eee2c5;border-color:#b9aa88;color:#6f654c}
.desk-paths{display:flex;gap:16px;align-items:center;margin-top:4px}.desk-paths a,.desk-paths button{min-height:38px;display:inline-flex;align-items:center;color:#2c563e;font:650 13px system-ui;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#9caa87;border:0;padding:0;background:none;cursor:pointer}
#counterMessage{color:#28523a;font-weight:650;margin-bottom:0}#counterMessage:empty{display:none}
@media(max-width:680px){.counter-spread{grid-template-columns:1fr}.counter-scene{min-height:0;height:clamp(200px,55vw,265px);background-position:center 46%}.counter-ticket{padding:12px 16px 10px;border:0;border-top:2px solid #af925d}.harvest-counter summary{min-height:48px;padding:5px 12px}.harvest-counter summary strong{font-size:20px}.order-head h3{font-size:21px}.scene-caption p{font-size:12px}.counter-ledger{margin-top:7px;padding:6px 0}.desk-paths{gap:22px}}
@media(prefers-reduced-motion:reduce){.counter-dish i{animation:none!important}.counter-spread *{transition:none!important}}
.desk-paths{flex-wrap:wrap;gap:6px 16px}.desk-paths .next-step{order:-1;min-height:40px;background:#28523d;color:#fff2cc;text-decoration:none;border:1px solid #254633;border-radius:6px;padding:8px 14px}
