:root{--ink:#211b18;--red:#741f1b;--red2:#9c3028;--gold:#c9983e;--paper:#f8f1df;--cream:#fffaf0;--muted:#80766b;--line:rgba(103,68,37,.18);--green:#06c755}*{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 50% -10%,#fff9e9 0,#f7edd5 35%,#ead9ba 100%);overflow-x:hidden}.mist{position:fixed;border-radius:50%;filter:blur(60px);opacity:.22;pointer-events:none}.mist-a{width:420px;height:420px;background:#c3933f;left:-180px;top:15%}.mist-b{width:500px;height:500px;background:#922d25;right:-260px;bottom:-180px}.topbar{height:82px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;gap:34px;border-bottom:1px solid var(--line);background:rgba(255,250,240,.82);backdrop-filter:blur(15px);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);margin-right:auto}.brand strong{display:block;font-size:20px;letter-spacing:.12em}.brand small{display:block;color:var(--muted);letter-spacing:.35em;margin-top:3px}.seal{display:grid;place-items:center;width:46px;height:46px;background:var(--red);color:#f7d482;border-radius:10px;font-size:25px;box-shadow:inset 0 0 0 2px #d4a84f}.topbar nav{display:flex;gap:8px}.nav-btn,.ghost,.back{border:0;background:transparent;color:#655d54;padding:10px 14px;font:inherit;cursor:pointer}.nav-btn.active{color:var(--red);font-weight:700;border-bottom:2px solid var(--red)}.line-login{border:0;border-radius:999px;background:var(--green);color:white;padding:10px 18px;font-weight:700;cursor:pointer}.line-login span{font-family:Arial,sans-serif;margin-right:7px}main{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:46px 0 60px;position:relative}.page{display:none}.page.active{display:block}.intro{text-align:center;margin-bottom:30px}.intro .date,.eyebrow{color:var(--red2);letter-spacing:.18em;font-weight:700}.intro h1,.section-heading h1{font-size:clamp(32px,4vw,50px);margin:8px 0 10px;letter-spacing:.1em}.intro>p:last-child{font-size:17px;color:var(--muted)}.draw-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(330px,.8fr);gap:24px}.panel,.oracle-stage,.result-card,.history-list{border:1px solid var(--line);background:rgba(255,251,242,.82);border-radius:24px;box-shadow:0 16px 50px rgba(89,52,19,.1)}.panel{padding:30px}.step-title{display:flex;align-items:flex-start;gap:14px;margin-bottom:18px}.step-title.compact{margin-top:30px}.step-title>span{width:32px;height:32px;border:1px solid var(--gold);color:var(--red);border-radius:50%;display:grid;place-items:center;flex:none}.step-title h2{font-size:21px;margin:2px 0 5px}.step-title p{margin:0;color:var(--muted);font-size:14px}.chips{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.chips button,.segmented button{min-height:44px;border:1px solid var(--line);border-radius:12px;background:#fffaf1;color:#544b42;font:inherit;cursor:pointer;transition:.2s}.chips button:hover,.segmented button:hover{border-color:var(--gold);transform:translateY(-1px)}.chips button.selected,.segmented button.selected{background:var(--red);color:#ffe4a6;border-color:#d4a84f;box-shadow:0 5px 16px rgba(116,31,27,.2)}.segmented{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.personal{margin-top:26px;border-top:1px solid var(--line);padding-top:18px}.personal summary{display:flex;align-items:center;gap:10px;cursor:pointer;list-style:none}.personal summary::-webkit-details-marker{display:none}.personal summary small{display:block;color:var(--muted);margin-top:2px}.plus{width:30px;height:30px;border-radius:50%;background:#f0e2c6;display:grid;place-items:center;color:var(--red)}.personal[open] .plus{transform:rotate(45deg)}.personal-body{display:grid;grid-template-columns:1fr 38px 1fr;gap:10px;margin-top:18px;align-items:end}.personal label{font-size:14px;color:#685f56}.personal select,.personal input[type=date]{display:block;width:100%;margin-top:7px;border:1px solid var(--line);border-radius:10px;background:white;padding:12px;font:inherit;color:var(--ink)}.or{height:44px;display:grid;place-items:center;color:#a39788}.birth-info{grid-column:1/-1;background:#f2e7d2;border-radius:12px;padding:13px;text-align:center;color:#5b4a3b}.save-choice{grid-column:1/-1}.oracle-stage{position:relative;overflow:hidden;padding:32px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:linear-gradient(160deg,rgba(87,20,18,.96),rgba(47,17,15,.98));color:#f7e8c1;min-height:570px}.oracle-stage:before{content:"";position:absolute;inset:18px;border:1px solid rgba(214,174,91,.28);border-radius:18px}.halo{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(231,185,86,.18),transparent 67%);top:58px}.stick-box{height:250px;width:200px;position:relative;margin-bottom:20px}.stick{position:absolute;z-index:1;width:34px;height:190px;left:83px;top:0;border-radius:8px 8px 3px 3px;background:linear-gradient(90deg,#dfb55f,#f5d995,#b8832d);color:#7b201b;padding-top:26px;font-weight:700;letter-spacing:.16em;box-shadow:0 5px 16px #0005;transform:rotate(3deg);transform-origin:bottom}.jar{position:absolute;bottom:0;left:32px;width:136px;height:145px;border-radius:22px 22px 55px 55px;background:linear-gradient(90deg,#8b261f,#bd4938 48%,#6b1715);box-shadow:inset 0 0 0 4px #c6923b,0 20px 30px #0005;display:grid;place-items:center}.jar b{font-size:44px;color:#f5d58b;border:2px solid #d7a84b;border-radius:50%;width:72px;height:72px;display:grid;place-items:center}.rim{position:absolute;z-index:3;bottom:130px;left:22px;width:156px;height:35px;border-radius:50%;background:#541512;border:5px solid #c9943b}.oracle-stage.shaking .stick{animation:shake .16s infinite alternate}@keyframes shake{from{transform:rotate(-8deg) translateY(0)}to{transform:rotate(10deg) translateY(-12px)}}#stageHint{z-index:1}.draw-button{z-index:1;width:min(290px,85%);border:1px solid #edcc82;border-radius:999px;background:linear-gradient(#d6aa55,#b77d29);color:#3d160f;padding:14px 20px;font:700 19px inherit;cursor:pointer;box-shadow:0 8px 25px #0005}.draw-button span{display:block;font-size:12px;font-weight:400;margin-top:3px}.small-note{font-size:12px;color:#cdbf9d;z-index:1}.result-page{max-width:800px;margin:auto}.back{margin-bottom:12px}.result-card{overflow:hidden}.result-top{background:linear-gradient(150deg,#7a211d,#42100e);color:#f7df9d;padding:40px;text-align:center;position:relative}.result-top .number{font-size:14px;letter-spacing:.18em}.result-top h1{font-size:30px;margin:12px}.poem{font-size:clamp(21px,4vw,29px);line-height:1.9;letter-spacing:.16em;margin:24px 0}.grade{display:inline-block;border:1px solid #d8a94f;border-radius:999px;padding:7px 16px}.result-body{padding:32px}.result-body h2{font-size:22px;color:var(--red);border-left:4px solid var(--gold);padding-left:12px}.result-body p{font-size:17px;line-height:1.85}.rating-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.rating{background:#f7efdf;border-radius:10px;padding:12px;text-align:center}.rating b{display:block;color:var(--red);font-size:18px}.personal-message{background:#f3e5c9;border-radius:16px;padding:18px;margin-top:22px}.result-actions{display:flex;gap:10px;margin-top:24px}.result-actions button{flex:1;border-radius:12px;padding:13px;font:inherit;cursor:pointer}.primary-action{background:var(--red);color:white;border:0}.secondary-action{background:white;border:1px solid var(--line)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}.section-heading p,.section-heading h1{margin-bottom:0}.history-list{padding:16px}.history-item{display:grid;grid-template-columns:100px 1fr auto;gap:18px;align-items:center;padding:18px;border-bottom:1px solid var(--line)}.history-item:last-child{border-bottom:0}.history-item .day{color:var(--muted)}.history-item h3{margin:0 0 6px}.history-item p{margin:0;color:var(--muted)}.history-item button{border:1px solid var(--line);background:#fffaf1;border-radius:10px;padding:10px 14px;cursor:pointer}.empty{text-align:center;padding:70px 20px;color:var(--muted)}.toast{position:fixed;left:50%;bottom:30px;transform:translate(-50%,30px);opacity:0;background:#241b17;color:white;padding:12px 18px;border-radius:999px;transition:.25s;z-index:30}.toast.show{opacity:1;transform:translate(-50%,0)}footer{text-align:center;color:#7d7164;padding:22px;font-size:13px;border-top:1px solid var(--line)}@media(max-width:820px){.topbar{height:70px;padding:0 16px}.brand small,.topbar nav{display:none}.line-login{padding:9px 13px}main{width:min(100% - 24px,680px);padding-top:26px}.draw-layout{grid-template-columns:1fr}.chips{grid-template-columns:repeat(3,1fr)}.oracle-stage{min-height:500px}.personal-body{grid-template-columns:1fr}.or,.birth-info,.save-choice{grid-column:1}.or{height:18px}.history-item{grid-template-columns:1fr}.rating-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.chips{grid-template-columns:repeat(2,1fr)}.segmented{grid-template-columns:1fr}.panel{padding:20px}.intro h1{font-size:30px}.result-top,.result-body{padding:24px}.poem{font-size:21px}.section-heading{align-items:flex-start;gap:12px}.section-heading h1{font-size:30px}.ghost{font-size:13px}}