@import"https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;700;900&display=swap";:root{font-family:system-ui,Microsoft Yahei,sans-serif;color:#1f1b16;background:#f4eedf}*{box-sizing:border-box}body{margin:0;background:radial-gradient(#d8c9aa22 1px,transparent 1px),#f4eedf;background-size:13px 13px}.app{max-width:520px;margin:auto;min-height:100vh;padding:22px 20px 92px}header{padding-top:max(0px,env(safe-area-inset-top));display:flex;align-items:center;gap:12px;border-bottom:1px solid #b08d5744;padding-bottom:17px}.seal{background:#b23a2a;color:#f8ead5;width:42px;height:42px;display:grid;place-items:center;font:900 25px "Noto Serif SC";box-shadow:2px 2px #79251c}h1,h2,h3,p{margin:0}h1{font:900 22px "Noto Serif SC"}header p{font-size:11px;color:#806d52;margin-top:3px}.date{margin-left:auto;color:#8e7652;font-size:12px}.hero{padding-top:30px;text-align:center}.eyebrow{font-size:12px;letter-spacing:2px;color:#3e5c5a;font-weight:700}.hero h2,.ask h2,.me h2{font:900 27px "Noto Serif SC";margin:10px 0 20px}.compass{height:245px;display:grid;place-items:center;cursor:pointer}.compass-hint{font-size:11px;color:#806d52;margin-top:-8px}.ring{transition:transform .18s ease-out}.ring{width:212px;height:212px;border:1px solid #b08d57;border-radius:50%;position:relative;background:linear-gradient(45deg,#b08d5711,#fff8e633);box-shadow:0 0 0 10px #b08d5710,0 0 0 11px #b08d5744}.ring:before{content:"";position:absolute;inset:25px;border:1px dashed #b08d5788;border-radius:50%}.ring span{position:absolute;left:92px;top:94px;color:#5c4b36;font:700 13px "Noto Serif SC"}.needle{position:absolute;top:25px;right:29px;color:#b23a2a;font-size:26px;transform:rotate(-35deg)}.center{position:absolute;inset:65px;border-radius:50%;background:#3e5c5a;color:#f7ecda;display:grid;place-content:center;font:900 26px "Noto Serif SC";box-shadow:0 3px 10px #3e5c5a55}.center small{display:block;font:12px system-ui;margin-top:4px}.now-card,.panel,.result{background:#fffaf0cc;border:1px solid #b08d574d;padding:17px;margin-top:16px;box-shadow:0 4px 15px #6d533018}.now-card{display:flex;text-align:left;justify-content:space-between;align-items:center}.now-card b,.panel-title{font-size:12px;color:#967345;letter-spacing:1px}.now-card h3{font:700 18px "Noto Serif SC";margin:6px 0}.now-card p{font-size:13px;color:#725f49}.now-card i{font-style:normal;color:#b23a2a;border:1px solid #b23a2a;padding:7px 6px;font:700 12px "Noto Serif SC"}.next{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #b08d572b;font-size:13px}.next:last-child{border:0}.next b{color:#3e5c5a}.primary{width:100%;border:0;background:#b23a2a;color:#fff4e5;padding:15px;margin-top:18px;font-weight:700;font-size:15px;box-shadow:3px 3px #76251d;cursor:pointer}.primary span{float:right;font-size:20px}.ask,.me{padding-top:30px}.chips{display:flex;gap:8px;margin:20px 0}.chips button,.ghost{border:1px solid #b08d5777;background:transparent;padding:10px 13px;color:#6a5335;cursor:pointer}.chips .selected{background:#3e5c5a;color:#fff}.ask textarea{width:100%;height:120px;background:#fffaf0;border:1px solid #b08d5777;padding:14px;resize:none;font:14px system-ui}.hint,.disclaimer{color:#98866c;font-size:11px;text-align:center;margin-top:14px}.result{text-align:center;padding:25px 18px}.stamp{margin:auto;background:#b23a2a;color:#f9eeda;width:72px;height:72px;display:grid;place-items:center;font:900 44px "Noto Serif SC";border:4px double #f9eeda;outline:2px solid #b23a2a;transform:rotate(-4deg)}.result h3{font:900 21px "Noto Serif SC";margin:20px 0 10px}.result>p{font-size:14px;line-height:1.8;color:#665542}.risk-card{padding:18px;background:#f5e7d4;border:1px solid #b23a2a;color:#6d2a21;line-height:1.8;text-align:left}.basis summary{cursor:pointer;color:#967345;font-weight:700}.basis p{display:flex;justify-content:space-between;gap:10px}.basis{text-align:left;border-top:1px solid #b08d5744;margin-top:18px;padding-top:14px}.basis b{color:#967345;font-size:12px}.basis p{margin-top:6px;font-size:13px;line-height:1.7}.ghost{margin-top:20px}.setting{display:flex;justify-content:space-between;padding:18px 2px;border-bottom:1px solid #b08d5744;font-size:14px}.setting b{font-weight:500;color:#3e5c5a}.history{display:flex;justify-content:space-between;padding:14px 0;border-bottom:1px solid #b08d5733;font-size:13px}.history b{color:#b23a2a}.empty{font-size:13px;color:#98866c;padding-top:16px}nav{position:fixed;bottom:0;left:50%;transform:translate(-50%);width:min(520px,100%);background:#f8f0e2ee;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:space-around;border-top:1px solid #b08d5744;padding:10px 15px 12px}nav button{border:0;background:transparent;color:#99866b;font-size:12px;display:grid;gap:3px;place-items:center;cursor:pointer}nav span{font-size:20px}.chart summary{cursor:pointer;font:700 14px "Noto Serif SC";color:#3e5c5a}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:14px}.palace{min-height:82px;border:1px solid #b08d5755;padding:7px;display:flex;flex-direction:column;gap:5px;background:#f7efdf}.palace b{font:700 11px "Noto Serif SC";color:#b23a2a}.palace span{font-size:10px}.palace small{font-size:9px;color:#7e6a4d}.share{width:100%;margin-top:14px;background:#f7efdf}nav .on{color:#b23a2a;font-weight:700}@media(min-width:600px){body{padding:20px}.app{border:1px solid #b08d5744;box-shadow:0 15px 40px #50351b1c}}