#app{--hp-bg:light-dark(#f7f3eb,#26231f);--hp-paper:light-dark(#fffdf8,#312d27);--hp-text:light-dark(#302c27,#f1eade);--hp-sub:light-dark(#756d62,#bcb1a0);--hp-line:light-dark(#e3dacb,#51483c);--hp-red:light-dark(#963e35,#e9a398);--hp-fill:light-dark(#963e35,#9b483e);--hp-on:#fff9f1;--hp-soft:light-dark(#eee6d7,#3e362c);--hp-radius:18px;color:var(--hp-text);font:14px/1.65 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;max-width:736px;margin:auto}
#app *{box-sizing:border-box}#app button,#app select{font:inherit}#app button{cursor:pointer}#app button:disabled{cursor:default;opacity:.45}#app .hp-tools{display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:center;margin:0 0 20px}#app .hp-switch{display:flex;padding:4px;border-radius:12px;background:var(--hp-soft)}#app .hp-switch button{border:0;border-radius:9px;padding:9px 12px;background:transparent;color:var(--hp-sub)}#app .hp-switch button[aria-pressed=true]{background:var(--hp-paper);color:var(--hp-text);box-shadow:0 2px 7px #0000000a}#app label{font-size:12px;color:var(--hp-sub)}#app select{border:1px solid var(--hp-line);background:var(--hp-paper);color:var(--hp-text);border-radius:8px;padding:7px;max-width:150px}
#app .hp-phone{max-width:390px;margin:auto;background:var(--hp-bg);border:1px solid var(--hp-line);border-radius:30px;overflow:hidden;box-shadow:0 12px 35px #0000000b}#app .hp-status{display:flex;justify-content:space-between;padding:14px 25px 6px;font-size:12px;font-weight:600}#app .hp-top{display:flex;align-items:center;justify-content:space-between;padding:8px 17px 12px;font-size:12px;border-bottom:1px solid var(--hp-line)}#app .hp-top button{background:none;border:0;color:var(--hp-text);width:30px;min-height:32px;font-size:22px}#app .hp-capsule{border:1px solid var(--hp-line);padding:1px 9px;border-radius:20px;letter-spacing:3px}#app main{padding:24px;min-height:590px}#app .hp-homebar{width:108px;height:4px;border-radius:3px;margin:16px auto 10px;background:var(--hp-text);opacity:.6}#app h1{font:500 32px/1.45 Georgia,"Songti SC",serif;letter-spacing:1px;margin:16px 0}#app h2{font:500 24px/1.45 Georgia,"Songti SC",serif;margin:12px 0}#app h3{font-size:15px;font-weight:600;margin:0 0 8px}#app p{margin:8px 0 16px}#app .hp-small{font-size:12px;color:var(--hp-sub)}#app .hp-kicker{font-size:11px;color:var(--hp-red);letter-spacing:2px;text-transform:uppercase}#app .hp-center{text-align:center}#app .hp-badge{display:inline-block;border-radius:30px;padding:4px 11px;background:var(--hp-soft);color:var(--hp-red);font-size:12px}#app .hp-mainbtn,#app .hp-secondary{width:100%;border:0;border-radius:12px;padding:13px 12px;min-height:48px;font-weight:500;margin-top:10px}#app .hp-mainbtn{background:var(--hp-fill);color:var(--hp-on)}#app .hp-secondary{background:var(--hp-soft);color:var(--hp-text)}#app .hp-textbtn{background:none;border:0;padding:12px 0;color:var(--hp-red);font-size:13px}#app .hp-panel{background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:var(--hp-radius);padding:18px;margin:18px 0}#app .hp-row{display:flex;justify-content:space-between;align-items:center;gap:12px}#app .hp-seal{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--hp-red);outline:1px solid var(--hp-red);outline-offset:-5px;color:var(--hp-red);width:76px;height:90px;font:500 30px/1.2 "Songti SC",serif;writing-mode:vertical-rl;letter-spacing:5px;transform:rotate(-5deg);margin:16px}#app .hp-art{border-top:1px solid var(--hp-line);border-bottom:1px solid var(--hp-line);padding:12px 0;margin:22px 0;display:flex;align-items:center;justify-content:center;gap:22px;background:linear-gradient(125deg,transparent,var(--hp-soft))}#app .hp-verse{font:16px/2 "Songti SC",serif;letter-spacing:2px;color:var(--hp-sub)}#app .hp-foot{font-size:11px;text-align:center;color:var(--hp-sub);margin-top:18px}#app .hp-progress{height:4px;background:var(--hp-soft);border-radius:4px;margin:14px 0 28px}#app .hp-progress span{display:block;height:4px;background:var(--hp-red);border-radius:4px}#app .hp-question{font-size:21px;line-height:1.65;min-height:104px;margin:12px 0 24px}#app .hp-option{display:flex;text-align:left;gap:12px;align-items:center;width:100%;padding:14px;border-radius:12px;border:1px solid var(--hp-line);background:var(--hp-paper);color:var(--hp-text);margin:10px 0;min-height:64px}#app .hp-option span{font-size:12px;color:var(--hp-sub)}#app .hp-option[aria-pressed=true]{border-color:var(--hp-red);background:var(--hp-soft);box-shadow:inset 3px 0 var(--hp-red)}#app .hp-divider{height:1px;background:var(--hp-line);margin:24px 0}#app .hp-dim{margin:15px 0}#app .hp-track{height:5px;background:var(--hp-soft);position:relative;margin:8px 5px}#app .hp-dot{position:absolute;top:-3px;width:11px;height:11px;border-radius:50%;background:var(--hp-red);transform:translateX(-50%)}#app .hp-share{padding:24px 18px;text-align:center;background:var(--hp-paper);border:1px solid var(--hp-line);border-radius:var(--hp-radius)}#app .hp-note{text-align:center;font-size:12px;color:var(--hp-sub);margin:14px 0}#app .hp-coming{opacity:.65}#app .hp-number{font:500 42px/1.2 Georgia,serif;color:var(--hp-red)}#app .hp-resultname{font-size:44px;letter-spacing:8px;margin:6px 0}#app .hp-tags{color:var(--hp-red);font-size:12px;letter-spacing:1px}#app .hp-previewlabel{font-size:11px;color:var(--hp-sub);border-bottom:1px dashed var(--hp-line);padding-bottom:10px;margin-bottom:14px}@media(max-width:360px){#app main{padding:18px}#app .hp-switch button{padding:8px}#app h1{font-size:28px}}

body{margin:0;background:#eee9df}#app{color-scheme:light;padding:24px 12px}#app .hp-phone{max-width:440px}#app main{min-height:600px}#app .hp-top{padding:16px 22px}#app button:focus-visible{outline:3px solid #b97d4c;outline-offset:3px}#app .hp-poster{display:block;width:100%;border-radius:18px}#app .hp-error{padding:12px;border-radius:10px;background:#f7e1d8;color:#823327}#app .hp-save{display:block;text-align:center;text-decoration:none}#app .hp-history{width:100%;text-align:left} @media(max-width:480px){#app{padding:0}#app .hp-phone{border:0;border-radius:0;max-width:none;box-shadow:none}}
#app .hp-top #history{width:auto;min-height:44px;white-space:nowrap;font-size:12px;padding:8px 0}#app .hp-top #back{min-height:44px}
#app .hp-input{box-sizing:border-box;width:100%;min-height:48px;border:1px solid var(--hp-line);border-radius:10px;background:#fff;color:var(--hp-text);font:inherit;padding:0 14px}#app .hp-input:focus{outline:2px solid var(--hp-red);outline-offset:2px}#app .hp-top button:disabled{opacity:.4}