:root{--paper: #f4efe4;--card: #fffdf8;--ink: #2a2622;--muted: #8a8378;--line: #e4dccb;--vermilion: #b8362a;--vermilion-soft: #f3e2dd;--mu: #3a8f5c;--huo: #c9402b;--tu: #9b6d2b;--jin: #b78600;--shui: #2c66a8;--serif: "Songti SC", "STSong", "Noto Serif CJK SC", "Source Han Serif SC", "SimSun", Georgia, serif;--sans: -apple-system, "PingFang SC", "Helvetica Neue", "Microsoft YaHei", sans-serif;--sat: env(safe-area-inset-top, 0px);--sab: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;background:var(--paper);color:var(--ink)}body{font-family:var(--sans);font-size:15px;-webkit-text-size-adjust:100%}button{font-family:inherit;color:inherit}.muted{color:var(--muted)}.link{background:none;border:none;color:var(--vermilion);font-size:15px;padding:4px 0;cursor:pointer}.link.center{display:block;margin:2px auto 10px;font-size:13px}.link.danger{color:var(--muted)}.error{color:var(--vermilion);padding:12px 16px}.k{color:var(--muted);font-size:12px;margin-right:6px}.screen{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:calc(var(--sat) + 10px) 14px 10px;background:var(--paper);border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:17px;font-weight:600;text-align:center;font-family:var(--serif);letter-spacing:.08em}.topbar .actions{text-align:right}.topbar .actions .link{margin-left:14px}.seal,.seal-sm{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--vermilion);color:#fff;font-family:var(--serif);font-weight:700;border-radius:4px;box-shadow:inset 0 0 0 2px #ffffff59}.seal{width:48px;height:48px;font-size:26px}.seal-sm{width:28px;height:28px;font-size:15px}.list{padding:12px;flex:1;padding-bottom:calc(var(--sab) + 90px)}.empty{color:var(--muted);text-align:center;margin-top:60px}.card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:12px 14px;margin-bottom:10px;cursor:pointer}.card-main{flex:1;min-width:0}.card-title{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-sub{color:var(--muted);font-size:12px;margin-top:2px}.card-pillars{display:flex;gap:8px}.mini{display:flex;flex-direction:column;align-items:center;font-family:var(--serif);font-weight:700;font-size:17px;line-height:1.1}.fab-wrap{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(var(--sab) + 12px);background:linear-gradient(transparent,var(--paper) 40%)}.fab-wrap .primary{display:block;width:100%}.form{padding:12px 16px calc(var(--sab) + 24px)}.form h2{font-size:13px;color:var(--muted);font-weight:400;margin:18px 4px 6px;letter-spacing:.1em}.form .row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:10px 12px;margin-bottom:8px}.form .row label{width:92px;flex-shrink:0;color:#4a443c}.form .row.toggle{justify-content:space-between}.form .row.toggle label{width:auto}.form input[type=text],.form input[type=date],.form input[type=time],.form input[type=number],.form select{flex:1;min-width:0;font-size:16px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.form input[type=checkbox]{width:22px;height:22px;accent-color:var(--vermilion)}.form .ymd{flex:1;min-width:0;display:flex;gap:6px}.form .ymd select{flex:1;min-width:0;padding:6px 4px;text-align:center}.form .hint{color:var(--muted);font-size:12px;line-height:1.6;margin:4px 4px 10px}.seg{display:flex}.seg button{padding:6px 18px;border:1px solid var(--line);background:#fff;cursor:pointer;font-size:15px}.seg button:first-child{border-radius:6px 0 0 6px}.seg button:last-child{border-radius:0 6px 6px 0}.seg button.on{background:var(--vermilion);color:#fff;border-color:var(--vermilion)}.buttons{display:flex;gap:10px;margin-top:14px}.primary,.secondary{flex:1;padding:12px;border-radius:8px;font-size:16px;cursor:pointer;border:1px solid var(--vermilion)}.primary{background:var(--vermilion);color:#fff}.secondary{background:transparent;color:var(--vermilion)}.gz{font-family:var(--serif);font-weight:700}.gz-big{font-size:30px;line-height:1.15}.wx-mu{color:var(--mu)}.wx-huo{color:var(--huo)}.wx-tu{color:var(--tu)}.wx-jin{color:var(--jin)}.wx-shui{color:var(--shui)}.chart{padding:10px 10px calc(var(--sab) + 20px)}.block{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;margin-bottom:10px}.block-title{margin:0 0 10px;font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:.12em;display:flex;align-items:baseline;gap:8px;padding-left:10px;border-left:3px solid var(--vermilion);line-height:1.1}.block-title small{font-family:var(--sans);font-weight:400;letter-spacing:0;color:var(--muted);font-size:12px}.hero{display:flex;gap:14px;align-items:flex-start;padding:14px 12px;margin-bottom:10px;border-bottom:1px dashed var(--line)}.hero-text{flex:1;min-width:0}.hero-line{font-size:15px;line-height:1.6}.hero-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;color:var(--muted);font-size:12px}.pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.pillars-2{grid-template-columns:repeat(2,1fr);margin-bottom:8px}.pillar{border:1px solid var(--line);border-radius:10px;padding:8px 5px 6px;text-align:center;background:#fff;min-width:0}.pillar-accent{border-color:var(--vermilion);background:var(--vermilion-soft)}.p-title{display:flex;flex-direction:column;align-items:center;font-size:11px;color:var(--muted);line-height:1.3}.p-star{color:var(--ink)}.p-gz{display:flex;flex-direction:column;align-items:center;margin:4px 0 6px}.p-hide{display:flex;flex-direction:column;align-items:center;gap:3px;min-height:54px}.chip{display:inline-flex;align-items:baseline;gap:2px;font-size:10px;padding:1px 5px;border-radius:999px;background:var(--paper);border:1px solid var(--line);white-space:nowrap}.chip .gz{font-size:12px}.chip i{font-style:normal;color:#5a544a}.p-attrs{margin:6px 0 0;padding:6px 0 0;border-top:1px dashed var(--line);font-size:10.5px}.p-attrs div{display:flex;justify-content:space-between;gap:2px;line-height:1.5}.p-attrs dt{color:var(--muted)}.p-attrs dd{margin:0;white-space:nowrap}.yun-meta{font-size:12.5px;line-height:1.8;margin-bottom:10px}.tl-wrap{display:flex;align-items:stretch;margin-top:8px;border-top:1px dashed var(--line);padding-top:6px}.tl-name{width:30px;flex-shrink:0;font-family:var(--serif);font-weight:700;font-size:13px;writing-mode:vertical-rl;letter-spacing:.2em;display:flex;align-items:center;justify-content:center;color:var(--muted)}.tl-name small{font-size:10px;letter-spacing:0;margin-top:4px}.tl{display:flex;overflow-x:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;position:relative}.tl::-webkit-scrollbar{display:none}.tl-item{flex:0 0 auto;width:58px;display:flex;flex-direction:column;align-items:center;gap:1px;background:none;border:none;padding:4px 0 6px;cursor:pointer;position:relative;font-size:15px}.tl-item.static{cursor:default}.tl-year{font-size:11px;color:var(--ink)}.tl-age{font-size:10px;color:var(--muted)}.tl-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--muted);background:#fff;margin:3px 0;position:relative;z-index:1}.tl-item:before{content:"";position:absolute;left:0;right:0;top:41px;height:1px;background:var(--line)}.tl-item.on .tl-dot{background:var(--vermilion);border-color:var(--vermilion);box-shadow:0 0 0 3px var(--vermilion-soft)}.tl-item.on .tl-year{color:var(--vermilion);font-weight:700}.tl-gz{display:flex;flex-direction:column;align-items:center;line-height:1.2}.tl-gz>span{display:inline-flex;align-items:baseline}.tl-gz sub{font-size:9px;color:var(--muted);vertical-align:baseline;margin-left:1px}.tl-xiao{font-size:10px;color:var(--muted);font-family:var(--serif)}.ss-row{display:flex;align-items:flex-start;gap:8px;padding:5px 0;border-top:1px dashed var(--line)}.ss-row:first-of-type{border-top:none}.ss-label{width:30px;flex-shrink:0;font-family:var(--serif);font-weight:700;color:var(--muted);font-size:12px;padding-top:3px}.tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:11px;padding:2px 8px;border-radius:4px;background:var(--paper);border:1px solid var(--line);color:#4a443c}.ws{display:flex;justify-content:space-around;padding:4px 0}.ws-item{display:flex;flex-direction:column;align-items:center;gap:4px}.ws-badge{width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:700;font-size:17px;border:2px solid currentColor}.ws-state{font-size:12px;color:var(--muted)}.chart-top{padding-bottom:0}.chart-top .hero{margin-bottom:0;border-bottom:none}.hero-gz{display:flex;gap:10px;margin:6px 0 2px}.hero-pillar{display:inline-flex;flex-direction:column;align-items:center;font-family:var(--serif);font-size:20px;line-height:1.15;font-weight:700}.hero-pillar.accent{position:relative}.hero-pillar.accent:after{content:"";position:absolute;left:10%;right:10%;bottom:-3px;height:2px;background:var(--vermilion);border-radius:1px}.chart-details{padding:0 10px calc(var(--sab) + 20px)}.chart-details .chart{padding:10px 0 0}.act-chart{display:block;width:100%;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:15px;font-family:var(--serif);letter-spacing:.08em;cursor:pointer}.act-chart small{display:block;font-family:var(--sans);letter-spacing:0;color:var(--muted);font-size:12px;margin-top:2px}.pair-myname{display:flex;align-items:center;gap:10px;margin:8px 0 10px;font-size:13px;color:var(--muted)}.pair-myname input{flex:1;min-width:0;font-size:15px;padding:6px 8px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--ink)}.reading{padding:0 10px}.reading:last-child{padding-bottom:calc(var(--sab) + 20px)}.rd-lead .rd-narrative p{font-family:var(--serif);font-size:17px;line-height:1.95;margin:0 0 14px}.rd-lead .rd-narrative p:last-child{margin-bottom:2px}.rd-loading{padding:10px 2px 4px}.rd-loading p{margin:0;font-family:var(--serif);font-size:17px}.rd-loading p.muted{font-family:var(--sans);font-size:12.5px;margin:2px 0 12px}.rd-loading-line{margin:0 0 12px;font-family:var(--serif);font-size:17px}.rd-skel{height:13px;border-radius:7px;margin:12px 0;background:linear-gradient(90deg,#ece5d6 20%,#f7f2e8,#ece5d6 70%);background-size:200% 100%;animation:rd-shimmer 1.6s linear infinite}.rd-skel.short{width:55%}@keyframes rd-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.rd-progress{text-align:center;font-size:13px;margin:4px 0 8px}.rd-head{display:flex;align-items:center;gap:8px}.rd-name{font-family:var(--serif);font-weight:700;font-size:15px}.rd-badge{font-size:10.5px;padding:1px 7px;border-radius:999px;border:1px solid var(--vermilion);color:var(--vermilion)}.rd-blurb{color:var(--muted);font-size:12px;line-height:1.5;margin:3px 0 8px}.rd-quote{font-family:var(--serif);font-size:18px;line-height:1.5;padding:10px 12px;margin:6px 0 10px;border-left:3px solid var(--vermilion);background:var(--vermilion-soft);border-radius:0 8px 8px 0}.rd-sec{margin-top:10px}.rd-sec h4{margin:0 0 4px;font-family:var(--serif);font-size:14px;letter-spacing:.08em;color:var(--vermilion);font-weight:700}.rd-sec p{margin:0 0 6px;line-height:1.75;font-size:14.5px}.rd-narrative p{margin:0 0 10px;line-height:1.8;font-size:15px}.rd-narrative p:last-child{margin-bottom:0}.rd-cards{display:flex;flex-direction:column;gap:10px}.rd-cards-title{font-size:13px;color:var(--muted);margin:12px 0 6px}.rd-card{border:1px solid var(--line);border-radius:12px;padding:12px 14px;background:#fff;cursor:pointer}.rd-card.locked{background:linear-gradient(180deg,#fff,var(--paper))}.rd-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;color:var(--muted)}.rd-card-who{color:var(--vermilion);font-weight:600}.rd-card-q{font-family:var(--serif);font-size:17px;line-height:1.5;margin:6px 0 4px}.rd-card-gives{font-size:12.5px;color:#5a544a}.rd-card-body{margin-top:10px;padding-top:10px;border-top:1px dashed var(--line);cursor:default}.rd-list{list-style:none;margin:0;padding:0}.rd-row{border-top:1px dashed var(--line);padding:10px 2px;cursor:pointer}.rd-row:first-child{border-top:none;padding-top:2px}.rd-row-head{display:flex;align-items:center;gap:8px}.rd-row-head .rd-name{flex:1}.rd-lock{font-size:12px;color:var(--muted)}.rd-summary{font-family:var(--serif);font-size:15px;line-height:1.6;margin:4px 0 0}.rd-status{color:var(--muted);font-size:12.5px;margin:4px 0 0}.rd-error{color:var(--vermilion);font-size:12.5px;margin:4px 0 0}.rd-error .link{font-size:12.5px}.rd-unlocked{color:var(--muted);font-size:12px;text-align:center;margin:10px 0 0}.rd-unlocked .link{font-size:12px;margin-left:8px}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#2a262273;z-index:20;display:flex;align-items:flex-end;justify-content:center}.sheet{width:100%;max-width:520px;background:var(--card);border-radius:16px 16px 0 0;padding:18px 18px calc(var(--sab) + 18px)}.sheet h3{margin:0 0 4px;font-family:var(--serif);font-size:18px;letter-spacing:.08em}.sheet .price{font-size:26px;font-family:var(--serif);font-weight:700;color:var(--vermilion);margin:4px 0}.sheet ul{margin:6px 0 14px;padding-left:18px;line-height:1.7;font-size:14px}.sheet .primary{display:block;width:100%}.sheet .note{color:var(--muted);font-size:11.5px;text-align:center;margin:6px 0 0;line-height:1.5}.pair .block{margin:10px 10px 0}.pair .form{padding-top:4px}.pair-head{text-align:center}.pair-head .card-pillars{justify-content:center;margin:6px 0 10px}.pair-name{font-family:var(--serif);font-weight:700;font-size:16px;letter-spacing:.1em}.pair-ask{line-height:1.7;font-size:14.5px;margin:4px 0 0}.pair-vs{display:flex;align-items:center;justify-content:center;gap:14px;padding:4px 0 10px;text-align:center}.pair-vs .card-pillars{justify-content:center;margin-top:4px}.pair-x{font-family:var(--serif);font-size:22px;color:var(--vermilion)}.pair-wait{text-align:center;padding:10px 0}.pair-actions .primary,.pair-actions .secondary{display:block;width:100%;margin:6px 0}.pair-next{margin-top:14px;padding-top:10px;border-top:1px dashed var(--line)}.pair-next p{margin:0 0 6px;font-size:13px}.pair-back{text-align:center;margin-top:8px}.pair-blurb{font-size:13px;line-height:1.6;margin:0 0 8px}.rd-row.static{cursor:default}.rd-cta{text-align:center;margin:8px 0 0;font-size:13px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 10px}.chip-btn{padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:14px;cursor:pointer}.chip-btn.on{background:var(--vermilion);color:#fff;border-color:var(--vermilion)}.link-box input{width:100%;font-size:13px;padding:8px 10px;border:1px solid var(--line);border-radius:6px;background:#fff;color:var(--muted);margin-bottom:8px}.link-box .primary{display:block;width:100%}.link-box p{text-align:center;font-size:12.5px;margin:6px 0 0}.static h4{margin:14px 0 4px;font-family:var(--serif);font-size:15px;color:var(--vermilion);letter-spacing:.08em}.static p{margin:0 0 8px;line-height:1.75;font-size:14.5px}.sheet .note .link{font-size:11.5px;padding:0}@media(min-width:900px){.reading{max-width:1100px;margin:0 auto;width:100%;padding:0 16px 24px}.pair{max-width:560px;margin:0 auto}.screen{max-width:1100px;margin:0 auto}.chart{padding:16px;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.hero{grid-column:1 / -1}.gz-big{font-size:40px}.p-attrs,.p-title,.chip{font-size:12px}.form{max-width:520px;margin:0 auto}.list{max-width:640px;margin:0 auto;width:100%}}