:root{--bg-top: #f3e4c9;--bg-bottom: #d4b889;--paper: #fff8eb;--paper-soft: rgba(255, 248, 236, .92);--ink: #2c1c13;--ink-soft: rgba(44, 28, 19, .75);--line: rgba(85, 52, 30, .2);--line-soft: rgba(85, 52, 30, .12);--cinnabar: #9e2f1e;--cinnabar-deep: #7a2012;--gold: #d7aa59;--gold-soft: #f0d7a3;--jade: #2d6f63;--shadow: 0 22px 44px rgba(53, 28, 14, .2);--radius-xl: 28px;--radius-lg: 20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;background:radial-gradient(circle at 12% 14%,rgba(255,238,200,.74),transparent 35%),radial-gradient(circle at 88% 22%,rgba(252,214,154,.5),transparent 33%),linear-gradient(158deg,var(--bg-top) 0%,var(--bg-bottom) 100%)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{opacity:.18;background:radial-gradient(circle at 24% 18%,rgba(255,255,255,.78),transparent 22%),radial-gradient(circle at 78% 70%,rgba(255,241,214,.62),transparent 24%),radial-gradient(circle at 52% 38%,rgba(155,70,45,.13),transparent 42%);animation:cloudDrift 18s ease-in-out infinite alternate}body:after{opacity:.07;background:repeating-linear-gradient(90deg,rgba(114,68,38,.18) 0 1px,transparent 1px 46px),repeating-linear-gradient(0deg,rgba(114,68,38,.13) 0 1px,transparent 1px 46px);animation:none}#ambient-particles{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.22;background:radial-gradient(circle at 14% 24%,rgba(253,224,165,.46) 0 2px,transparent 2.4px),radial-gradient(circle at 64% 30%,rgba(255,236,192,.46) 0 1.7px,transparent 2.4px),radial-gradient(circle at 46% 76%,rgba(255,210,142,.42) 0 1.6px,transparent 2.2px);background-size:260px 260px,310px 310px,360px 360px;animation:ambientDrift 22s linear infinite}.shell{width:min(960px,calc(100vw - 28px));margin:0 auto;padding:24px 0 44px;animation:shellReveal .7s ease}.card{position:relative;overflow:hidden;margin-bottom:18px;padding:26px;border-radius:var(--radius-xl);border:1px solid var(--line);background:linear-gradient(155deg,#ffffffb8,#f5e2bc7a),var(--paper-soft);box-shadow:var(--shadow);-webkit-backdrop-filter:none;backdrop-filter:none}.card:before{content:"";position:absolute;top:10px;right:10px;bottom:10px;left:10px;border-radius:calc(var(--radius-xl) - 10px);border:1px solid var(--line-soft);pointer-events:none}.card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 18px 18px,rgba(159,50,30,.42) 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 18px) 18px,rgba(159,50,30,.42) 0 3px,transparent 4px),radial-gradient(circle at 18px calc(100% - 18px),rgba(159,50,30,.42) 0 3px,transparent 4px),radial-gradient(circle at calc(100% - 18px) calc(100% - 18px),rgba(159,50,30,.42) 0 3px,transparent 4px);opacity:.64}.hero{text-align:center;background:radial-gradient(circle at 50% -20%,rgba(255,255,255,.88),transparent 56%),linear-gradient(148deg,#9e2f1e12,#d5a3532e),var(--paper-soft)}.hero:after{width:130px;height:130px;inset:auto auto 12px 12px;border-radius:999px;background:radial-gradient(circle,rgba(158,47,30,.12) 0 42%,transparent 42%);opacity:.8}.eyebrow{margin:0;letter-spacing:.1em;font-size:12px;color:var(--cinnabar);font-family:Noto Sans TC,PingFang TC,sans-serif}h1{margin:8px 0 12px;font-size:clamp(30px,4.1vw,52px);line-height:1.24;color:#592613;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-weight:700;letter-spacing:.02em;text-shadow:0 8px 18px rgba(120,58,27,.18)}.subtitle{margin:0 auto;max-width:700px;color:var(--ink-soft);font-size:16px;line-height:1.72}.stage-card{background:radial-gradient(circle at 50% 100%,rgba(147,59,31,.16),transparent 58%),linear-gradient(154deg,#ffffffc2,#f5e3c38a),var(--paper-soft)}.stage-header{text-align:center}.card-title{margin:0;color:#4c210f;font-size:clamp(23px,2.8vw,30px);font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-weight:700;letter-spacing:.02em}.hint{margin:10px 0 0;color:var(--ink-soft);font-size:14px;line-height:1.66}.fortune-stage{position:relative;display:grid;place-items:center;min-height:310px;isolation:isolate}.fortune-stage:before{content:"";position:absolute;z-index:1;width:360px;height:360px;border-radius:999px;background:radial-gradient(circle,rgba(255,236,186,.42) 0 24%,rgba(159,57,31,.09) 58%,transparent 76%);filter:blur(1.2px)}.particle-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;width:100%;height:100%;opacity:0;pointer-events:none;transition:opacity .25s ease}.particle-canvas.active{opacity:1}.fortune-tube{position:relative;z-index:3;width:218px;height:258px;border-radius:30px 30px 46px 46px;border:2px solid rgba(91,43,22,.28);background:linear-gradient(180deg,#5e221429,#f4c58266),repeating-linear-gradient(90deg,#f7e4bdb3 0,#f7e4bdb3 10px,#b6764038 10px,#b6764038 21px);box-shadow:inset 0 14px 30px #ffffff3d,inset 0 -8px 22px #5a291433,0 20px 34px #381c0f47;transform-origin:center 78%}.fortune-tube:before,.fortune-tube:after{content:"";position:absolute;left:22px;right:22px;height:4px;border-radius:999px;background:#5b2b1652}.fortune-tube:before{top:42px}.fortune-tube:after{bottom:28px}.tube-rim{display:block;margin:8px 13px 0;height:20px;border-radius:999px;background:linear-gradient(180deg,#622a18,#af6437);box-shadow:inset 0 2px 5px #ffffff38,inset 0 -2px 5px #3a190d4d}.sticks{width:86%;margin:18px auto 0;display:flex;justify-content:center;gap:11px}.sticks span{display:inline-block;width:11px;height:150px;border-radius:999px;background:linear-gradient(180deg,#742813,#eec17a);box-shadow:inset 0 -8px 12px #411c0e3d,0 2px 4px #3d1a0d29;animation:stickSway 1.1s ease-in-out infinite alternate}.sticks span:nth-child(2){animation-delay:.12s}.sticks span:nth-child(3){animation-delay:.24s}.sticks span:nth-child(4){animation-delay:.36s}.sticks span:nth-child(5){animation-delay:.48s}.sticks span:nth-child(6){animation-delay:.6s}.sticks span:nth-child(7){animation-delay:.72s}.fortune-tube.shake{animation:tubeShake 2.5s ease-in-out both}.tube-glow{position:absolute;z-index:2;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(255,212,126,.52),rgba(255,212,126,.08),transparent 74%);opacity:0}.tube-glow.active{animation:glowPulse 1.2s ease-in-out infinite}.flying-stick{position:absolute;z-index:4;width:12px;height:164px;border-radius:999px;background:linear-gradient(180deg,#6f2612,#f2c67f);transform:translate(-34px,84px) rotate(-8deg);box-shadow:0 12px 20px #3d190c4d}.flying-stick.fly{animation:stickFly .92s cubic-bezier(.14,.72,.32,1) forwards}.reveal-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none;opacity:0}.reveal-overlay.active{animation:revealFlash .52s ease-out forwards}.stage-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}.primary-button{border:1px solid rgba(244,218,161,.75);border-radius:16px;padding:12px 24px;color:#fff4de;background:linear-gradient(180deg,#bc4326,#8f2915);font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:17px;font-weight:700;letter-spacing:.06em;box-shadow:0 12px 22px #842a1847,inset 0 1px 3px #fff2d64d;cursor:pointer;transition:transform .16s ease,box-shadow .17s ease,filter .17s ease}.primary-button:hover:not(:disabled){transform:translateY(-2px);filter:saturate(1.07);box-shadow:0 16px 24px #842a1857,inset 0 1px 3px #fff2d652}.primary-button:disabled{opacity:.56;cursor:not-allowed}.secondary-button{border:1px solid rgba(157,64,41,.2);border-radius:999px;padding:10px 16px;color:#8b301c;background:linear-gradient(180deg,#fffaf1fa,#f8e8cbf5);font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:14px;font-weight:700;letter-spacing:.04em;box-shadow:0 8px 16px #8f401d1a,inset 0 1px 2px #ffffffb3;cursor:pointer;transition:transform .16s ease,box-shadow .17s ease,border-color .17s ease}.secondary-button:hover:not(:disabled){transform:translateY(-1px);border-color:#9d40294d;box-shadow:0 10px 18px #8f401d24,inset 0 1px 2px #ffffffc2}.secondary-button:disabled{opacity:.56;cursor:not-allowed}.mini-input{width:min(320px,100%);padding:11px 14px;border-radius:12px;border:1px solid rgba(81,48,28,.22);background:linear-gradient(180deg,#ffffffe0,#faedd5db);color:var(--ink);font:inherit}.status-text{margin:16px 0 0;min-height:24px;text-align:center;color:var(--cinnabar);font-weight:600}.lot-card{position:relative;overflow:hidden;padding-top:44px;padding-bottom:44px;background:linear-gradient(180deg,#fff9ebf5,#f3e2bee6)}.lot-card:before,.lot-card:after{content:"";position:absolute;left:20px;right:20px;height:12px;border-radius:999px;background:linear-gradient(90deg,#5f351f,#a26839 26%,#d8a45b,#a26839 72%,#5f351f);box-shadow:0 3px 8px #3a1e0f42,inset 0 1px 2px #ffe4b066}.lot-card:before{top:16px}.lot-card:after{bottom:16px}.lot-reveal{display:grid;gap:16px}.lot-reveal-header{text-align:center}[data-reveal]{opacity:0;transform:translateY(14px)}[data-reveal].show{opacity:1;transform:translateY(0);transition:opacity .48s ease,transform .48s ease}.lot-number-hero{margin:0;font-size:clamp(40px,7vw,70px);line-height:1.06;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-weight:900;letter-spacing:.04em;color:transparent;background:linear-gradient(180deg,#f1d7a1,#c38a36);-webkit-background-clip:text;background-clip:text;text-shadow:0 0 26px rgba(211,160,74,.4)}.lot-title-reveal{margin:8px 0 0;font-size:clamp(24px,3vw,33px);color:#4c210f;font-family:"Noto Serif TC",Songti TC,PMingLiU,serif;font-weight:700;letter-spacing:.02em}.lot-level-badge{margin:8px auto 0;width:fit-content;padding:6px 13px;border-radius:999px;border:1px solid rgba(186,128,41,.44);background:linear-gradient(145deg,#f1daa3d4,#d69d47bd);color:#553215;font-family:Noto Sans TC,PingFang TC,sans-serif;font-size:13px;letter-spacing:.08em}.lot-poem-reveal{position:relative;border:1px solid rgba(90,51,27,.2);border-radius:16px;padding:16px 18px;background:linear-gradient(150deg,#ffffffb8,#f8ebd1b8),var(--paper)}.lot-poem-reveal:before{content:"簽";position:absolute;right:14px;top:12px;width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:#9e2f1e24;color:#852516eb;font-family:"Noto Serif TC",serif;font-weight:700;font-size:14px}.lot-poem-reveal .poem-text{margin:0;color:#3b2014;line-height:1.95;font-size:17px;white-space:pre-wrap}.lot-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.detail-block{border-radius:14px;border:1px solid rgba(91,50,27,.16);border-left:4px solid rgba(158,47,30,.34);background:#fffcf5b8;padding:12px;transition:transform .17s ease,box-shadow .17s ease}.detail-block:hover{transform:translateY(-2px);box-shadow:0 12px 16px #512b161f}.detail-block h3{margin:0 0 8px;color:#632713;font-size:15px}.detail-block p{margin:0;line-height:1.68;white-space:pre-wrap}.dialogue-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}.link-button{border:1px solid rgba(158,47,30,.28);border-radius:999px;padding:9px 14px;text-decoration:none;color:var(--cinnabar);font-family:Noto Sans TC,PingFang TC,sans-serif;font-weight:700;background:linear-gradient(180deg,#ffffffd1,#fff4ddbf);transition:background .16s ease,transform .16s ease}.link-button:hover{background:linear-gradient(180deg,#ffffffeb,#ffecccd1);transform:translateY(-1px)}.dialogue-stream{margin-top:14px;min-height:280px;max-height:460px;overflow:auto;padding:14px;border-radius:16px;border:1px solid rgba(81,46,26,.13);background:linear-gradient(0deg,rgba(210,186,144,.08) 0 2px,transparent 2px 34px),linear-gradient(150deg,#ffffffc2,#f8ecd0bd),var(--paper)}.dialogue-stream::-webkit-scrollbar{width:10px}.dialogue-stream::-webkit-scrollbar-thumb{border-radius:999px;background:#8a4f2b61}.dialogue-stream::-webkit-scrollbar-track{background:#ffffff5c}.bubble-row{display:flex;margin-bottom:12px}.bubble-row.user{justify-content:flex-end}.bubble-row.assistant{justify-content:flex-start}.bubble{max-width:min(88%,640px);border-radius:16px;padding:11px 13px;line-height:1.72;white-space:pre-wrap}.bubble p{margin:0 0 8px}.bubble p:last-child{margin-bottom:0}.bubble-row.assistant .bubble{position:relative;padding-left:44px;color:#2b1b12;border:1px solid rgba(45,111,99,.22);background:linear-gradient(145deg,#e7f6f1b8,#ffffffc7)}.bubble-row.assistant .bubble:before{content:"師";position:absolute;left:12px;top:11px;width:23px;height:23px;border-radius:999px;display:grid;place-items:center;background:#2d6f6329;color:#1f5c51e6;font-family:"Noto Serif TC",serif;font-size:12px;font-weight:700}.bubble-row.user .bubble{color:#fff7eb;border:1px solid rgba(244,215,160,.62);background:linear-gradient(160deg,#bd4228f5,#8c2513f2);box-shadow:0 8px 16px #79231342}.bubble.typing{color:#1b6055;font-style:normal;border-style:dashed;background:linear-gradient(160deg,#dbf5edcc,#fdfffecc);animation:thinkingPulse 1.5s ease-in-out infinite}.bubble.interrupted{border-style:dashed;border-color:#b46a1c57;background:linear-gradient(160deg,#fff7e2eb,#fffcf4f0)}.bubble.streaming:after{content:"▍";margin-left:2px;color:#1b6055d9;animation:streamCursor .9s steps(1,end) infinite}.chat-form{margin-top:12px;display:grid;gap:10px}.chat-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:40px}.chat-note{margin:0;color:#8b301c;font-size:14px;line-height:1.6}#chat-input{width:100%;resize:vertical;min-height:112px;border-radius:12px;border:1px solid rgba(87,50,28,.16);background:linear-gradient(180deg,#ffffffe0,#f8ecd1d6);color:var(--ink);padding:12px;font:inherit;line-height:1.66}#chat-input:focus-visible,.mini-input:focus-visible{outline:2px solid rgba(158,47,30,.36);outline-offset:1px}.hidden{display:none!important}@keyframes shellReveal{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes cloudDrift{0%{transform:translate(-8px)}to{transform:translate(10px,-14px)}}@keyframes latticeDrift{0%{transform:translateY(0)}to{transform:translateY(-24px)}}@keyframes ambientDrift{0%{transform:translateY(0)}to{transform:translateY(-18px)}}@keyframes stickSway{0%{transform:translateY(0) rotate(-2deg)}to{transform:translateY(-8px) rotate(2deg)}}@keyframes tubeShake{0%{transform:rotate(0) translateY(0)}18%{transform:rotate(-1.4deg) translateY(1px)}38%{transform:rotate(2.2deg) translateY(-1px)}55%{transform:rotate(-4.2deg) translateY(3px)}74%{transform:rotate(3.8deg) translateY(-3px)}88%{transform:rotate(-1.2deg) translateY(1px)}to{transform:rotate(0) translateY(0)}}@keyframes glowPulse{0%,to{opacity:.4;transform:scale(.94)}50%{opacity:.92;transform:scale(1.04)}}@keyframes stickFly{0%{opacity:0;transform:translate(-30px,80px) rotate(-8deg)}12%{opacity:1}70%{opacity:1;transform:translate(118px,-72px) rotate(24deg)}to{opacity:0;transform:translate(178px,-126px) rotate(42deg)}}@keyframes revealFlash{0%{opacity:0;background:radial-gradient(circle,rgba(255,238,200,.62) 0%,transparent 50%)}35%{opacity:1;background:radial-gradient(circle,rgba(255,226,160,.86) 0%,rgba(255,226,160,.16) 48%,transparent 74%)}to{opacity:0;background:radial-gradient(circle,rgba(255,226,160,0) 0%,transparent 100%)}}@keyframes thinkingPulse{0%,to{box-shadow:inset 0 0 #2d6f630f}50%{box-shadow:inset 0 0 0 999px #2d6f630a}}@keyframes streamCursor{0%,49%{opacity:1}50%,to{opacity:0}}@media(max-width:760px){.shell{width:calc(100vw - 16px);padding-top:14px}.card{padding:18px;border-radius:20px}.card:before{top:8px;right:8px;bottom:8px;left:8px;border-radius:14px}h1{font-size:clamp(30px,9vw,44px)}.fortune-stage{min-height:254px}.fortune-tube{width:172px;height:220px}.sticks span{height:120px}.primary-button{width:100%;font-size:17px}.mini-input{width:100%}.chat-meta{flex-direction:column;align-items:stretch}.lot-card{padding-top:38px;padding-bottom:38px}.lot-details{grid-template-columns:1fr}.dialogue-stream{min-height:230px;max-height:390px;padding:10px}.bubble{max-width:94%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;transition-duration:1ms!important;scroll-behavior:auto!important}}