:root{--paper:#f6f0e6;--ink:#29271f;--muted:#7d786d;--red:#a8432d;--line:#d7cbbb;--white:#fffcf5;--green:#5d6850}
*{box-sizing:border-box}html{background:#e6dfd3}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:16px;line-height:1.65;-webkit-tap-highlight-color:transparent}button,textarea{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--red);outline-offset:4px}.phone{max-width:480px;min-height:100svh;margin:auto;background:var(--paper);padding:28px 24px calc(30px + env(safe-area-inset-bottom));position:relative}.brand{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--ink);padding-bottom:15px;font-size:13px;font-weight:700;letter-spacing:.08em}.brand small{font-size:10px;color:var(--muted);letter-spacing:.1em}.badge{font-size:11px;border:1px solid var(--red);color:var(--red);border-radius:3px;padding:2px 6px;letter-spacing:.08em}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted);margin:25px 0 12px}.hero h1{font-size:clamp(52px,14vw,68px);line-height:1.15;letter-spacing:-.06em;font-weight:850;margin:12px 0 20px}.hero h1 em{font-style:normal;color:var(--red)}.lead{font-size:17px;line-height:1.8;max-width:330px}.hero-art{position:relative;height:160px;margin:27px 0 25px;overflow:hidden;border-bottom:1px solid var(--line)}.cup{position:absolute;width:126px;height:93px;border:2px solid var(--ink);border-radius:6px 6px 42px 42px;background:var(--paper);left:42px;top:47px;transform:rotate(-9deg)}.cup:after{content:"";position:absolute;width:42px;height:40px;border:2px solid var(--ink);border-radius:50%;right:-38px;top:12px;z-index:-1}.cup:before{content:"卯事";position:absolute;font-size:23px;left:35px;top:18px;font-weight:800}.steam{position:absolute;left:77px;top:5px;font-size:38px;font-family:serif;color:var(--red);transform:rotate(14deg)}.stamp{position:absolute;right:13px;top:44px;border:1px solid var(--red);color:var(--red);width:95px;height:95px;border-radius:50%;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font-weight:700;line-height:1.3;box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 6px var(--red)}.caption{position:absolute;font-size:10px;color:var(--muted);bottom:6px;right:4px;letter-spacing:.08em}.facts{display:flex;gap:14px;margin:20px 0 24px;color:var(--muted);font-size:12px}.facts span+span:before{content:"/";margin-right:14px;color:var(--line)}.btn{display:flex;align-items:center;justify-content:center;gap:10px;min-height:52px;width:100%;padding:13px 16px;border-radius:3px;border:1px solid var(--ink);background:var(--ink);color:var(--white);font-weight:650;line-height:1.5}.btn.red{background:var(--red);border-color:var(--red)}.btn.secondary{background:transparent;color:var(--ink)}.btn:disabled{opacity:.35;cursor:default}.btn+.btn{margin-top:11px}.linkbtn{border:0;background:none;color:var(--muted);min-height:44px;padding:9px 0;font-size:13px;text-decoration:underline;text-underline-offset:4px}.fine{font-size:11px;color:var(--muted);line-height:1.8;margin-top:16px}.numberline{display:flex;justify-content:space-between;align-items:baseline;margin:23px 0 10px}.numberline strong{font-size:29px;line-height:1}.numberline strong small{font-size:13px;font-weight:400;color:var(--muted);margin-left:8px}.numberline span{font-size:11px;color:var(--muted)}.progress{height:3px;background:var(--line);margin-bottom:27px}.progress i{display:block;background:var(--red);height:100%;transition:width .2s}.question h1{font-size:26px;line-height:1.4;letter-spacing:-.02em;margin:0 0 13px}.question .prompt{font-size:15px;color:#5c574e;line-height:1.9;margin:0 0 25px}.options{display:grid;gap:13px}.option{width:100%;min-height:82px;border:1px solid var(--line);background:var(--white);border-radius:3px;color:var(--ink);display:flex;text-align:left;gap:14px;padding:19px 17px;font-size:16px;line-height:1.8;align-items:flex-start}.letter{flex-shrink:0;border:1px solid var(--line);border-radius:50%;width:27px;height:27px;text-align:center;line-height:25px;font-family:Georgia,serif;font-size:15px;margin-top:1px}.option.selected{border-color:var(--red);background:#f2e2d8}.option.selected .letter{color:white;border-color:var(--red);background:var(--red)}.skip{width:100%;background:none;border:0;color:var(--muted);font-size:12px;padding:14px;min-height:48px;margin-top:7px}.skip.selected{color:var(--red);text-decoration:underline}.nav{display:grid;grid-template-columns:86px 1fr;gap:12px;margin-top:15px}.nav .btn+.btn{margin:0}.qfeedback{margin-top:27px;padding-top:15px;border-top:1px dashed var(--line);font-size:12px;color:var(--muted)}summary{cursor:pointer;min-height:36px;display:list-item;list-style-position:inside}.flags{display:flex;flex-wrap:wrap;gap:7px;margin:10px 0 12px}.flag{border:1px solid var(--line);border-radius:30px;color:var(--muted);background:transparent;padding:8px 12px;min-height:40px;font-size:12px}.flag.active{border-color:var(--red);color:var(--red);background:#f2e2d8}textarea{display:block;width:100%;background:var(--white);color:var(--ink);border:1px solid var(--line);border-radius:3px;padding:13px;resize:vertical;font-size:14px;min-height:95px}textarea::placeholder{color:#999185}.qfooter{display:flex;justify-content:space-between;align-items:center;margin-top:18px}.qfooter span{font-size:10px;color:var(--muted)}.result-head{text-align:center;margin:25px 0 17px}.result-head p{font-size:11px;color:var(--muted);letter-spacing:.13em}.result-card{background:var(--white);border:1px solid var(--ink);padding:26px 22px;position:relative;margin-bottom:22px;box-shadow:5px 5px 0 #dfd4c4}.result-card .code{font-size:11px;color:var(--red);letter-spacing:.15em}.result-card h1{font-size:36px;line-height:1.3;letter-spacing:-.04em;margin:15px 0 19px}.result-card p{font-size:15px;line-height:1.95}.result-card .shareline{border-top:1px solid var(--line);padding-top:16px;font-weight:650;color:var(--red);margin-bottom:0}.sectiontitle{font-size:17px;margin:27px 0 12px}.boundary{background:#eee5d8;border-left:2px solid var(--red);padding:14px 16px;font-size:13px;line-height:1.9;margin:17px 0}.profile{border-top:1px solid var(--line)}.axisrow{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:10px;font-size:13px}.axisrow small{color:var(--muted);font-size:11px}.axisrow strong{font-size:12px;text-align:right}.rating{display:flex;gap:7px;flex-wrap:wrap;margin:10px 0 16px}.rating button{flex:1;min-width:46px;min-height:46px;border:1px solid var(--line);background:var(--white);border-radius:3px;color:var(--ink)}.rating .active{background:var(--ink);color:var(--white);border-color:var(--ink)}.ratinglabel{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;margin:8px 0}.reportbox{margin:24px 0;padding:18px;background:#eae1d4;border:1px solid var(--line)}.reportbox h2{font-size:17px;margin:0 0 8px}.reportbox p{font-size:12px;color:var(--muted)}.reviewgrid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:12px 0}.reviewgrid button{min-height:45px;border:1px solid var(--line);border-radius:3px;background:var(--white);color:var(--ink);position:relative}.reviewgrid button.flagged:after{content:"";position:absolute;top:5px;right:5px;background:var(--red);border-radius:50%;width:5px;height:5px}.reviewgrid button.skipped{color:var(--muted);background:transparent}.notice{border:1px solid var(--line);padding:19px;margin:24px 0;font-size:14px}.toast{position:fixed;bottom:30px;left:50%;transform:translateX(-50%);background:var(--ink);color:var(--white);border-radius:4px;padding:10px 16px;font-size:13px;max-width:90%;opacity:0;pointer-events:none;z-index:10;transition:opacity .15s}.toast.show{opacity:1}.error{padding:25px;color:var(--red)}.fallback{font-size:12px;min-height:190px}.screenfooter{border-top:1px solid var(--line);margin-top:30px;padding-top:15px;font-size:10px;color:var(--muted);display:flex;justify-content:space-between}
.screenfooter{display:block}.footerline{display:flex;justify-content:space-between;gap:10px}.icp{display:block;color:var(--muted);text-align:center;margin-top:12px;padding:8px 0;text-decoration:none;min-height:36px}
@media(min-width:700px){body{padding:30px 0}.phone{min-height:calc(100svh - 60px);border:1px solid #c9bcaa;box-shadow:0 12px 45px #3d342416;padding:30px 28px 35px}}@media(max-width:350px){.phone{padding:22px 18px}.question h1{font-size:24px}.result-card h1{font-size:31px}.option{padding:17px 13px}.facts{gap:8px}.facts span+span:before{margin-right:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}