:root{--bg:#f4f6f9;--card:#fff;--ink:#172536;--muted:#78889a;--line:#e5eaf0;--navy:#112b46;--blue:#2278e5;--gold:#eba83c;--red:#ef4f5f;--green:#28a76b;--ballblue:#3180df}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}.topbar{height:64px;display:flex;align-items:center;padding:0 max(14px,calc((100vw - 920px)/2));background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.wordmark{flex:0 0 auto;text-decoration:none;color:var(--ink);display:flex;align-items:baseline;gap:7px;margin-right:22px}.wordmark b{font-size:21px;color:var(--gold);letter-spacing:.3px}.wordmark small{font-size:12px;color:var(--muted)}.topbar nav{min-width:0;display:flex;align-items:stretch;gap:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}.topbar nav::-webkit-scrollbar{display:none}.topbar nav a{position:relative;display:grid;place-items:center;flex:0 0 auto;height:64px;padding:0 13px;font-size:13px;color:#526376;text-decoration:none;white-space:nowrap}.topbar nav a:first-child{color:var(--navy);font-weight:750}.topbar nav a:first-child:after{content:"";position:absolute;left:13px;right:13px;bottom:0;height:3px;border-radius:3px 3px 0 0;background:var(--gold)}main{width:min(720px,100%);margin:auto;padding:0 14px 38px}.intro{display:flex;align-items:end;justify-content:space-between;padding:28px 2px 18px}.intro span{color:var(--blue);font-size:12px;font-weight:750}.intro h1{font-size:29px;margin:5px 0 6px;letter-spacing:-1px}.intro p{margin:0;color:var(--muted);font-size:13px}.filter-button{height:47px;border:0;background:var(--navy);color:#fff;border-radius:14px;padding:0 15px;font-size:14px;box-shadow:0 7px 16px #112b4620}.filter-button i{font-style:normal;margin-right:4px}.filter-button em{display:inline-grid;place-items:center;min-width:20px;height:20px;margin-left:4px;padding:0 5px;border-radius:10px;background:var(--gold);color:#362300;font-style:normal;font-size:11px;font-weight:800}.quickbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:9px;margin-bottom:19px}.quickbar select,.quickbar button{height:46px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#3d5065;padding:0 14px;font-size:14px;box-shadow:0 2px 8px #20364d08}.quickbar button{font-weight:700}.result-line{display:flex;align-items:center;justify-content:space-between;margin:0 3px 11px}.result-line b{font-size:14px;letter-spacing:.1px}.result-line button{border:0;background:none;color:var(--blue);font-size:12px;padding:7px 0}.record-list{display:grid;gap:12px}.record{background:#fff;border-radius:18px;padding:16px 14px 15px;box-shadow:0 5px 22px #20364d0c;border:1px solid #edf0f4}.record-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.record-head b{font-size:16px;letter-spacing:.1px}.record-head b span{color:var(--gold)}.record-head time{font-size:12px;color:var(--muted)}.balls{display:grid;grid-template-columns:repeat(6,minmax(0,1fr)) 18px minmax(0,1fr);align-items:start;gap:4px}.ball-item{text-align:center;min-width:0}.ball{width:clamp(38px,7.7vw,45px);height:clamp(38px,7.7vw,45px);margin:auto;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:17px;font-weight:800;box-shadow:0 4px 10px #30465d25;text-shadow:0 1px 1px #17253625}.ball.red{background:linear-gradient(145deg,#ff6571,#dc3948)}.ball.blue{background:linear-gradient(145deg,#55a0f3,#276dcc)}.ball.green{background:linear-gradient(145deg,#48c783,#20945b)}.ball-item small{display:block;font-size:10px;color:#8695a5;margin-top:6px;white-space:nowrap;overflow:hidden;text-overflow:clip}.plus{color:#b2bcc5;font-size:24px;text-align:center;line-height:45px}.special .ball{outline:3px solid #f3d58e;outline-offset:2px;box-shadow:0 5px 12px #9a6b1830}.special small{color:#b87817;font-weight:750}.more{display:block;width:100%;height:47px;border:1px solid var(--line);border-radius:13px;background:#fff;color:#526376;margin-top:16px;font-weight:650}.empty{background:#fff;border-radius:16px;padding:45px;text-align:center;color:var(--muted)}.shade{position:fixed;inset:0;background:#0e1c2c80;z-index:30;opacity:0;visibility:hidden;transition:.2s}.shade.open{opacity:1;visibility:visible}.drawer{position:fixed;z-index:31;right:0;top:0;bottom:0;width:min(460px,94vw);background:#fff;transform:translateX(102%);transition:.25s;display:flex;flex-direction:column;box-shadow:-15px 0 50px #08182730}.drawer.open{transform:none}.drawer-head{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 14px;border-bottom:1px solid var(--line)}.drawer-head b{font-size:19px}.drawer-head small{display:block;color:var(--muted);margin-top:3px}.drawer-head button{border:0;background:#f0f3f6;width:36px;height:36px;border-radius:50%;font-size:22px}.drawer-body{padding:4px 18px 100px;overflow:auto}.drawer details{border-bottom:1px solid var(--line);padding:12px 0}.drawer summary{cursor:pointer;font-weight:750;padding:5px 0}.drawer summary span{float:right;color:var(--blue);font-size:12px;font-weight:500}.basic-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0 5px}.basic-grid label{font-size:12px;color:var(--muted)}.basic-grid input,.basic-grid select{display:block;width:100%;height:42px;margin-top:5px;border:1px solid #dce3ea;border-radius:10px;background:#f8fafb;padding:0 10px;color:var(--ink)}.choice-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;margin:12px 0 5px}.choice-row{display:flex;gap:8px;flex-wrap:wrap}.choice{border:1px solid #dbe2e9;background:#f7f9fb;color:#4f6274;border-radius:10px;padding:9px 11px;min-width:44px}.choice.active{background:#e7f1ff;border-color:#6da8ef;color:#145fba;font-weight:750}.choice[data-value="红"].active{background:#ffe9ec;border-color:#ef8791;color:#c93241}.choice[data-value="绿"].active{background:#e4f7ed;border-color:#74c99b;color:#197947}.property-group{display:grid;grid-template-columns:45px 1fr;align-items:center;gap:8px;margin:12px 0}.property-group>b{font-size:13px;color:var(--muted)}.number-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin:12px 0 5px}.number-choice{aspect-ratio:1;border-radius:50%;border:1px solid #d9e1e8;background:#f7f9fb;color:#405468;font-weight:750}.number-choice.active{background:var(--navy);border-color:var(--navy);color:#fff}.drawer-actions{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 2fr;gap:9px;padding:12px 18px calc(12px + env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--line)}.drawer-actions button{height:47px;border-radius:12px;font-weight:750}.drawer-actions .ghost{border:1px solid #dbe2e9;background:#fff;color:#526376}.drawer-actions .primary{border:0;background:var(--navy);color:#fff}@media(max-width:620px){.topbar{padding:0 0 0 14px}.wordmark{margin-right:7px}.wordmark small{display:none}.topbar nav a{padding:0 11px;font-size:13px}.topbar nav:after{content:"";flex:0 0 10px}main{padding:0 11px 28px}.intro{padding:22px 3px 16px}.intro h1{font-size:26px}.record{padding:15px 10px}.balls{grid-template-columns:repeat(6,minmax(0,1fr)) 14px minmax(0,1fr);gap:2px}.ball{width:clamp(36px,9.8vw,43px);height:clamp(36px,9.8vw,43px);font-size:16px}.plus{line-height:42px;font-size:22px}.basic-grid{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(6,1fr);gap:6px}.choice-grid .choice{padding:9px 4px}.number-grid{gap:6px}}@media(max-width:420px){.topbar{height:58px}.topbar nav a{height:58px;padding:0 10px;font-size:12px}.wordmark b{font-size:19px}.intro{padding:19px 3px 14px}.intro h1{font-size:25px}.filter-button{height:44px;padding:0 12px}.quickbar{gap:7px;margin-bottom:16px}.quickbar select,.quickbar button{height:44px;padding:0 11px}.record{border-radius:17px;padding:14px 8px 13px}.record-head{margin:0 4px 14px}.balls{grid-template-columns:repeat(6,minmax(0,1fr)) 11px minmax(0,1fr);gap:1px}.ball{width:clamp(33px,9.4vw,39px);height:clamp(33px,9.4vw,39px);font-size:15px}.plus{line-height:38px;font-size:20px}.ball-item small{font-size:9px;margin-top:5px}.result-line{margin-bottom:9px}}@media(max-width:370px){main{padding-left:7px;padding-right:7px}.topbar nav a{padding:0 9px}.intro h1{font-size:23px}.intro p{font-size:12px}.filter-button{padding:0 10px}.quickbar select,.quickbar button{font-size:13px;padding:0 9px}.record{padding-left:6px;padding-right:6px}.ball{width:32px;height:32px;font-size:14px}.balls{grid-template-columns:repeat(6,minmax(0,1fr)) 9px minmax(0,1fr)}.ball-item small{font-size:8px}.record-head b{font-size:14px}}
.active-filters{display:flex;gap:7px;flex-wrap:wrap;margin:0 2px 10px}.active-filters:empty{display:none}.filter-chip{display:flex;align-items:center;gap:6px;border:1px solid #c9dcef;background:#eaf4ff;color:#195fa6;border-radius:999px;padding:7px 9px 7px 11px;font-size:12px}.filter-chip b{font-size:13px}.filter-chip button{display:grid;place-items:center;width:18px;height:18px;padding:0;border:0;border-radius:50%;background:#b9d5ef;color:#174f85}.zodiac-summary{margin:0 0 11px;background:linear-gradient(120deg,#fff8e9,#fff);border:1px solid #f0d8a8;border-radius:15px;padding:14px}.zodiac-summary[hidden]{display:none}.zodiac-summary-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.zodiac-summary-main{display:flex;align-items:center;gap:11px}.zodiac-summary-main>span{font-size:31px}.zodiac-summary-main b{display:block;font-size:17px}.zodiac-summary-main small{display:block;color:#8b7652;margin-top:3px}.zodiac-summary a{flex:0 0 auto;color:#fff;background:#112b46;border-radius:10px;padding:9px 11px;text-decoration:none;font-size:12px}.zodiac-summary-stats{display:flex;gap:18px;border-top:1px solid #f1dfbd;margin-top:11px;padding-top:10px;color:#76591e;font-size:12px}.zodiac-summary-stats strong{font-size:15px;color:#a86d12;margin-right:3px}@media(max-width:420px){.zodiac-summary-head{align-items:flex-start}.zodiac-summary a{padding:8px}.zodiac-summary-stats{gap:10px;justify-content:space-between}}
.record-head>div{display:flex;align-items:center;gap:8px}.record-detail{padding:5px 7px;border-radius:7px;background:#edf4fb;color:#246aa9;text-decoration:none;font-size:10px}
.quickbar{grid-template-columns:minmax(0,1fr) auto auto auto}.saved-filters{display:flex;gap:7px;overflow:auto;margin:-8px 0 13px}.saved-filters:empty{display:none}.saved-filter{display:flex;align-items:center;gap:5px;flex:0 0 auto;padding:7px 9px;border:1px solid #e0e6ec;border-radius:9px;background:#fff;color:#526376;font-size:11px}.saved-filter button{border:0;background:none;color:#b46b6b;padding:0}.combo-summary{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;margin-bottom:11px}.combo-summary[hidden]{display:none}.combo-stat{padding:10px;background:#fff;border:1px solid #e5eaf0;border-radius:11px}.combo-stat b{display:block;color:#b87817;font-size:15px}.combo-stat span{display:block;color:#78889a;font-size:9px;margin-top:3px}@media(max-width:520px){.quickbar{grid-template-columns:1fr 1fr 1fr}.quickbar select{grid-column:1/-1}.combo-summary{grid-template-columns:repeat(3,1fr)}}