.ex-tool{max-width:680px;margin:auto;min-height:100dvh;background:#f7f3eb;color:#263a35;padding:22px 22px 50px;font:16px/1.7 system-ui,sans-serif}.ex-tool,.ex-tool *{box-sizing:border-box}.ex-tool header{display:flex;justify-content:space-between;gap:12px}.ex-tool a{color:inherit;text-decoration:none}.ex-tool header span{font-size:12px}.ex-title{padding:36px 0 24px}.ex-title h1{font-family:serif;font-size:38px;line-height:1.3;margin:8px 0}.ex-progress,.ex-title>p:first-child{font-size:13px;color:#77664a;letter-spacing:.1em}.ex-panel{background:#fffdf8;border:1px solid #ddd6c7;border-radius:18px;padding:24px;overflow-wrap:anywhere}.ex-tool h2{font-size:24px;line-height:1.45}.ex-tool h3{font-size:18px}.ex-fields{border:0;padding:0;margin:0 0 24px;display:grid;gap:10px;min-width:0}.ex-fields legend{font-size:21px;margin:12px 0}.ex-tool input:not([type=checkbox]),.ex-tool select,.ex-tool textarea{width:100%;max-width:100%;min-width:0;border:1px solid #b9c1b7;border-radius:8px;background:#fff;color:#243d35;padding:12px;font:inherit}.ex-tool textarea{resize:vertical}.ex-check{display:flex;gap:10px;align-items:center;font-size:14px}.ex-link,.ex-tool button{border:1px solid #b9c1b7;border-radius:10px;background:transparent;color:#294339;padding:12px 16px;font:inherit;cursor:pointer;display:inline-block;margin:6px 0;min-height:46px}.ex-tool button:disabled{opacity:.5;cursor:wait}.ex-tool button[aria-pressed=true]{background:#e7eddf;border-color:#294339}.ex-tool .ex-primary{background:#234d40;color:white;border-color:#234d40;width:100%}.ex-tool :focus-visible{outline:3px solid #bb8538;outline-offset:3px}.ex-actions{display:flex;gap:10px;flex-wrap:wrap}.ex-muted{color:#696d62;font-size:14px}.ex-error{color:#9a312f;background:#fff1ed;padding:12px}.ex-chart{overflow-x:auto;margin:20px 0}.ex-tool footer{font-size:12px;color:#797b71;margin-top:28px}.ex-tool footer a{display:block;margin-top:12px}.ex-guide{height:250px;overflow:hidden;border-radius:18px 18px 0 0}.ex-guide img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}.ex-guide+.ex-panel{border-radius:0 0 18px 18px}.ex-keepsake{border:1px solid #a78d5d;background:#f4ebd8;padding:24px;border-radius:12px}.ex-keepsake blockquote{margin:12px 0;padding-left:12px;border-left:2px solid #9f8250;white-space:pre-wrap}.ex-cups{display:flex;justify-content:center;gap:30px;padding:55px 10px}.ex-cups span{width:85px;height:150px;background:linear-gradient(90deg,#761b21,#bb4145);border-radius:90% 10% 10% 90%;transform:rotate(-25deg);box-shadow:8px 12px 12px #0002}.ex-cups span+span{transform:rotate(155deg)}.ex-cups span[data-face="0"]{background:linear-gradient(90deg,#d3a780,#e5c29a);box-shadow:inset 0 0 0 6px #9b333a,8px 12px 12px #0002}.ex-cups.is-holding{animation:ex-shake .35s ease infinite alternate}.ex-hold{touch-action:none;user-select:none}.ex-tool details{margin:20px 0}.ex-tool summary{cursor:pointer}.ex-discover{padding:24px 0}.ex-discover h2{font-size:24px}.ex-discover-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ex-discover-grid a{border:1px solid #d7d6cb;border-radius:12px;padding:16px;text-decoration:none;color:inherit;background:#f5f0e8}.ex-discover-grid span,.ex-discover-grid strong{display:block}.ex-discover-grid span{font-size:13px;margin-top:8px;color:#5c645b}.ex-discover-grid small{font-size:11px;color:#826d48}@keyframes ex-shake{to{transform:translateY(-9px) rotate(4deg)}}@media(prefers-reduced-motion:reduce){.ex-cups.is-holding{animation:none}}@media(max-width:360px){.ex-tool{padding:16px 14px 36px}.ex-panel{padding:16px}.ex-title h1{font-size:31px}.ex-discover-grid{grid-template-columns:1fr}.ex-tool header span{display:none}}.ex-chart .bazi-table{background:#263d36;backdrop-filter:none}.ex-chart .bazi-table__head span{color:#eee5d8}.ex-landing{max-width:540px;margin:auto;background:#f7f3eb;color:#263a35;min-height:100dvh;font:16px/1.7 system-ui,sans-serif}.ex-landing *{box-sizing:border-box}.ex-landing nav{height:64px;padding:0 22px;display:flex;align-items:center;justify-content:space-between}.ex-landing a{color:inherit;text-decoration:none}.ex-landing nav>a:first-child{font-weight:850;font-style:italic;font-size:25px;letter-spacing:-1px}.ex-landing nav>a+a{font-size:13px}.ex-hero{position:relative;isolation:isolate;background:#162c29}.ex-hero>img{display:block;width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.ex-hero:after{content:"";position:absolute;inset:42% 0 0;background:linear-gradient(transparent,#142019ee);z-index:0}.ex-hero-copy{position:absolute;z-index:1;bottom:28px;left:24px;right:22px;color:#fff8e8}.ex-hero-copy>p{font-size:12px;letter-spacing:.11em;margin:0 0 12px}.ex-hero-copy h1{font:500 clamp(30px,7vw,43px)/1.4 serif;white-space:pre-line;margin:0 0 10px}.ex-hero-copy span{font-size:13px;letter-spacing:.14em}.ex-landing-body{padding:24px}.ex-lead{font-size:18px;line-height:1.9;margin:0 0 24px}.ex-landing button{font:inherit;border-radius:10px;padding:14px 18px;cursor:pointer;min-height:48px}.ex-landing .ex-primary{background:#234d40;color:#fff8e8;border:0;width:100%}.ex-free{text-align:center;font-size:12px;color:#73776c}.ex-benefits{display:grid;gap:14px;margin:38px 0}.ex-benefits>div{display:flex;gap:18px;align-items:center;border-bottom:1px solid #dedbcf;padding:12px 0}.ex-benefits small{color:#9c7c4f}.ex-benefits strong{font-weight:500}.ex-landing h2{font:500 25px/1.5 serif;margin:35px 0 18px}.ex-roadmap{list-style:none;padding:0;display:grid;gap:15px}.ex-roadmap li{display:flex;align-items:center;gap:14px}.ex-roadmap span{font-size:12px;border:1px solid #cdcabc;border-radius:50%;width:30px;height:30px;display:grid;place-items:center;flex-shrink:0}.ex-landing footer{font-size:12px;text-align:center;padding:40px 0 20px}.ex-scene{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:16px;margin:0 0 20px}.ex-step-progress>div{display:flex;gap:4px}.ex-step-progress span{flex:1;height:3px;background:#dbddd3}.ex-step-progress .is-done{background:#3b6556}.ex-step-progress p{font-size:12px;letter-spacing:.06em;margin:10px 0 20px;color:#687568}.ex-choices{display:grid;gap:8px}.ex-choices button{text-align:left;width:100%;margin:0;display:flex;justify-content:space-between;align-items:center}.ex-choices button:after{content:"↗";font-size:18px}.ex-summary{border-left:2px solid #ac8d58;padding-left:16px;margin:24px 0}.ex-report-section{padding:20px 0;border-top:1px solid #dcd9cd}.ex-report-section small{color:#967748;letter-spacing:.12em}.ex-elements{display:grid;gap:10px}.ex-elements>div{display:grid;grid-template-columns:22px 1fr 35px;gap:12px;align-items:center}.ex-elements meter{width:100%;accent-color:#446956}.ex-report-art{width:100%;display:block;border-radius:14px;margin:20px 0}.ex-art-card{background:#f2e4ca url(/ip/explore-2026-09-25/keepsake.webp) 50%/cover;padding:28% 20% 35%;min-height:450px;display:flex;flex-direction:column;justify-content:center;color:#493b29;text-align:center;border-radius:12px}.ex-art-card h2{font-size:22px}.ex-art-card p{font-size:13px}.ex-discover-grid a{overflow:hidden}.ex-discover-grid img{width:calc(100% + 32px);max-width:none;margin:-16px -16px 14px;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%;display:block}.ex-tool .ex-title{padding:24px 0 18px}.ex-tool .ex-title h1{font-size:29px}.ex-tool .ex-title>p:last-child{font-size:14px}.ex-landing :focus-visible{outline:3px solid #bb8538;outline-offset:3px}@media(max-width:360px){.ex-landing-body{padding:20px}.ex-hero-copy{left:20px;bottom:22px}.ex-hero-copy h1{font-size:29px}.ex-art-card{padding:23% 18% 34%}.ex-art-card h2{font-size:19px}}.ex-toss .ex-cups{background:linear-gradient(#43201933,#25140944),url(/ip/explore-2026-09-25/jiaobei-scene.webp) 50%/cover;border-radius:14px;min-height:260px;align-items:center}.ex-toss .ex-cups span{width:68px;height:112px;box-shadow:10px 12px 12px #0006}.ex-toss .ex-cups span[data-face="0"]{box-shadow:inset 0 0 0 6px #9b333a,10px 12px 12px #0006}.ex-logo{display:block;width:108px;height:auto;max-height:46px;object-fit:contain}.ex-tool header{align-items:center}.ex-art-card{aspect-ratio:2/3;min-height:0;background-size:100% 100%;padding:20% 18% 34%;overflow-wrap:anywhere}.ex-art-card span{font-size:12px}.ex-offer{display:grid;gap:4px;margin:18px 0;padding:14px 16px;border:1px solid rgba(255,79,123,.45);border-radius:14px;background:rgba(255,79,123,.08);color:inherit;text-decoration:none}.ex-offer small{font-size:12px;opacity:.75}.ex-offer strong{font-size:17px;font-weight:700}.ex-offer span{font-size:14px;color:#ff4f7b;font-weight:600}.ex-offer:focus-visible{outline:2px solid #ff4f7b;outline-offset:2px}.pp-jiao-result .ex-offer{margin:12px auto 0;max-width:320px;text-align:left;background:rgba(18,12,10,.55);border-color:rgba(255,79,123,.6)}