:root{--bg: #f5f5f5;--card: rgba(255,255,255,.86);--line: rgba(0,0,0,.08);--line-deep: rgba(0,0,0,.14);--text: #111;--text-soft: #555;--text-faint: #8a8a8a;--shadow: 0 14px 36px rgba(0,0,0,.06);--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px}*{box-sizing:border-box}html,body{min-height:100%;margin:0;background:radial-gradient(circle at top left,rgba(0,0,0,.06),transparent 22%),radial-gradient(circle at 85% 20%,rgba(0,0,0,.04),transparent 18%),linear-gradient(180deg,#f7f7f7,#f1f1f1);color:var(--text);font-family:PingFang SC,Microsoft YaHei,"Noto Serif SC",system-ui,-apple-system,sans-serif}body{overflow-x:hidden}.page-wrap{min-height:100vh;display:flex;flex-direction:column;position:relative}.ink-wash{position:absolute;inset:0;pointer-events:none;overflow:hidden}.ink-wash:before,.ink-wash:after{content:"";position:absolute;border-radius:999px;filter:blur(60px)}.ink-wash:before{width:280px;height:280px;background:#000;opacity:.1;left:-80px;top:30px}.ink-wash:after{width:220px;height:220px;background:#000;opacity:.08;right:-60px;top:140px}.page-wrap>*{position:relative;z-index:1}.topbar{padding:10px 0 0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:42px;height:42px;border-radius:14px;border:1px solid var(--line);background:#fff9;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow);flex:0 0 auto}.brand-mark img{width:20px;height:20px;object-fit:contain;display:block}.brand-title{margin:0;font-size:1rem;font-weight:700;letter-spacing:.06em}.brand-sub{margin:0;font-size:.82rem;color:var(--text-faint)}.top-pill{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--line);background:#ffffff85;color:var(--text-soft);font-size:.9rem;white-space:nowrap}.hero{padding:0 0 14px}.hero-box{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffc2,#f8f8f8ad);border-radius:28px;padding:28px 24px;box-shadow:var(--shadow);position:relative;overflow:hidden;text-align:center}.hero-box:after{content:"";position:absolute;right:-24px;bottom:-24px;width:130px;height:130px;border-radius:999px;background:radial-gradient(circle,rgba(0,0,0,.08),transparent 68%)}.hero-title{margin:0 0 12px;font-size:1.2rem;line-height:1.18;font-weight:700;letter-spacing:.02em}.hero-desc{margin:0 auto;color:var(--text-soft);font-size:.95rem;line-height:1.85}.main-card,.result-card{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffd1,#f4f4f4b8);border-radius:var(--radius-xl);box-shadow:var(--shadow)}.field-label{font-size:.94rem;color:#111;font-weight:600;margin-bottom:8px}.safety-top{text-align:center;margin-bottom:18px}.tag-list{display:inline-flex;flex-wrap:wrap;gap:10px;justify-content:center}.safety-tag{display:inline-flex;align-items:center;justify-content:center;padding:8px 14px;border-radius:999px;background:#ffffffa8;border:1px solid var(--line);color:var(--text-soft);font-size:.82rem;line-height:1;white-space:nowrap}.draw-zone{text-align:center;padding:4px 0 6px}.draw-guide{font-size:.9rem;color:var(--text-soft);margin-bottom:8px;letter-spacing:.08em}.draw-tip{font-size:.84rem;color:var(--text-faint);margin-top:10px}.lot-stage{width:260px;margin:0 auto;position:relative}.lot-static,.lot-video{width:100%;display:block}.lot-video{border:0;background:transparent}.lot-result{display:none;margin:12px auto 0;max-width:520px;padding:16px 18px;border-radius:18px;border:1px solid var(--line);background:linear-gradient(180deg,#ffffffd6,#f4f4f4b8);box-shadow:0 10px 24px #0000000a}.lot-result.show{display:block;animation:fadeUp .35s ease}.lot-meta{font-size:.88rem;color:var(--text-faint);margin-bottom:8px;letter-spacing:.08em}.lot-name{font-size:1.3rem;font-weight:700;margin-bottom:10px;color:#111}.lot-poem{font-size:.96rem;line-height:2;color:var(--text-soft)}.seg-wrap{background:#ffffffb8;border:1px solid var(--line);border-radius:16px;padding:4px;display:flex;gap:4px}.seg-item{flex:1;position:relative;min-width:0}.seg-item input{position:absolute;opacity:0;pointer-events:none}.seg-item label{width:100%;min-height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;padding:10px 14px;font-size:.92rem;color:#666;cursor:pointer;transition:all .18s ease;user-select:none;text-align:center;line-height:1.2}.seg-item input:checked+label{background:linear-gradient(180deg,#0000000f,#00000008);color:#111;font-weight:700}.mode-main{display:inline-flex;align-items:center;justify-content:center;gap:8px;line-height:1;flex-wrap:wrap}.mode-recommend{display:inline-flex;align-items:center;justify-content:center;height:20px;padding:0 8px;border-radius:999px;background:#111;color:#fff;font-size:11px;font-weight:700;line-height:1;border:1px solid rgba(0,0,0,.08)}.mode-copy-inline{font-size:.84rem;color:var(--text-soft);line-height:1.9;text-align:center;padding:10px 10px 0;min-height:36px}.agree-box{display:flex;align-items:flex-start;gap:10px;font-size:.88rem;color:var(--text-soft);line-height:1.8}.agree-box input{margin-top:4px}.agree-box a{color:var(--text-soft)}.btn-push{min-height:50px;border:none;border-radius:14px;background:linear-gradient(180deg,#1d1d1d,#0f0f0f);color:#fff;font-size:1rem;font-weight:700;letter-spacing:.03em;box-shadow:0 10px 20px #00000024}.btn-push:hover{background:linear-gradient(180deg,#111,#000);color:#fff}.btn-push:disabled{color:#fff}.result-title{font-size:1rem;font-weight:700;color:#111;margin-bottom:16px}.sign-summary{margin:0 auto;color:var(--text-soft);font-size:1rem;line-height:1.95}.fortune-panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:20px}.mini-panel{border:1px solid var(--line);border-radius:16px;background:#ffffffb8;padding:16px}.mini-panel-title{font-size:.88rem;color:var(--text-faint);margin-bottom:10px;font-weight:700;letter-spacing:.06em}.mini-panel p{margin:0;font-size:.92rem;line-height:1.9;color:var(--text-soft)}.insight-card{height:580px;display:flex;flex-direction:column}.insight-scroll{flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;-ms-overflow-style:none;padding-right:2px;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scroll-behavior:smooth}.insight-scroll::-webkit-scrollbar{width:0;height:0;display:none}.insight-block{padding-bottom:20px;margin-bottom:20px;border-bottom:1px dashed rgba(0,0,0,.1)}.insight-block:last-child{border-bottom:none;margin-bottom:0;padding-bottom:10px}.insight-block h4{font-size:.98rem;font-weight:700;color:#111;margin-bottom:10px}.insight-block p{font-size:.92rem;line-height:1.95;color:var(--text-soft);margin-bottom:10px}.followup-list{display:grid;gap:12px}.followup-item{border:1px solid var(--line);background:linear-gradient(180deg,#ffffffdb,#f4f4f4b8);border-radius:16px;padding:14px 14px 12px}.followup-q{font-size:.82rem;color:var(--text-faint);margin-bottom:8px;line-height:1.7}.followup-a{font-size:.9rem;color:var(--text-soft);line-height:1.9}.qa-bar{flex:0 0 auto;border-top:1px solid rgba(0,0,0,.06);padding-top:12px;margin-top:10px;background:linear-gradient(180deg,#fff0,#fafafad1 22%,#fafafafa)}.qa-samples{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.sample-question{border:none;border-radius:999px;padding:8px 12px;background:#0000000d;color:#222;font-size:.82rem;line-height:1.2;transition:.18s ease}.sample-question:hover{background:#0000001a}.qa-input-wrap{display:flex;gap:10px;align-items:center}.qa-input-animated{position:relative;flex:1;min-width:0;height:48px;border-radius:12px;background:#ffffffeb;border:1px solid rgba(0,0,0,.12);overflow:hidden}.qa-input-inner{position:relative;z-index:2;border:none!important;background:transparent!important;box-shadow:none!important;min-height:48px;height:48px;padding:0 14px}.qa-input-animated .line{position:absolute;z-index:1;border-radius:999px;background:linear-gradient(90deg,#fff0,#0000008c,#fff0);opacity:.75;pointer-events:none}.qa-input-animated .line-top{top:0;left:-30%;width:30%;height:2px;animation:runTop 3.2s linear infinite}.qa-input-animated .line-right{top:-30%;right:0;width:2px;height:30%;background:linear-gradient(180deg,#fff0,#0000008c,#fff0);animation:runRight 3.2s linear infinite;animation-delay:.8s}.qa-input-animated .line-bottom{bottom:0;right:-30%;width:30%;height:2px;animation:runBottom 3.2s linear infinite;animation-delay:1.6s}.qa-input-animated .line-left{bottom:-30%;left:0;width:2px;height:30%;background:linear-gradient(180deg,#fff0,#0000008c,#fff0);animation:runLeft 3.2s linear infinite;animation-delay:2.4s}.icon-send{width:48px;height:48px;min-width:48px;border:none;border-radius:14px;background:linear-gradient(180deg,#1d1d1d,#0f0f0f);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #00000024}.icon-send svg{width:18px;height:18px}.pay-modal .modal-content{border:1px solid #eadfce;border-radius:22px;box-shadow:0 20px 60px #45332029;overflow:hidden}.pay-modal .modal-dialog{max-width:460px}.pay-modal .modal-content{border:1px solid rgba(255,255,255,.18);border-radius:24px;overflow:hidden;box-shadow:0 28px 80px #00000047}.pay-top{position:relative;background:linear-gradient(180deg,#1f1915,#181310);color:#fff;padding:18px 22px 20px;text-align:center}.pay-top-meta{font-size:12px;color:#b78a35;margin-bottom:10px}.pay-top-title{font-size:22px;line-height:1.2;font-weight:700;letter-spacing:.04em}.pay-top-sub{font-size:11px;letter-spacing:.14em;color:#ffffff94;margin-top:6px}.pay-close{position:absolute;right:16px;top:16px;width:36px;height:36px;border-radius:999px;background-color:#0000006b;filter:invert(1) grayscale(100%);opacity:1}.pay-body{padding:22px 22px 18px;background:#fff}.pay-slogan-box{border:1px solid #efe7dc;border-radius:18px;background:linear-gradient(180deg,#fffdfa,#fbf7f2);padding:18px 16px;text-align:center;margin-bottom:18px}.pay-copy{font-size:15px;line-height:1.9;color:#5f5245;min-height:29px}.price-row{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin-bottom:12px;flex-wrap:wrap}.old-price{font-size:14px;color:#aea092;text-decoration:line-through}.sale-price{font-size:42px;line-height:1;font-weight:800;color:#d9362b}.sale-price small{font-size:18px;margin-right:2px;font-weight:600}.limited-badge{display:inline-flex;align-items:center;justify-content:center;height:24px;padding:0 9px;border-radius:8px;background:#ff5f57;color:#fff;font-size:11px;font-weight:700;transform:rotate(-10deg)}.pay-desc{text-align:center;font-size:13px;color:#6b5e52;margin-bottom:14px}.qr-panel{display:flex;justify-content:center;margin-bottom:12px}.qr-box{width:210px;height:210px;position:relative;border-radius:18px;background:#fff;border:10px solid #fff;box-shadow:0 8px 20px #00000014;display:flex;align-items:center;justify-content:center}.qr-box img,.qr-box canvas{width:100%!important;height:100%!important}.qr-box .qr-logo{position:absolute;width:42px!important;height:42px!important;padding:6px;border-radius:12px;background:#fff;box-shadow:0 4px 12px #00000029;object-fit:contain}.pay-tip{text-align:center;font-size:12px;color:#a19284;margin-bottom:14px}.sync-btn{width:100%;min-height:48px;border:none;border-radius:12px;background:#1fa344;color:#fff;font-size:16px;font-weight:700;box-shadow:0 10px 24px #1fa34438}.sync-btn:hover{background:#17923b}.pay-footer{border-top:1px solid #f0ece7;text-align:center;padding:14px 18px;font-size:12px;color:#8f8174;background:#fbfaf8}.footer{margin-top:auto;padding:12px 0 28px;color:var(--text-faint);font-size:.88rem}.footer-line{border-top:1px solid var(--line);padding-top:16px}@keyframes barrelShake{0%,to{transform:translateY(0) rotate(0)}20%{transform:translateY(1px) rotate(-1deg)}40%{transform:translateY(0) rotate(.8deg)}60%{transform:translateY(1px) rotate(-.6deg)}80%{transform:translateY(0) rotate(.5deg)}}@keyframes stickPulse{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes runTop{0%{left:-30%}25%{left:100%}to{left:100%}}@keyframes runRight{0%{top:-30%}25%{top:-30%}50%{top:100%}to{top:100%}}@keyframes runBottom{0%{right:-30%}50%{right:-30%}75%{right:100%}to{right:100%}}@keyframes runLeft{0%{bottom:-30%}75%{bottom:-30%}to{bottom:100%}}@media(max-width:991.98px){.hero-box{padding:24px 18px;border-radius:24px}.main-card,.result-card{border-radius:20px}.fortune-panels{grid-template-columns:1fr}}@media(max-width:767.98px){.brand-sub{display:none}.hero-title{font-size:1.2rem}.hero-desc{font-size:.95rem;line-height:1.8}.insight-card{height:540px}.sale-price{font-size:38px}.qr-box{width:190px;height:190px}}@media(max-width:575.98px){.topbar{padding-top:14px}.brand-mark{width:38px;height:38px;border-radius:12px}.hero{padding-top:18px}.hero-box{padding:22px 16px}.hero-title{font-size:1.2rem;margin-bottom:10px}.main-card{padding:16px!important}.seg-item label{min-height:42px;font-size:.86rem;padding:8px 10px}.field-label{font-size:.88rem;margin-bottom:6px}.safety-tag{padding:6px 10px;font-size:.75rem}.btn-push{min-height:46px;font-size:.92rem}.lot-box{width:190px;height:210px}.lot-barrel{width:146px;height:166px}}.open-browser-modal{position:fixed;inset:0;z-index:9999}.open-browser-modal .ob-overlay{position:absolute;inset:0;background:#000000bf}.open-browser-modal .ob-tip{position:absolute;top:16px;right:16px;text-align:right;color:#fff}.open-browser-modal .ob-arrow{font-size:42px;line-height:1;margin-bottom:8px}.open-browser-modal .ob-text{font-size:16px;line-height:1.6}.open-browser-modal .ob-close{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:12px 24px;border-radius:24px;border:none;background:#b68757;color:#fff;font-size:14px}
