:root{--bg:#f7f3ed;--card:#fffdfa;--ink:#171813;--muted:#696b64;--line:#ded9d0;--olive:#566848;--green:#47684c;--amber:#94672f;--soft:#f1eee7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 12% 0,#fffaf4 0,transparent 30%),var(--bg);color:var(--ink);font-family:Georgia,"Times New Roman",serif}button{font:inherit}.wrap{max-width:1280px;margin:auto;padding:24px 32px 58px}.topbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid var(--line)}.brand{display:flex;gap:11px;align-items:center;color:inherit;text-decoration:none}.brandMark{font-size:32px}.brand b{display:block;font-size:24px;letter-spacing:-.04em}.brand small{display:block;font:12.5px Arial,sans-serif;color:var(--muted);margin-top:2px}.motto{font-size:14px}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:34px;align-items:center;padding:42px 0 34px;border-bottom:1px solid var(--line)}.eyebrow{font:800 12px Arial,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:var(--olive)}.hero h1{font-size:clamp(46px,6vw,76px);line-height:.95;letter-spacing:-.06em;margin:11px 0 16px}.heroCopy>p{font:18px/1.62 Arial,sans-serif;color:#545750;max-width:720px;margin:0 0 20px}.heroCta{display:inline-flex;align-items:center;gap:10px;background:var(--olive);color:#fff;text-decoration:none;border-radius:999px;padding:14px 20px;font:700 15px Arial,sans-serif}.promiseGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px}.promiseGrid div{background:#fff;border:1px solid var(--line);border-radius:13px;padding:13px}.promiseGrid b{display:block;font-size:14px;margin-bottom:4px}.promiseGrid span{font:12px/1.45 Arial,sans-serif;color:var(--muted)}.heroVisual{position:relative;overflow:hidden;border-radius:22px;box-shadow:0 16px 34px rgba(54,43,31,.12);min-height:330px;background:#e9e2d8}.heroVisual .photo{height:100%;min-height:330px;aspect-ratio:auto}.heroNote{position:absolute;right:15px;bottom:15px;max-width:245px;background:rgba(255,253,249,.94);border:1px solid rgba(255,255,255,.7);border-radius:14px;padding:12px 13px}.heroNote b{display:block;margin-bottom:4px}.heroNote span{font:12.5px/1.45 Arial,sans-serif;color:#555850}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:22px 46px 34px}.step{text-align:center;position:relative;color:#a1a19b}.step:not(:last-child)::after{content:"";position:absolute;top:17px;left:58%;right:-42%;height:1px;background:#d8d5ce}.step i{font-style:normal;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 7px;background:#e8e6e1;font:bold 14px Arial,sans-serif;position:relative;z-index:1}.step b{font-size:13px}.step.active{color:var(--ink)}.step.active i{background:var(--olive);color:#fff}.layout{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(290px,.9fr);gap:32px;align-items:start}h2{font-size:44px;line-height:1.04;letter-spacing:-.045em;margin:12px 0 8px}.lead{font:16.5px/1.6 Arial,sans-serif;color:#555850;margin:0 0 22px}.symptomGrid,.visualGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.symptom,.visualChoice{padding:0;border:1px solid var(--line);border-radius:11px;background:#fff;overflow:hidden;position:relative;text-align:left;cursor:pointer;transition:.14s}.symptom:hover,.visualChoice:hover{transform:translateY(-2px);box-shadow:0 11px 25px rgba(45,38,29,.08);border-color:#c6c1b8}.symptom.selected{outline:3px solid rgba(86,104,72,.2);border-color:var(--olive)}.copy{padding:12px 14px 14px;min-height:80px}.copy b{display:block;font-size:15px;margin-bottom:5px}.copy span{font:12.5px/1.4 Arial,sans-serif;color:var(--muted)}.radio{position:absolute;right:13px;bottom:14px;width:20px;height:20px;border:1px solid #9f9e98;background:#fff;border-radius:50%}.symptom.selected .radio::after{content:"";position:absolute;inset:4px;border-radius:50%;background:var(--olive)}.specialRow{width:100%;display:flex;justify-content:space-between;align-items:center;text-align:left;margin-top:17px;padding:15px 17px;border:1px solid var(--line);border-radius:10px;background:#fff;cursor:pointer}.specialRow small{display:block;font:12px Arial,sans-serif;color:var(--muted);margin-top:4px}.nextBtn{display:block;width:46%;min-width:270px;margin:24px auto 0;padding:14px 20px;border:0;border-radius:999px;background:var(--olive);color:#fff;font-size:17px;cursor:pointer}.nextBtn:disabled{opacity:.42;cursor:not-allowed}.sidecard{position:sticky;top:18px;background:#f0f1eb;border-radius:19px;padding:18px}.sidecard h3{font-size:25px;margin:3px 0 5px}.sidecard>p{font:13px Arial,sans-serif;color:var(--muted);margin:0 0 12px}.reference{position:relative;overflow:hidden;border-radius:10px}.reference span{position:absolute;left:10px;bottom:10px;background:rgba(255,255,255,.94);border-radius:999px;padding:6px 9px;font:bold 10px Arial,sans-serif}.checks{list-style:none;padding:14px 0 16px;margin:0;border-bottom:1px solid #bcbfb5}.checks li{font:13px/1.5 Arial,sans-serif;color:#50534d;margin:7px 0;padding-left:27px;position:relative}.checks li::before{content:"✓";position:absolute;left:0;top:0;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#788c6e;color:#fff;font-size:11px}.tip,.scope{margin-top:15px;padding:13px;border-radius:11px}.tip{background:#f1dfca}.scope{background:#fff;border:1px solid var(--line)}.tip b,.scope b{display:block;margin-bottom:4px}.tip span,.scope span{font:12.5px/1.48 Arial,sans-serif;color:#5d6059}
#question,#result{display:none}.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px}.panel h2{font-size:34px;margin:7px 0 8px}.panel>p{font:14px/1.55 Arial,sans-serif;color:var(--muted);margin:0 0 17px}.answers{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}.answer{border:1px solid var(--line);background:#fff;border-radius:10px;padding:14px;text-align:left;cursor:pointer}.answer:hover{border-color:#aeb7a6;background:#fafcf8}.answer b{display:block;font-size:14px;margin-bottom:4px}.answer span{font:12px/1.45 Arial,sans-serif;color:var(--muted)}.signal{margin:12px 0 16px;padding:11px 12px;background:#f5f2ec;border:1px solid var(--line);border-radius:10px;font:12.5px/1.5 Arial,sans-serif;color:#62645e}.actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:17px}.actions button{border:0;border-radius:9px;padding:10px 13px;font-weight:700;cursor:pointer}.primary{background:var(--olive);color:#fff}.secondary{background:#ece9e2}.badge{display:inline-block;border-radius:999px;padding:6px 9px;background:#e7eee3;color:var(--green);font:bold 10px Arial,sans-serif;letter-spacing:.05em}.badge.beta{background:#f7ebdc;color:var(--amber)}.facts{margin:15px 0;background:var(--soft);border:1px solid var(--line);border-radius:12px;padding:13px}.facts b{display:block;font:10px Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}.facts ul{margin:0;padding-left:18px;font:12.5px/1.5 Arial,sans-serif;color:#666}.rank{padding:16px 0;border-top:1px solid #e5e1da}.rank:first-of-type{border-top:0}.rankTop{display:flex;justify-content:space-between;gap:15px}.rank h3{font-size:18px;margin:0 0 5px}.rank p{font:13px/1.5 Arial,sans-serif;color:#666;margin:0}.confidence{font:bold 9px Arial,sans-serif;background:#efe3d5;border-radius:7px;padding:6px 8px;height:max-content}.test{margin-top:8px;padding:16px;border:1px solid #c8d5c0;background:#edf3e9;border-radius:12px}.test small{display:block;color:var(--green);font:bold 10px Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase}.test h3{font-size:19px;margin:5px 0}.test p{font:13px/1.55 Arial,sans-serif;color:#474944;margin:0}.warning{margin-top:11px;padding:12px;background:#fbf1e4;border:1px solid #e8d2b4;border-radius:10px;font:12.5px/1.5 Arial,sans-serif;color:#725432}
/* P0 regression source remains 06-assets/bao-rescue/v4/bao-sprite.webp; UI uses the approved web sprite below. */
.photo{width:100%;aspect-ratio:4/3;background-image:url('../assets/bao-rescue/bao-sprite-v2.webp');background-repeat:no-repeat;background-size:200% 500%;background-color:#eee8df}.p-normal,.p-smooth{background-position:0 0}.p-underproof{background-position:100% 0}.p-overproof{background-position:0 25%}.p-collapsed{background-position:100% 25%}.p-wrinkled{background-position:0 50%}.p-wet{background-position:100% 50%}.p-fluffyCrumb{background-position:0 75%}.p-denseCrumb{background-position:100% 75%}.p-gummyCrumb{background-position:0 100%}.p-cracked{background-position:100% 100%}
@media(max-width:920px){.hero{grid-template-columns:1fr}.layout{grid-template-columns:1fr}.sidecard{position:relative;top:auto}}@media(max-width:740px){.wrap{padding:18px 14px 40px}.steps{margin:18px 0 28px}.symptomGrid,.visualGrid{grid-template-columns:1fr 1fr}.answers{grid-template-columns:1fr}.promiseGrid{grid-template-columns:1fr}h2{font-size:36px}}@media(max-width:520px){.symptomGrid,.visualGrid{grid-template-columns:1fr}.motto{display:none}.step b{font-size:11px}.nextBtn{width:100%;min-width:0}}