:root{--bg: #F7FAF7;--outside: #EEF2EF;--surface: #FFFFFF;--ink: #17231C;--muted: #6F7B73;--line: #E3E9E4;--brand: #19B36A;--brand-deep: #0D8B50;--brand-soft: #EAF8F1;--bone: #E7D6B8;--bone-deep: #C8B184;--ember: #D87442;--ember-soft: #F7D6C7;--water: #DDEFE7;--mountain: #B7D8C7;--shadow: 0 18px 46px rgba(31, 53, 40, .08);--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "SimSun", serif;--sans: "PingFang SC", "Noto Sans CJK SC", "Microsoft YaHei", system-ui, sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;padding:0;overflow-x:hidden}body{background:var(--outside);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}.app{width:min(100%,430px);min-height:100dvh;margin:0 auto;background:var(--bg);position:relative;overflow:hidden;box-shadow:0 0 50px #00000014}.bg-layer{position:absolute;left:0;right:0;bottom:0;height:46%;pointer-events:none;z-index:0}.bg-layer img{position:absolute;left:0;bottom:0;width:100%;object-fit:cover}.bg-layer .mountain{opacity:.5;height:100%}.bg-layer .water{opacity:.45;height:52%}.topbar{height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;position:sticky;top:0;z-index:30;background:#ffffffb8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(227,233,228,.6)}.topbar .title{font-weight:800;font-size:16px}.topbar button{border:0;background:transparent;color:var(--muted);font-size:14px;padding:8px 4px;min-width:44px;min-height:44px;cursor:pointer}.topbar .back{font-size:20px;line-height:1}.topbar .back-placeholder{min-width:44px;min-height:44px}.stage{position:relative;z-index:1;min-height:calc(100dvh - 57px);padding:14px 20px 128px}.eyebrow{font-size:12px;color:var(--brand);font-weight:800;letter-spacing:.12em}h1{font-size:28px;line-height:1.25;margin:10px 0 8px;letter-spacing:.01em}.sub{color:var(--muted);font-size:14px;line-height:1.7;margin:0 0 4px}.bottom-bar{position:fixed;left:50%;transform:translate(-50%);width:min(100vw - 40px,390px);bottom:max(20px,env(safe-area-inset-bottom));display:flex;gap:12px;z-index:20}.bottom-bar:before{content:"";position:fixed;left:50%;transform:translate(-50%);bottom:0;width:min(100vw,430px);height:calc(84px + max(20px,env(safe-area-inset-bottom)));background:linear-gradient(180deg,rgba(247,250,247,0),var(--bg) 58%);z-index:-1;pointer-events:none}.bottom-bar.fade-in-late{animation:bar-in .3s ease .45s both}@keyframes bar-in{0%{opacity:0;transform:translate(-50%,6px)}to{opacity:1;transform:translate(-50%)}}.btn{flex:1;height:52px;border-radius:14px;border:1.5px solid var(--brand);background:var(--surface);color:var(--brand-deep);font-size:16px;font-weight:800;font-family:var(--sans);cursor:pointer;transition:transform .12s ease,opacity .2s ease}.btn:active{transform:scale(.97)}.btn.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.btn.ghost{border-color:var(--line);color:var(--ink)}.btn:disabled{opacity:.45;pointer-events:none}.card-rail{display:flex;gap:14px;overflow-x:auto;padding:22px 4px 16px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -4px}.card-rail::-webkit-scrollbar{display:none}.qcard{flex:0 0 82%;min-height:372px;border-radius:24px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);scroll-snap-align:center;position:relative;cursor:pointer;perspective:900px}.qcard.active{outline:2px solid rgba(25,179,106,.35)}.qcard-inner{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .42s cubic-bezier(.22,1,.36,1);transform-style:preserve-3d}.qcard.flipped .qcard-inner{transform:rotateY(180deg)}.qcard .qtext{animation:none}.qcard.flipped .qface.back .qtext{animation:fade-only .18s ease .42s both}.qface{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;padding:26px;display:flex;flex-direction:column}.qface.back{transform:rotateY(180deg)}.qtype{font-size:12px;color:var(--brand);font-weight:800}.qtitle{font-family:var(--serif);font-weight:700;font-size:30px;margin:52px 0 14px}.qtext{font-size:17px;line-height:1.8;margin-top:20px}.qhint{margin-top:auto;font-size:12px;color:var(--muted)}.qmark{position:absolute;right:22px;bottom:20px;width:46px;height:46px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:13px;font-family:var(--serif)}.shell-hero{display:grid;place-items:center;padding:8px 0 4px}.shell-name{text-align:center;margin-top:2px}.shell-name b{font-size:20px;display:block}.tag{display:inline-block;font-size:12px;padding:5px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-weight:800;margin-top:6px}.thumb-row{display:flex;gap:12px;justify-content:center;margin-top:16px}.thumb{width:84px;height:96px;background:var(--surface);border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;cursor:pointer;padding:6px}.thumb.active{outline:2px solid rgba(25,179,106,.45);transform:translateY(-2px);transition:transform .2s ease}.thumb span{font-size:11px;color:var(--muted);text-align:center}.shell-swap{animation:shell-swap .28s cubic-bezier(.22,1,.36,1)}@keyframes shell-swap{0%{opacity:0;transform:translate(22px) rotate(1.5deg)}to{opacity:1;transform:none}}.shell-demo-note{text-align:center;font-size:11px;color:var(--muted);margin:8px 0 0}.shell-svg{overflow:visible;display:block}.shell-body{stroke:#c3b08d;stroke-width:2.2;filter:drop-shadow(0 20px 28px rgba(70,52,28,.12))}.shell-line{fill:none;stroke:#66523629;stroke-width:1.3}.point{cursor:pointer}.point .hit{fill:transparent}.point .outer{fill:#fff;stroke:#b6beb8;stroke-width:1.5}.point .inner{fill:#d4dbd6}.point.selected{pointer-events:none}.point.selected .outer{fill:var(--brand-deep);stroke:var(--brand-deep)}.point.selected .inner{fill:var(--brand-deep)}.point.disabled{opacity:.3;pointer-events:none}.point .idx{font-size:9px;fill:#fff;font-weight:700;pointer-events:none}.point.pressed .outer{stroke:var(--ember)}.press-ring{fill:none;stroke:var(--ember);stroke-width:1.4;opacity:0;transform-box:fill-box;transform-origin:center;animation:press-ring .1s ease-out both;pointer-events:none}@keyframes press-ring{0%{opacity:.8;transform:scale(.8)}to{opacity:0;transform:scale(1.4)}}.joint-flash{fill:var(--ember);opacity:0;transform-box:fill-box;transform-origin:center;animation:joint-flash .5s ease-out;pointer-events:none}@keyframes joint-flash{0%{opacity:0;transform:scale(.4)}35%{opacity:.9;transform:scale(1.6)}to{opacity:0;transform:scale(2.2)}}.crack{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;stroke-dashoffset:1}.crack.draw{animation:crack-draw .78s ease-out forwards}.crack.new{stroke:var(--ember);stroke-width:2.6;filter:drop-shadow(0 0 6px rgba(216,116,66,.55))}.crack.old{stroke:#77786f;stroke-width:2.2;filter:none}.crack.relight{animation:crack-draw 0s forwards,ember-relight .7s ease forwards}@keyframes crack-draw{to{stroke-dashoffset:0}}@keyframes ember-relight{0%{filter:drop-shadow(0 0 2px rgba(216,116,66,.2))}50%{filter:drop-shadow(0 0 14px rgba(216,116,66,.8))}to{stroke:#77786f;filter:none}}.ember-halo{fill:var(--ember);opacity:0;transform-origin:center;transform-box:fill-box}.ember-halo.on{animation:halo .32s ease-out}@keyframes halo{0%{opacity:.75;transform:scale(.4)}to{opacity:0;transform:scale(2.4)}}.hud{display:flex;justify-content:space-between;align-items:center;margin:2px 0 6px}.pill{font-size:12px;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}.pill.green{background:var(--brand-soft);border-color:transparent;color:var(--brand-deep);font-weight:800}.shell-canvas{display:grid;place-items:center;min-height:400px;position:relative}.burn-status{text-align:center;margin-top:2px;min-height:120px}.burn-status .headline{font-size:21px;font-weight:900;margin:0 0 6px}.burn-status .proposal{font-size:15px;color:var(--ink);margin:4px 0;line-height:1.6}.burn-status .helper{color:var(--muted);font-size:13px;margin:6px 0 0;line-height:1.6}.burn-status .omen-line{font-family:var(--serif);font-size:15px;line-height:1.9;color:#3b4a41}.burn-status .explain{font-size:13.5px;color:#425049;line-height:1.75;margin:8px 0 0;text-align:left}.burn-status .change{font-size:12px;color:var(--ember);margin-top:6px}.fade-in{animation:fade-in .3s ease both}.fade-in-late{animation:fade-in .3s ease .45s both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.reveal-scene{position:relative;min-height:calc(100dvh - 57px);display:flex;flex-direction:column}.reveal-dim{position:absolute;top:-14px;right:-20px;bottom:-14px;left:-20px;background:#17231c21;z-index:0;animation:fade-only .3s ease}.reveal-canvas{position:relative;z-index:1;flex:1;min-height:360px;display:grid;place-items:center}.reveal-text{position:relative;z-index:1;text-align:center;padding-bottom:100px;animation:fade-in .3s ease .2s both}.reveal-title{font-family:var(--serif);font-size:34px;font-weight:800;letter-spacing:.06em}.reveal-sub{color:var(--muted);margin-top:10px;font-size:14px}.reveal-cta{animation:fade-only .3s ease 1s both}@keyframes fade-only{0%{opacity:0}to{opacity:1}}.result-stage{padding-top:10px}.result-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.asked-inline{font-size:12px;color:var(--muted)}.result-shell{display:grid;place-items:center;margin:4px 0 2px}.result-sub{font-size:13px;color:var(--muted);margin-top:4px}.question-chip{display:inline-block;font-size:12px;background:var(--brand-soft);color:var(--brand-deep);padding:6px 12px;border-radius:999px;font-weight:700}.result-title{font-size:26px;font-weight:900;margin:4px 0 2px}.result-main{font-size:16px;font-weight:800;margin:4px 0 8px}.omen{font-family:var(--serif);font-size:16px;line-height:1.9;margin:6px 0 10px;color:#2b3830}.omen-summary{font-family:var(--serif);font-size:13.5px;color:var(--muted);margin:-4px 0 10px}.asked{font-size:13px;color:var(--muted);margin:10px 0 4px}.explain{color:#425049;line-height:1.8;font-size:15px;margin:4px 0 0}.tag-section{margin-top:16px}.tag-label{font-size:13px;font-weight:800;color:var(--brand-deep);margin-bottom:8px}.tag-label.avoid{color:#b4673f}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{font-size:12px;padding:7px 12px;border-radius:999px;background:var(--brand-soft);color:var(--brand-deep);font-weight:700}.chip.avoid{background:#fbede5;color:#b4673f}.link-row{display:flex;gap:18px;justify-content:center;margin-top:18px}.link-btn{border:0;background:transparent;color:var(--muted);font-size:13px;text-decoration:underline;text-underline-offset:3px;cursor:pointer;padding:8px;min-height:44px}.dest-rail{display:flex;gap:14px;overflow-x:auto;padding:18px 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none;margin:0 -2px}.dest-rail::-webkit-scrollbar{display:none}.dest{flex:0 0 92%;background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden;scroll-snap-align:center;box-shadow:var(--shadow)}.dest-img{height:218px;position:relative;display:flex;align-items:flex-end;padding:20px;background:linear-gradient(160deg,var(--water),var(--mountain));background-size:cover;background-position:center}.dest-img:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 45%,rgba(20,35,27,.38))}.dest-name{position:relative;z-index:1;color:#fff;font-size:32px;font-weight:900;text-shadow:0 2px 10px rgba(0,0,0,.25)}.dest-body{padding:18px 20px 20px}.dest-type{font-size:12px;color:var(--brand-deep);font-weight:800;background:var(--brand-soft);display:inline-block;padding:5px 10px;border-radius:999px}.dest-why-label{font-size:13px;font-weight:800;color:var(--brand-deep);margin:14px 0 6px}.dest-reason{line-height:1.75;margin:0;font-size:14.5px}.dest-proposal{font-weight:800;font-size:15px;margin:10px 0 0}.dest-modules{margin-top:14px;border-top:1px dashed var(--line);padding-top:12px}.dest-module{margin-bottom:12px}.dest-module b{font-size:13.5px;display:block;margin-bottom:3px}.dest-module p{font-size:13px;color:var(--muted);line-height:1.7;margin:0}.dest-source{font-size:11.5px;color:var(--muted);line-height:1.6;margin-top:12px;border-top:1px solid var(--line);padding-top:10px}.dest-entry{margin-top:12px;width:100%;height:44px;border-radius:12px;border:1.5px solid var(--brand);background:var(--brand-soft);color:var(--brand-deep);font-size:14px;font-weight:800;font-family:var(--sans);cursor:pointer}.dest-entry:active{transform:scale(.98)}.dest-entry-pending{font-size:12px;color:var(--muted);margin:12px 0 0}.demo-badge{position:absolute;top:12px;right:12px;z-index:1;font-size:11px;font-weight:700;color:var(--muted);background:#ffffffd1;border:1px solid var(--line);border-radius:999px;padding:4px 10px}.dest-dots{display:flex;gap:6px;justify-content:center;margin:4px 0 10px}.dest-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.dest-dots i.on{background:var(--brand)}.archive-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}.archive-card{background:var(--surface);border:1px solid var(--line);border-radius:20px;padding:12px}.archive-card .mini{height:118px;display:grid;place-items:center;background:#fafbf8;border-radius:14px;margin-bottom:10px}.archive-card b{font-size:14px;display:block}.archive-card p{font-size:12px;color:var(--muted);margin:5px 0 0;line-height:1.5}.empty{margin-top:60px;text-align:center;color:var(--muted);font-size:14px;line-height:1.8}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#17231c52;z-index:60;display:grid;place-items:end center;animation:fade-in .2s ease}.sheet{width:min(100%,430px);max-height:92dvh;overflow-y:auto;background:var(--surface);border:1px solid var(--line);border-radius:20px 20px 0 0;padding:22px 22px max(26px,env(safe-area-inset-bottom));animation:sheet-up .25s ease}@keyframes sheet-up{0%{transform:translateY(30px);opacity:.4}to{transform:none;opacity:1}}.sheet h3{margin:0 0 12px;font-size:17px}.sheet-head{display:flex;align-items:center;justify-content:space-between}.sheet-close{border:0;background:transparent;color:var(--muted);font-size:22px;line-height:1;width:44px;height:44px;cursor:pointer}.sheet p{font-size:13.5px;color:#425049;line-height:1.8;margin:0 0 10px}.sheet .row{display:flex;gap:12px;margin-top:16px}.share-card{background:var(--bg);border:1px solid var(--line);border-radius:18px;padding:18px;text-align:center}.share-card .omen{font-size:15px;margin:8px 0}.share-card .dests{font-size:12.5px;color:var(--muted);margin-top:8px}.share-card .brand-line{font-size:11px;color:var(--brand-deep);margin-top:12px;font-weight:700}.qr{display:grid;place-items:center;margin-top:14px}.toast{position:fixed;left:50%;bottom:120px;transform:translate(-50%);background:#17231cdb;color:#fff;font-size:13px;padding:10px 18px;border-radius:999px;z-index:80;animation:fade-in .2s ease;white-space:nowrap;pointer-events:none}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.crack{stroke-dashoffset:0}}.bg-layer .water{animation:bg-breathe 8s ease-in-out infinite alternate}@keyframes bg-breathe{0%{opacity:.4;transform:translateY(0)}to{opacity:.52;transform:translateY(-6px)}}.stage{animation:page-in .42s cubic-bezier(.22,1,.36,1) backwards}@keyframes page-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.topbar .sound-toggle{font-size:12px;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:6px 12px;min-width:0;min-height:36px;background:#fff9}.topbar .sound-toggle.on{color:var(--brand-deep);border-color:var(--brand);background:var(--brand-soft)}.topbar-right{display:flex;align-items:center;gap:2px}.result-card{position:relative}.result-hero{display:flex;align-items:center;gap:14px;margin:8px 0 4px}.result-hero .result-shell{margin:0;flex:none}.result-hero-text{min-width:0}.result-title-sm{font-size:13px;color:var(--muted);font-weight:700}.explain.clamped{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.explain-toggle{padding:2px 0;min-height:32px}.dest-guide-row{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding-top:12px;border-top:1px dashed var(--line)}.dest-source-label{font-size:12px;color:var(--muted);font-weight:700}.dest-guide-link{font-size:13px;color:var(--brand-deep);font-weight:800;text-decoration:none}.dest-guide-disabled{font-size:12px;color:var(--muted)}.dest-card-ops{display:flex;gap:16px;align-items:center;margin-top:8px}.dest-interest-state{font-size:12px;color:var(--brand-deep);font-weight:700}.dest-cta{margin-left:auto;border:1.5px solid var(--brand);background:var(--brand);color:#fff;font-size:13px;font-weight:800;border-radius:999px;padding:8px 16px;cursor:pointer;font-family:var(--sans)}.dest-cta.done{background:var(--surface);color:var(--brand-deep)}.dest-img{height:190px}.review-mask{position:fixed;top:0;bottom:0;left:50%;width:min(100vw,430px);transform:translate(-50%);background:var(--bg);overflow-y:auto;z-index:70;animation:fade-only .25s ease both}.review-inner{padding:14px 20px 40px}.review-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}.archive-card{cursor:pointer}.archive-q{font-size:12px;color:#425049;line-height:1.5;margin:4px 0 0}@media (prefers-reduced-motion: reduce){.bg-layer .water,.stage{animation:none}.qcard-inner{transition:none}.joint-flash{animation:none;opacity:.6}.press-ring{animation:none;opacity:.4}}.btn.soft{background:var(--brand-soft);border-color:var(--brand);color:var(--brand-deep)}.page-dots{display:flex;gap:6px;justify-content:center;margin-top:4px}.page-dots i{width:6px;height:6px;border-radius:50%;background:var(--line)}.page-dots i.on{background:var(--brand)}.qtext-front{font-size:15px;line-height:1.7;margin-top:14px;color:#3b4a41}.dest-page{text-align:center;font-size:12px;color:var(--muted);margin:2px 0 6px}.dest-illo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.dest-img{padding:0}.dest-img .dest-name{position:absolute;left:20px;bottom:18px;z-index:1}.city-hero{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.city-illo{display:block;width:100%;height:200px}.city-hero-name{position:absolute;left:20px;bottom:14px;color:#fff;font-size:30px;font-weight:900;text-shadow:0 2px 10px rgba(20,35,27,.35)}.share-dest-col{display:flex;flex-direction:column;gap:10px}.share-dest-row{display:flex;gap:12px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:10px}.share-dest-row b{font-size:15px}.share-dest-row p{font-size:12.5px;color:var(--muted);margin:3px 0 0;line-height:1.5}.share-dest-illo{width:84px;height:56px;border-radius:10px;flex:none}.archive-interest{display:flex;align-items:center;gap:6px;margin-top:6px;flex-wrap:wrap}.archive-interest .chip{font-size:11px;padding:4px 9px}.archive-interest .unlink{border:0;background:transparent;color:var(--muted);font-size:11px;text-decoration:underline;cursor:pointer;padding:2px}.topbar .share-btn{min-width:44px;min-height:44px;font-size:16px}.page-title{font-size:24px;margin:4px 0 6px}.result-state{font-size:13px;color:var(--muted);font-weight:700}