:root{--ink:#28231d;--muted:#756c61;--paper:#f5f0e4;--card:#fffdf7;--red:#9c3d2e;--gold:#b18a4d;--line:#ddd2bd;--shadow:0 18px 50px rgba(56,43,25,.09)}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 10%,rgba(177,138,77,.13),transparent 30%),linear-gradient(180deg,#f7f2e7,#efe8d8);color:var(--ink);font-family:"Noto Serif SC","Songti SC","STSong",serif;min-height:100vh}.shell{width:min(980px,calc(100% - 32px));margin:0 auto;padding:56px 0 36px}.hero{display:flex;align-items:center;gap:24px;margin-bottom:28px}.seal{width:82px;height:82px;border:2px solid var(--red);color:var(--red);display:grid;place-items:center;font-size:47px;transform:rotate(-2deg);box-shadow:inset 0 0 0 5px var(--paper),inset 0 0 0 7px var(--red);flex:0 0 auto}.eyebrow{letter-spacing:.22em;color:var(--red);font-weight:700;font-size:13px;margin:0 0 8px}.hero h1,.result h2{font-size:clamp(28px,5vw,44px);font-weight:600;letter-spacing:.08em;margin:0}.subtitle{color:var(--muted);margin:10px 0 0;line-height:1.7}.card{background:rgba(255,253,247,.93);border:1px solid rgba(177,138,77,.28);box-shadow:var(--shadow);border-radius:4px}.form-card{padding:30px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}label span{display:block;font-weight:700;font-size:14px;margin:0 0 8px}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:3px;background:#fffefb;color:var(--ink);font:inherit;font-size:16px;padding:12px 13px;outline:none;transition:.2s}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(177,138,77,.13)}textarea{resize:vertical;line-height:1.65}.event-field{display:block;margin-top:20px;position:relative}.event-field small{position:absolute;right:12px;bottom:10px;color:var(--muted)}.form-error{min-height:22px;color:#a42f24;margin:10px 0 4px;font-size:14px}button{font:inherit;cursor:pointer}#submit-button{width:100%;border:0;background:var(--red);color:white;border-radius:3px;padding:14px 18px;font-weight:700;font-size:17px;letter-spacing:.12em;display:flex;justify-content:center;gap:14px;transition:.2s}#submit-button:hover{background:#843326;transform:translateY(-1px)}#submit-button:disabled{opacity:.55;cursor:wait}.hidden{display:none!important}.result{margin-top:38px}.result-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:18px}.result h2{font-size:30px}.ghost{background:transparent;border:1px solid var(--line);padding:9px 14px;color:var(--muted);border-radius:3px}.meta-strip{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.meta-strip span{background:rgba(255,253,247,.72);border:1px solid var(--line);padding:6px 10px;font-size:13px;color:var(--muted)}.chart-card{padding:24px;overflow:auto}.hex-columns,.hex-line{display:grid;grid-template-columns:minmax(130px,1.1fr) minmax(250px,2fr) minmax(220px,1.8fr);gap:16px;align-items:center;min-width:680px}.hex-columns{padding-bottom:14px;border-bottom:1px solid var(--line);text-align:center}.hex-name{display:flex;flex-direction:column;gap:4px}.hex-name strong{font-size:19px}.lines{display:flex;flex-direction:column}.hex-line{min-height:58px;border-bottom:1px dashed #e8dfce;font-family:"Songti SC","STSong",serif}.hex-line:last-child{border-bottom:0}.spirit{font-size:14px;color:var(--muted)}.spirit b{color:var(--ink);margin-right:12px}.line-main{display:grid;grid-template-columns:78px minmax(100px,1fr) 48px;align-items:center;gap:10px}.yao{font-size:20px;font-weight:900;letter-spacing:-.08em;white-space:nowrap}.line-main.moving .yao{color:var(--red)}.stem{font-size:15px}.flags{color:var(--red);font-weight:700}.legend{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.dot.moving{background:var(--red)}.details-card,.interpretation-card{margin-top:18px;padding:24px}.details-card h3,.interpretation-card h3{margin:0;font-size:20px}.details-card dl{display:grid;grid-template-columns:repeat(2,1fr);gap:10px 24px;margin:18px 0 0}.details-card dl div{display:flex;gap:10px;border-bottom:1px dashed #e7decd;padding-bottom:8px}.details-card dt{color:var(--muted)}.details-card dd{margin:0}.interpretation-title{display:flex;align-items:center;justify-content:space-between}.status{font-size:12px;border:1px solid var(--line);padding:5px 9px;color:var(--muted)}.loading{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted)}.loading i{width:15px;height:15px;border:2px solid var(--line);border-top-color:var(--red);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}pre{font:15px/1.9 "Noto Serif SC","Songti SC",serif;white-space:pre-wrap;word-break:break-word;margin:18px 0 0;color:var(--ink)}footer{text-align:center;color:var(--muted);font-size:12px;line-height:1.7;margin-top:30px}
.clarification{margin-top:20px;padding:18px;border:1px solid var(--line);background:#fbf6ea}.clarification-label{font-size:13px;color:var(--red);margin:0 0 8px}.clarification-question{font-size:18px;line-height:1.7;margin:0 0 16px;font-weight:700}.clarification small{display:block;color:var(--muted);margin-top:10px}.answer-button{border:0;background:var(--ink);color:#fff;padding:10px 20px;border-radius:3px;font:inherit}.answer-button:disabled{opacity:.55;cursor:wait}
@media(max-width:680px){.shell{width:min(100% - 20px,980px);padding-top:28px}.hero{align-items:flex-start}.seal{width:64px;height:64px;font-size:36px}.form-card{padding:20px}.form-grid{grid-template-columns:1fr}.result-heading{align-items:flex-start;gap:12px}.details-card dl{grid-template-columns:1fr}.chart-card{padding:16px}.ghost{white-space:nowrap}}