*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:#0b1b32;background:#f8f7f0}body{overflow-x:hidden}.canvas{position:relative;width:1024px;height:1536px;margin:auto;overflow:hidden;background:#faf8f1;transform-origin:top left}.page-2,.page-5{background:#f6f8f1}.p{position:absolute}.asset{display:block;object-fit:contain;pointer-events:none}.text{line-height:1.4;white-space:nowrap;text-align:left}.heavy{font-weight:900;letter-spacing:-2px;line-height:1.2}.time{font-weight:700;color:#080a09}.bold{font-weight:600}.center{text-align:center}.green{color:#003d30}.brown{color:#281b09}.red{color:#ff071f}.blue{color:#0752ff}.gold{color:#d48609}.soft{color:#747566}.muted{color:#566983}a{text-decoration:none;color:inherit}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button,a,input,select{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #148368;outline-offset:3px}.bare{padding:0;border:0;background:transparent;text-align:left}.panel,.morecard{border:0;border-radius:16px;background:#fffffff2}.btn{border:0;border-radius:12px;font-size:21px}.primary,.selected{background:#005442!important;color:white!important}.primary{font-weight:600}.round{border-radius:40px}.search{background:#f3f1ebcc;border:2px solid #deddd5;border-radius:40px;overflow:hidden}.search input{position:absolute;left:59px;top:0;width:calc(100% - 71px);height:100%;font-size:20px;border:0;background:transparent;outline:0}.search input::placeholder{color:#7b7c7a}.page-5 .search{background:#ecf3fae0;border-color:#c5d3da}.bottom{background:#fff;border-top:1px solid #eee;border-radius:14px 14px 0 0}.indicator{border-radius:9px;background:#080a09}.navitem:hover{background:#eff5f055;border-radius:8px}.quick{border:0;border-radius:12px}.q0{background:#eff5ef}.q1{background:#fbf3e2}.q2{background:#eaf5fb}.q3{background:#efecfa}.q4{background:#fcecec}.row{border-bottom:1px solid #ecece8}.stat.green{background:#eff8f2}.stat.red{background:#fff0f0}.stat.blue{background:#eef5fe}.stat.gold{background:#fdf7e9}.ratio{background:#4894ee;border-radius:20px;overflow:hidden}.ratio span{display:block;height:100%;background:#ff434b;border-radius:20px}.ratio.orange{background:#43a574}.ratio.orange span{background:#ff9a2d}.pill{border:0;border-radius:38px;background:#faf4e8}.filter,.category,.range{background:#f4f4f5}.rulecard{padding:0;border:1px solid #f0ebe0;border-radius:15px;background:#fffdfa;text-align:left}.rulecard:hover,.morecard:hover{box-shadow:0 3px 13px #2841341a}.cream{background:#f6f0df}.tip{border:1px solid #f0efeb;border-radius:9px;overflow:hidden;background:#fff;box-shadow:0 3px 10px #263b3010}.morecard{padding:0;text-align:left}.goodluck{background:#eef2ec;border:1px solid #e0e7e0;overflow:hidden}.tag{background:#eaf3ee;font-size:18px;border-radius:28px;color:#003f33}.tagselect,.period{background:#f7f7f7;border:1px solid #eee;border-radius:10px;padding:0 10px;font-size:18px}.range{border:0;border-radius:28px;font-size:18px}.trendtab{font-size:21px}.article-row{display:flex;align-items:flex-start;width:100%;height:137px;padding:0 0 14px;border:0;border-bottom:1px solid #eef0ed;background:transparent;text-align:left;position:relative;cursor:pointer}.article-row>img{width:212px;height:121px;object-fit:cover;border-radius:10px}.article-copy{padding:4px 0 0 19px;flex:1;min-width:0}.article-copy h3{margin:0 0 3px;font-size:22px;font-weight:600;line-height:1.45}.article-copy p{margin:0;color:#63738b;font-size:18px;line-height:1.35}.article-meta{display:flex;align-items:center;gap:11px;position:absolute;left:230px;bottom:22px;right:0;font-size:15px;color:#64738d}.article-meta .tag{font-size:15px;padding:4px 9px;border-radius:10px}.article-meta .views{margin-left:auto}.article-meta time{margin-left:20px}.article-row .arrow{position:absolute;right:0;top:27px;font-size:35px;color:#091728}.article-copy h3,.article-copy p{padding-right:23px}.article-empty{padding:60px;text-align:center;color:#60736a;font-size:22px}.drawtable{width:100%;border-collapse:collapse;font-size:17px;table-layout:fixed}.drawtable th{height:36px;background:#f7f7f6;font-size:16px;color:#526079;font-weight:400}.drawtable td{height:50px;border-bottom:1px solid #eef0ed;text-align:center}.drawtable th:first-child,.drawtable td:first-child{width:133px;text-align:left;padding-left:10px}.drawtable th:nth-child(2){width:120px}.drawtable th:last-child{width:119px}.drawtable td:last-child{color:#607089}.ball{display:inline-flex;align-items:center;justify-content:center;background:#f50924;color:#fff;border-radius:50%;font-weight:600;font-size:22px;box-shadow:inset 3px 3px 6px #ffffff66,inset -2px -4px 5px #ac001f88}.ball.cold{background:#125bff;box-shadow:inset 3px 3px 6px #ffffff66,inset -2px -4px 5px #0038a988}.drawtable .ball{width:32px;height:32px;font-size:20px;margin-right:3px}.drawtable .size{font-size:23px;font-weight:600}.chart{display:block}dialog{width:840px;max-width:calc((100vw - 24px)/var(--scale));max-height:calc((100dvh - 24px)/var(--scale));padding:0;border:1px solid #dfe6dd;border-radius:18px;color:#122739;background:#fff;zoom:var(--scale);box-shadow:0 25px 100px #14291f40}dialog::backdrop{background:#10251f70}dialog header{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;padding:22px 28px;border-bottom:1px solid #e7ece5;background:white}dialog h2{font-size:29px;line-height:1.35;margin:0}dialog header button,.dialog-body button{border:1px solid #d4e0d8;background:#f5f8f4;border-radius:10px;padding:13px 20px;font-size:22px}dialog header button{flex:none;margin-left:20px}.dialog-body{padding:26px 28px;font-size:22px;line-height:1.7}.dialog-body p{margin:0 0 17px}.dialog-body h3{font-size:25px;color:#004d3b;margin:22px 0 10px}.dialog-body a{color:#005b45}.dialog-body .menu{display:grid;gap:12px}.dialog-body .menu a{padding:15px 18px;border:1px solid #dce7df;border-radius:10px}.dialog-body input,.dialog-body select{padding:13px;border:1px solid #cddacf;border-radius:8px;font-size:22px;max-width:100%}.dialog-body label{display:block;margin:12px 0}.dialog-body .inputs{display:flex;gap:12px}.dialog-body .inputs input{width:30%}.dialog-body button.primary{border-color:#005442}.dialog-body details{border-bottom:1px solid #e5ebe5;padding:14px 0}.dialog-body summary{cursor:pointer;font-weight:600}.dialog-body details p{margin-top:12px}.dialog-body .saved{background:#005442;color:#fff}.dialog-body .note{font-size:18px;color:#66766c}.dialog-body .toolbar{display:flex;gap:12px;flex-wrap:wrap}.dialog-body .result{background:#eff6ed;padding:18px;border-radius:10px;margin-top:14px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);padding:12px 22px;border-radius:10px;background:#063f30;color:white;z-index:99;font-size:16px}.chart-tip{background:#005442;color:white}.filtered{display:none}
.category{background:transparent}.category:not(.selected) .asset{mix-blend-mode:multiply}.canvas>.asset[src*="hero"]{mask-image:linear-gradient(to right,transparent,#000 16%);-webkit-mask-image:linear-gradient(to right,transparent,#000 16%)}.page-4>.asset[src*="hero"]{clip-path:polygon(0 0,100% 0,100% 100%,55% 100%,55% 67%,0 67%)}.page-3>.asset[src*="hero"]{clip-path:polygon(0 0,100% 0,100% 100%,36% 100%,36% 70%,0 70%)}.page-4 .article-meta img{width:22px;height:18px;vertical-align:middle;margin-right:6px}.page-4 .article-meta{bottom:18px}.page-4 .article-copy h3{font-size:22px;font-weight:500}.page-4 .article-copy p{line-height:1.4}.page-4 .heavy{font-size:76px!important}.quick .asset{mix-blend-mode:multiply}
#sum-chart,#frequency-chart{visibility:hidden}.drawball{display:inline-block;width:32px;height:32px;margin-right:3px;vertical-align:middle}.rulecard .asset{border-radius:15px}.rulecard .text.muted{font-size:19px!important}.page-3>.asset[src*="hero"]{clip-path:polygon(0 0,100% 0,100% 100%,32% 100%,32% 70%,0 70%)}
.canvas a>.asset[src*="logo"],.canvas>.asset[src*="tagline"]{mix-blend-mode:multiply}.trendtab .text{font-weight:500}.page-2>.asset[src*="hero"]{mask-image:linear-gradient(to right,transparent,#000 16%)}
.page-5 .search{background:#e8f0f9}.page-5>.asset[src*="sky5"]{mask-image:linear-gradient(to right,transparent,#000 18%)}.tag{white-space:nowrap}.page-5 .tag{font-size:17px}.page-5 .morecard .text.muted{font-size:22px!important}.page-5 .morecard .text.bold{font-size:28px!important}
.heavy{-webkit-text-stroke:1.25px currentColor}.canvas>.asset[src*="tagline"],.canvas a>.asset[src*="logo"],.quick .asset{mix-blend-mode:normal}.page-1 .primary{background:#28674e!important}.page-1 .quick .bold{font-size:21px!important}.page-1 .ratio.orange~.blue{color:#26a266}.page-1 .ratio.orange~.red{color:#ff8700}.rulecard .text.bold{font-weight:600}.rulecard .text.muted{font-size:20px!important}.page-4 .article-copy h3{font-weight:600}
.page-1{background:#fbf8f4}.page-2{background:#f6f7f1}.page-3{background:#f8f6ed}.page-4{background:#f9f6ed}.page-5{background:#f8f9f6}.page-1 .heavy{color:#001c12;-webkit-text-stroke:2px currentColor}.page-1 .quick{outline:8px solid white}.page-3 .heavy,.page-5 .heavy{-webkit-text-stroke:1.8px currentColor}.page-1 .row{font-weight:400}.page-1 .ratio.orange + .blue{color:#27a269}.page-1 .ratio.orange{background:#3aa06b}
.page-3>.asset[src*="hero"],.page-4>.asset[src*="hero"]{clip-path:none}
@font-face{font-family:ReferenceHeading;src:url('assets/heading-black.otf') format('opentype');font-weight:900;font-display:swap}.canvas .heavy{font-family:ReferenceHeading,'PingFang SC',sans-serif;font-weight:900;-webkit-text-stroke:0!important;letter-spacing:-1.5px}
.page-1 .heavy{font-size:96px!important;top:163px!important}.latest-pill{background:#f1f5f0;border-radius:24px}.separator{background:#dcdedc}.primary{font-weight:500}.page-1 .text.red[style*="1319px"]{color:#ff8700}.page-3 .rulecard .text.muted{font-size:19px!important}.page-3 .rulecard .text[style*="420px"]{left:421px!important}
.page-5>.asset[src*="sky-header-base"]{object-fit:fill}
.page-3 .heavy{font-size:76px!important;top:160px!important}.page-5 .heavy{font-size:75px!important;top:162px!important}
.page-1 .gold{color:#ff8700}

/* Display the original design at mobile width, including on desktop. */
.canvas{zoom:0.380859375}