:root{--paper:#f5f3ed;--ink:#253d35;--green:#254b40;--muted:#788078;--line:#dedfd5;--red:#a94b37}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #c2954c;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:var(--ink);font-size:21px;font-weight:600;letter-spacing:2px}.brand small{display:block;font-weight:400;letter-spacing:1px;font-size:10px;color:var(--muted);margin-top:5px}.seal{font-family:serif;font-size:17px;line-height:19px;color:var(--red);border:1px solid var(--red);padding:3px 7px;transform:rotate(-3deg)}.edition,.eyebrow,.section-label{font-size:11px;letter-spacing:1.5px}.edition{color:var(--muted)}.intro{padding:45px 0 30px}.eyebrow{color:var(--red);font-weight:600;margin:0 0 14px}h1{font-family:"Songti SC","SimSun",serif;font-weight:500;font-size:36px;letter-spacing:2px;margin:0 0 14px}.intro>p:last-child{color:var(--muted);margin:0}.workspace{display:grid;grid-template-columns:1fr 1.15fr;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fffefa;box-shadow:0 14px 40px #283b3005}.query,.result{padding:28px 32px}.section-label{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:26px;font-weight:500}.section-label>span:last-child{letter-spacing:.5px}label{display:block;font-size:13px;margin-bottom:10px}.input-row{display:flex;border-bottom:1px solid #aab4aa;gap:8px;padding:0 0 10px}.input-row input{min-width:0;width:100%;font-size:42px;font-weight:400;background:none;border:0;color:var(--ink);outline-offset:0;font-variant-numeric:tabular-nums}.input-row select{border:0;background:transparent;color:var(--muted);max-width:100px}.muted{color:var(--muted);font-size:11px}#error{font-size:12px;color:var(--red);min-height:17px;margin:8px 0}.primary{border:0;background:var(--green);border-radius:6px;color:white;padding:14px 18px;width:100%;display:flex;justify-content:space-between}.primary:hover{background:#346452}.presets{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:20px 0;color:var(--muted);font-size:11px}.presets button{background:none;border:1px solid var(--line);border-radius:4px;padding:5px 8px;color:var(--ink)}.presets button:hover{background:#eaece4}.adjust{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:17px}.adjust button{background:none;border:0;color:var(--green);font-size:12px;padding:5px 0}button:disabled{opacity:.3;cursor:default}.result{background:#e9ede5;border-left:1px solid var(--line);display:flex;flex-direction:column}.result-heading{display:flex;justify-content:space-between;align-items:center}#measurement{font-size:13px;color:#667269;margin:0 0 12px}h2{font-family:"Songti SC","SimSun",serif;font-size:45px;font-weight:500;margin:0;color:var(--red)}h2 small{font-family:sans-serif;font-size:12px;border:1px solid #bc8a78;border-radius:20px;padding:4px 10px;margin-left:16px;vertical-align:middle}.result-seal{font-family:serif;font-size:76px;color:var(--red);opacity:.16;line-height:1;transform:rotate(-8deg);padding:6px;border:2px solid}.words{font-family:serif;letter-spacing:3px;font-size:16px;color:var(--red);margin:20px 0 30px}.metrics{display:grid;grid-template-columns:1fr 1fr 1fr;border-top:1px solid #cfd7ca;padding-top:20px;gap:12px;margin-top:auto}.metrics span{display:block;color:var(--muted);font-size:11px;margin-bottom:9px}.metrics strong{font-size:17px;font-weight:500;white-space:nowrap}.result-note{font-size:11px;color:var(--muted);margin:23px 0 0}.inauspicious h2,.inauspicious .words,.inauspicious .result-seal{color:var(--ink)}.inauspicious h2 small{border-color:#8e9b8e}.ruler-card{margin-top:24px;background:#fffefa;border:1px solid var(--line);border-radius:14px;padding:26px 32px}.ruler-card .section-label{margin-bottom:30px}.ruler-scroll{overflow-x:auto;padding:0 10px}.ruler-inner{position:relative;min-width:620px;margin:0 9px;padding-top:26px}.scale{position:absolute;top:0;left:0;right:0;height:26px}.scale span{position:absolute;transform:translateX(-50%);font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.scale span:after{content:'';display:block;height:8px;width:1px;background:#b2baad;margin:5px auto}.palaces,.subdivisions{display:grid;grid-template-columns:repeat(8,1fr)}.palaces{border:1px solid #d9d8c9;background:#f4efd9}.palaces button{border:0;border-right:1px solid #d9d8c9;background:transparent;padding:15px 0 12px;position:relative}.palaces button:last-child{border-right:0}.palaces button.active{background:#e5d8b4;box-shadow:inset 0 -3px var(--red)}.palaces strong{font-family:serif;font-size:28px;font-weight:400}.palaces small{display:block;margin-top:4px;font-size:10px;opacity:.6}.good{color:var(--red)}.bad{color:var(--ink)}.subdivisions>div{display:grid;grid-template-columns:repeat(4,1fr);background:#fbf8eb}.subdivisions span{font-family:serif;writing-mode:vertical-rl;margin:auto;font-size:12px;padding:12px 0;letter-spacing:3px}.marker{position:absolute;top:14px;bottom:0;pointer-events:none;transform:translateX(-50%);color:var(--red);width:14px;text-align:center}.marker span{font-size:14px}.marker i{display:block;width:1px;background:var(--red);height:calc(100% - 15px);margin:auto;box-shadow:0 0 0 2px #fff7}.slider-label{display:flex;justify-content:space-between;margin:25px 0 6px;font-size:11px;color:var(--muted)}input[type=range]{width:100%;accent-color:var(--green);height:22px;cursor:ew-resize}.legend{display:flex;gap:18px;align-items:center;color:var(--muted);font-size:10px;margin-top:12px;flex-wrap:wrap}.legend span:last-child{margin-left:auto}.legend i{display:inline-block;width:6px;height:6px;background:var(--ink);border-radius:50%;margin-right:6px}.legend .red-dot{background:var(--red)}details{margin:24px 0 35px;border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:0 0 20px;font-size:12px;color:var(--muted);display:flex;justify-content:space-between}.about{font-size:12px;line-height:1.9;color:var(--muted);padding-bottom:12px}.original{overflow:auto}.original img{width:964px;max-width:none;display:block}footer{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;padding-bottom:30px}footer b{padding:0 8px;font-weight:400}@media(max-width:1180px){header,main,footer{margin-left:28px;margin-right:28px}}@media(max-width:700px){header,main,footer{margin-left:18px;margin-right:18px}header{padding:20px 0}.brand{font-size:18px}.intro{padding:32px 0 25px}h1{font-size:28px;letter-spacing:0}.intro>p:last-child{font-size:12px}.workspace{grid-template-columns:1fr}.query,.result{padding:24px}.result{border-left:0;border-top:1px solid var(--line)}.result .section-label{margin-bottom:22px}.metrics strong{font-size:15px}.ruler-card{padding:22px 16px}.ruler-card .section-label{font-size:10px}.legend span:last-child{margin-left:0;width:100%}footer{gap:15px;line-height:1.8}.edition{font-size:10px}.words{margin-bottom:24px}}
.sub-result{font-size:12px;line-height:1.8;margin:-14px 0 22px;color:var(--ink)}.subdivisions>div{border-right:1px solid #d9d8c9}.subdivisions button{font-family:serif;font-size:12px;writing-mode:vertical-rl;letter-spacing:3px;padding:12px 3px;border:0;border-right:1px solid #e9e2cd;color:inherit;background:transparent;min-width:0;display:flex;align-items:center;justify-content:center}.subdivisions button.selected{background:#e5c994;box-shadow:inset 0 0 0 2px var(--red);font-weight:bold}.subdivisions button:hover{background:#eee1bc}.detail-range{margin-top:24px;padding:20px 24px;background:#f5f0df;border:1px solid #e1d7b9;border-radius:8px}.detail-range .section-label{margin-bottom:18px;color:var(--red)}.detail-endpoints{display:flex;justify-content:space-between;gap:16px;font-size:12px;font-variant-numeric:tabular-nums}.detail-endpoints strong{font-weight:500}.detail-track{position:relative;height:30px;margin:34px 0 14px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(10% - 1px),#b9a984 calc(10% - 1px),#b9a984 10%),#e6d5ad;border-left:2px solid #9b8050;border-right:2px solid #9b8050}.detail-track>div{position:absolute;top:-26px;bottom:-8px;transform:translateX(-50%);text-align:center}.detail-track span{white-space:nowrap;font-size:12px;color:var(--red);background:#fffefa;padding:3px 6px;border:1px solid #d8b49b;border-radius:4px}.detail-track i{display:block;margin:5px auto 0;width:2px;height:43px;background:var(--red)}.detail-range>p{font-size:11px;color:#776a50;margin-bottom:0;line-height:1.8}@media(max-width:700px){.detail-range{padding:18px 14px}.detail-endpoints{font-size:10px}.sub-result{font-size:11px}}
.unit-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 18px;margin:20px 0 0;padding:16px 0;border-top:1px solid #cfd7ca;border-bottom:1px solid #cfd7ca}.unit-results span{display:block;font-size:10px;color:var(--muted);margin-bottom:6px}.unit-results strong{font-size:14px;font-weight:500;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}.unit-results+.words{margin-top:20px}@media(max-width:700px){.unit-results{gap:14px 10px}.unit-results strong{font-size:12px}}