:root{color:#232323;background:#f5f1e7;font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans SC,system-ui,sans-serif;font-synthesis:none;line-height:1.5;text-rendering:optimizeLegibility;--ink: #232323;--muted: #6f726f;--line: #dddcd4;--paper: #ffffff;--soft: #f0efe8;--red: #e44d3a;--green: #1d8a78;--yellow: #d89b2e;--blue: #396d84;--shadow: 0 18px 50px rgba(25, 25, 25, .09)}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:repeating-linear-gradient(90deg,rgba(35,35,35,.028) 0,rgba(35,35,35,.028) 1px,transparent 1px,transparent 74px),repeating-linear-gradient(0deg,rgba(35,35,35,.024) 0,rgba(35,35,35,.024) 1px,transparent 1px,transparent 74px),linear-gradient(135deg,rgba(228,77,58,.12) 0 16%,transparent 16% 100%),linear-gradient(315deg,rgba(29,138,120,.12) 0 18%,transparent 18% 100%),linear-gradient(180deg,#fbfaf3,#f0eee5);color:var(--ink)}body:before{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.52) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.48) 1px,transparent 1px);background-size:18px 18px;content:"";opacity:.32}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}.app-shell{position:relative;isolation:isolate;width:100%;min-height:100vh;padding:22px;overflow:hidden}.app-layout{position:relative;z-index:2;display:grid;grid-template-columns:minmax(280px,340px) minmax(360px,1fr) minmax(320px,420px);gap:18px;max-width:1440px;height:calc(100vh - 44px);min-height:650px;margin:0 auto}.control-panel,.wheel-panel,.result-panel,.memory-panel{border:1px solid rgba(35,35,35,.1);border-radius:8px;background:linear-gradient(180deg,#fffffff5,#fcfaf4f0),var(--paper);box-shadow:0 1px #ffffffb8 inset,var(--shadow)}.background-decor{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}.decor-shape{position:absolute;color:#23232314}.decor-shape svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}.decor-bowl{top:7%;left:39%;width:230px;height:170px;color:#e44d3a24;transform:rotate(-8deg)}.decor-chopsticks{right:3%;bottom:12%;width:190px;height:230px;color:#1d8a7821;transform:rotate(13deg)}.decor-ticket-one{top:12%;right:15%;width:260px;height:160px;color:#396d8421;transform:rotate(9deg)}.decor-ticket-two{left:7%;bottom:6%;width:240px;height:150px;color:#d89b2e29;transform:rotate(-11deg)}.decor-stripe{position:absolute;width:160px;height:52%;background:repeating-linear-gradient(135deg,rgba(228,77,58,.11) 0 9px,transparent 9px 22px,rgba(29,138,120,.1) 22px 31px,transparent 31px 44px);opacity:.42}.decor-stripe-left{top:-8%;left:-56px;transform:rotate(-12deg)}.decor-stripe-right{right:-82px;bottom:-8%;transform:rotate(-12deg)}.control-panel{position:relative;display:flex;flex-direction:column;gap:18px;min-height:0;padding:20px;overflow:auto}.control-panel:before,.wheel-panel:before,.result-panel:before{position:absolute;right:0;left:0;top:0;height:4px;background:linear-gradient(90deg,var(--red),var(--yellow),var(--green),var(--blue));content:""}.panel-heading{position:relative;padding-bottom:8px;border-bottom:1px solid var(--line)}.eyebrow{margin:0 0 6px;color:var(--green);font-size:.8rem;font-weight:800;text-transform:uppercase}h1,h2,p{margin-top:0}h1{margin-bottom:0;font-size:2.45rem;line-height:1.05}h2{margin-bottom:0;font-size:1rem;line-height:1.25}.control-section{display:flex;flex-direction:column;gap:10px}.compact-stack{gap:8px}.section-title{display:flex;align-items:center;gap:8px;min-height:24px;color:var(--ink)}.section-title svg{color:var(--red);flex:0 0 auto}.tight-title h2{font-size:.95rem}.chip-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chip,.segment,.preset-button,.ghost-button,.primary-button,.secondary-button,.map-button,.share-button,.memory-item,.icon-button{border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease,box-shadow .16s ease}.chip,.segment{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:8px 10px;font-size:.88rem;font-weight:700;text-align:center}.chip:hover,.segment:hover,.preset-button:hover,.ghost-button:hover,.primary-button:hover,.secondary-button:hover,.map-button:hover,.share-button:hover,.memory-item:hover,.icon-button:hover{border-color:#bfc5bd;transform:translateY(-1px)}.chip.is-active,.segment.is-active{border-color:var(--ink);background:var(--ink);color:#fff;box-shadow:0 8px 18px #23232329}.preset-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.preset-button{display:grid;gap:3px;min-height:62px;padding:10px 12px;text-align:left}.preset-button strong{font-size:.92rem;line-height:1.2}.preset-button span{color:var(--muted);font-size:.74rem;line-height:1.25}.chip-swatch,.candidate-dot{width:10px;height:10px;border-radius:999px;flex:0 0 auto;box-shadow:inset 0 0 0 1px #0000001f}.field-label{color:var(--muted);font-size:.78rem;font-weight:800}.segment-field{display:flex;flex-direction:column;gap:7px}.segment-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.location-section{padding-top:4px}.location-row{display:grid;grid-template-columns:1fr 44px;gap:8px;align-items:end}.location-input{display:flex;flex-direction:column;gap:6px;color:var(--muted);font-size:.78rem;font-weight:800}.location-input input{width:100%;min-height:44px;border:1px solid var(--line);border-radius:8px;padding:10px 12px;outline:none}.location-input input:focus{border-color:var(--green);box-shadow:0 0 0 3px #1d8a781f}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;color:var(--green)}.icon-button:disabled,.spin-button:disabled{cursor:wait;opacity:.78}.location-status{min-height:20px;margin:0;color:var(--muted);font-size:.82rem}.ghost-button{width:100%;min-height:42px;margin-top:auto;color:var(--muted);font-weight:800}.experience-column{display:grid;grid-template-rows:minmax(480px,1fr) auto;gap:18px;min-width:0;min-height:0}.wheel-panel{position:relative;display:grid;place-items:center;align-content:center;gap:24px;min-height:0;padding:28px;overflow:hidden}.wheel-panel:after{position:absolute;inset:18px;z-index:0;border:1px dashed rgba(35,35,35,.1);border-radius:8px;content:""}.wheel-panel>*{position:relative;z-index:1}.wheel-shell{position:relative;display:grid;place-items:center;width:min(100%,390px);aspect-ratio:1}.wheel-shell:before{position:absolute;inset:8%;border:1px solid rgba(35,35,35,.08);border-radius:50%;content:""}.wheel{position:absolute;inset:0;border:12px solid #fff;border-radius:50%;box-shadow:0 24px 50px #1919192e,inset 0 0 0 1px #0000001f;transition:transform 1.1s cubic-bezier(.16,.84,.25,1)}.wheel:after{position:absolute;inset:21%;border:1px dashed rgba(255,255,255,.7);border-radius:50%;content:""}.wheel-inner-ring{position:absolute;inset:34%;border-radius:50%;background:#ffffffe6;box-shadow:inset 0 0 0 1px #00000014}.wheel-pointer{position:absolute;top:-2px;z-index:3;width:0;height:0;border-right:16px solid transparent;border-left:16px solid transparent;border-top:28px solid var(--ink);filter:drop-shadow(0 8px 8px rgba(0,0,0,.2))}.spin-button{position:relative;z-index:4;display:inline-flex;align-items:center;justify-content:center;gap:9px;width:148px;min-height:148px;border:8px solid #fff;border-radius:999px;background:var(--ink);color:#fff;cursor:pointer;font-weight:900;box-shadow:0 16px 32px #00000038}.spin-button span{max-width:68px;line-height:1.2}.spin-icon{animation:rotate .9s linear infinite}@keyframes rotate{to{transform:rotate(360deg)}}.candidate-strip{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;width:100%}.candidate-pill,.reason-pill,.tag-row span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:30px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:5px 10px;color:var(--muted);font-size:.8rem;font-weight:800}.current-pick{display:grid;gap:5px;min-width:min(100%,280px);border-top:1px solid var(--line);padding-top:14px;text-align:center}.current-pick strong{font-size:1.8rem;line-height:1.15}.result-panel{position:relative;display:flex;flex-direction:column;min-height:0;overflow:hidden}.empty-result{justify-content:center;min-height:480px;padding:28px}.empty-result h2{margin-bottom:12px;font-size:2rem;line-height:1.1}.empty-result p{max-width:28rem;margin-bottom:0;color:var(--muted)}.result-image-wrap{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;background:var(--soft)}.result-image-wrap:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(0,0,0,.24)),linear-gradient(90deg,rgba(228,77,58,.1),transparent 42%);content:"";pointer-events:none}.result-image{width:100%;height:100%;display:block;object-fit:cover}.result-badge{position:absolute;top:14px;right:14px;min-height:32px;border-radius:999px;background:#ffffffeb;padding:6px 12px;font-size:.82rem;font-weight:900}.result-content{display:flex;flex:1;flex-direction:column;gap:14px;min-height:0;overflow:auto;padding:22px}.result-content h2{font-size:2.2rem;line-height:1.05}.result-description{margin-bottom:0;color:var(--muted)}.reason-list,.tag-row{display:flex;flex-wrap:wrap;gap:8px}.reason-pill{border-color:#1d8a7842;background:#1d8a7814;color:#13695b}.tag-row span{border-color:#e44d3a38;background:#e44d3a14;color:#9f2c1f}.action-grid{display:grid;grid-template-columns:1fr;gap:8px;margin-top:4px}.deal-panel,.nearby-panel{display:grid;gap:10px;border:1px solid rgba(35,35,35,.08);border-radius:8px;background:#ffffffad;padding:12px}.commerce-heading{display:flex;align-items:center;gap:8px}.commerce-heading svg{color:var(--red);flex:0 0 auto}.commerce-heading div{display:grid;gap:2px}.commerce-heading strong{line-height:1.2}.commerce-heading span{color:var(--muted);font-size:.78rem;line-height:1.25}.coupon-guide{margin:-2px 0 0;color:#9f2c1f;font-size:.78rem;font-weight:800;line-height:1.4}.offer-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.offer-card{display:grid;gap:9px;min-height:132px;border:1px solid rgba(228,77,58,.22);border-radius:8px;background:linear-gradient(135deg,#e44d3a1f,#d89b2e14),#fff;padding:11px}.offer-card.has-command,.offer-card.has-command~.offer-card{grid-column:1 / -1}.offer-link{display:grid;gap:5px;min-width:0}.offer-link-button{width:100%;border:0;background:transparent;cursor:pointer;padding:0;text-align:left}.offer-link span{color:var(--red);font-size:.74rem;font-weight:900}.offer-link strong{font-size:1rem;line-height:1.1}.offer-link small{color:var(--muted);font-size:.74rem;line-height:1.25}.offer-link em{display:inline-flex;align-items:center;gap:4px;color:var(--ink);font-size:.78rem;font-style:normal;font-weight:900}.offer-stat-line{display:inline-flex;width:fit-content;border:1px solid rgba(57,109,132,.18);border-radius:999px;background:#396d8414;padding:3px 7px;color:var(--muted);font-size:.7rem;font-weight:900;line-height:1.2}.offer-copy-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;border:1px solid rgba(35,35,35,.12);border-radius:8px;background:#fff;color:var(--red);cursor:pointer;font-size:.78rem;font-weight:900;line-height:1.15}.offer-command{display:block;border:1px dashed rgba(228,77,58,.24);border-radius:8px;background:#ffffffbd;padding:8px;color:var(--muted);font-size:.72rem;line-height:1.45;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.coupon-status{min-height:18px;margin:-2px 0 0;color:var(--muted);font-size:.76rem;font-weight:800}.tracking-panel{display:grid;gap:10px;border:1px solid rgba(57,109,132,.14);border-radius:8px;background:#ffffffc7;padding:12px}.tracking-panel .commerce-heading svg{color:var(--blue)}.tracking-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tracking-metrics span{display:grid;place-items:center;gap:3px;min-height:54px;border:1px solid rgba(35,35,35,.08);border-radius:8px;background:#fff;padding:8px;text-align:center}.tracking-metrics b{font-size:1.25rem;line-height:1}.tracking-metrics small{color:var(--muted);font-size:.72rem;font-weight:900}.tracking-breakdown{display:grid;gap:6px}.tracking-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;border-top:1px dashed var(--line);padding-top:6px}.tracking-row span,.tracking-row strong{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tracking-row span{color:var(--muted);font-size:.76rem;font-weight:850}.tracking-row strong{font-size:.74rem}.store-list{display:grid;gap:8px}.store-row{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:8px;background:#fff;padding:10px}.store-row>div{display:grid;gap:4px;min-width:0}.store-row strong,.store-row small,.store-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.store-row small,.store-row>div:last-child span{color:var(--muted);font-size:.74rem}.store-row>div:last-child{justify-items:end;text-align:right}.store-row b{font-size:.82rem}.store-badge{width:fit-content;border-radius:999px;background:#1d8a781a;padding:2px 7px;color:var(--green);font-size:.7rem;font-weight:900}.map-button,.primary-button,.share-button,.secondary-button,.memory-item{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:10px 12px;font-weight:850}.map-button{background:var(--ink);color:#fff}.primary-button{border-color:var(--ink);background:var(--ink);color:#fff}.share-button{width:100%;border-color:#1d8a7847;background:#1d8a7814;color:#13695b}.share-button span{border-left:1px solid rgba(29,138,120,.24);padding-left:8px;color:var(--muted);font-size:.76rem}.result-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:auto}.secondary-button{background:#fff;color:var(--ink)}.secondary-button.is-favorite{border-color:#e44d3a57;background:#e44d3a1a;color:var(--red)}.revenue-note{display:flex;align-items:center;gap:7px;border-top:1px dashed var(--line);padding-top:10px;color:var(--muted);font-size:.78rem}.revenue-note svg{color:var(--yellow);flex:0 0 auto}.memory-panel{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px}.memory-panel:before{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0,transparent 34px,rgba(35,35,35,.025) 34px,rgba(35,35,35,.025) 35px);content:"";pointer-events:none}.memory-panel>*{position:relative}.memory-column{display:flex;min-width:0;flex-direction:column;gap:10px}.memory-list{display:flex;flex-wrap:wrap;gap:8px;min-height:42px;align-content:flex-start}.memory-item{min-height:34px;padding:7px 10px;background:#fff;color:var(--muted);font-size:.82rem}.memory-empty{display:inline-flex;align-items:center;min-height:34px;color:#8b8e8b;font-size:.82rem}.modal-backdrop{position:fixed;inset:0;z-index:20;display:grid;place-items:end center;padding:18px;background:#14141475}.permission-modal{position:relative;width:min(100%,440px);border:1px solid rgba(255,255,255,.42);border-radius:8px;background:#fff;padding:22px;box-shadow:0 26px 70px #0000003d}.modal-close{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);cursor:pointer}.permission-icon{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;margin-bottom:12px;border-radius:999px;background:#e44d3a1a;color:var(--red)}.permission-modal h2{max-width:calc(100% - 46px);margin-bottom:10px;font-size:1.45rem;line-height:1.18}.permission-copy{margin-bottom:14px;color:var(--muted)}.permission-steps{display:grid;gap:9px;margin:0 0 14px;padding-left:22px;color:var(--ink);font-size:.94rem}.permission-steps li::marker{color:var(--green);font-weight:900}.permission-state{margin-bottom:14px;color:var(--muted);font-size:.82rem}.permission-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media(max-width:1180px){.app-layout{grid-template-columns:minmax(280px,340px) minmax(0,1fr)}.result-panel{grid-column:1 / -1;display:grid;grid-template-columns:minmax(280px,420px) minmax(0,1fr)}.empty-result{display:flex}.result-content{max-height:none}}@media(max-width:820px){.app-shell{padding:12px}.app-layout{grid-template-columns:1fr;height:auto;min-height:auto}.control-panel{overflow:visible}.experience-column{grid-template-rows:auto auto}.wheel-panel{padding:22px 16px}.wheel-shell{width:min(100%,340px)}.result-panel{display:flex}.memory-panel{grid-template-columns:1fr}}@media(max-width:520px){.chip-grid,.segment-group,.result-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.preset-grid,.offer-grid,.store-row{grid-template-columns:1fr}.store-row>div:last-child{justify-items:start;text-align:left}.spin-button{width:132px;min-height:132px}.result-content h2,.empty-result h2{font-size:1.8rem}.modal-backdrop{align-items:end;padding:12px}.permission-modal{padding:20px}.permission-actions{grid-template-columns:1fr}}