/* Source mobile layout: dimensions scale with the mobile content width. */
:root{--ref-u:min(1vw,6.8px);--ref-blue:#484d98;--ref-text:#4b5563}
body.ref-home{max-width:680px;margin:0 auto!important;padding:calc(12.533333 * var(--ref-u)) 0 calc(20 * var(--ref-u))!important;background:#e6e6e6!important;color:var(--ref-text);font-family:Arial,"Microsoft YaHei",sans-serif;font-size:calc(4 * var(--ref-u));line-height:1.5}
.ref-home *{box-sizing:border-box}.ref-home a:hover,.ref-home a:focus{color:inherit}.ref-header{position:fixed;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:680px;height:calc(12.533333 * var(--ref-u));display:flex;align-items:center;justify-content:space-between;padding:0 calc(4.266667 * var(--ref-u));background:linear-gradient(270deg,#eee,#fff);z-index:1050}.ref-header>a:first-child{display:flex;align-items:center}.ref-header>a>img{height:calc(10 * var(--ref-u));width:auto;object-fit:contain}.ref-user{display:flex;align-items:center;gap:calc(1 * var(--ref-u));color:#6b7280!important;font-size:calc(5 * var(--ref-u))}.ref-user-icon{width:calc(3.5 * var(--ref-u));height:calc(3.5 * var(--ref-u));background:#6b7280;mask:url(../images/reference/icon-user.svg) center/contain no-repeat;-webkit-mask:url(../images/reference/icon-user.svg) center/contain no-repeat}.ref-main{padding:0;margin:0}.ref-banner{width:100%;background:#c32016}.ref-banner img{display:block;width:100%;height:auto}.ref-shortcuts{display:flex;justify-content:space-around;align-items:flex-start;background:#f7f7f7;padding:calc(2.666667 * var(--ref-u)) 0 calc(2 * var(--ref-u));height:calc(23.6 * var(--ref-u))}.ref-shortcuts a{display:flex;align-items:center;flex-direction:column;width:25%;text-align:center;color:#444}.ref-shortcuts a>span{display:flex;align-items:center;justify-content:center;width:calc(12.533333 * var(--ref-u));height:calc(12.533333 * var(--ref-u));border-radius:calc(2 * var(--ref-u));background:linear-gradient(180deg,#7989d1,#262a68)}.ref-shortcuts img{width:calc(7.466667 * var(--ref-u));height:calc(7.466667 * var(--ref-u));object-fit:contain}.ref-shortcuts em{font-size:calc(3.3 * var(--ref-u));line-height:1.5;margin-top:calc(1.333333 * var(--ref-u));font-style:normal}.ref-section{background:#f7f7f7;margin-top:calc(2.666667 * var(--ref-u))}.ref-section h2{display:flex;align-items:center;gap:calc(3.2 * var(--ref-u));padding:calc(2.133333 * var(--ref-u)) calc(4.266667 * var(--ref-u)) calc(1.6 * var(--ref-u));margin:0;font-size:calc(4.8 * var(--ref-u));line-height:calc(6.933333 * var(--ref-u));font-weight:700;color:#4b5563}.ref-flame{width:calc(6.933333 * var(--ref-u));height:calc(6.933333 * var(--ref-u));display:block;flex-shrink:0;background:var(--ref-blue);mask:url(../images/reference/icon-remen.svg) center/contain no-repeat;-webkit-mask:url(../images/reference/icon-remen.svg) center/contain no-repeat}.ref-entertain{margin-top:calc(2.666667 * var(--ref-u));padding-bottom:calc(2 * var(--ref-u))}.ref-entertain-grid{display:grid;grid-template-columns:1fr 1fr;height:calc(35 * var(--ref-u));padding:0 calc(2.666667 * var(--ref-u));gap:calc(2 * var(--ref-u))}.ref-entertain-grid a{display:block;min-height:0;border-radius:calc(1.6 * var(--ref-u));overflow:hidden}.ref-entertain-grid img{width:100%;height:100%;object-fit:cover;display:block}.ref-entertain-grid>div{display:grid;grid-template-rows:1fr 1fr;gap:calc(3.2 * var(--ref-u))}.ref-hot h2{padding-bottom:calc(3.2 * var(--ref-u))}.ref-hot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:calc(1 * var(--ref-u)) 0 calc(1.6 * var(--ref-u));min-height:calc(27.2 * var(--ref-u))}.ref-hot-grid a{min-width:0;text-align:center;color:#777d83!important;line-height:1.5;font-size:calc(4 * var(--ref-u))}.ref-hot-grid img{display:block;width:calc(12 * var(--ref-u));height:calc(12 * var(--ref-u));object-fit:contain;margin:0 auto}.ref-hot-grid span{display:block;margin-top:calc(1.066667 * var(--ref-u));overflow-wrap:anywhere}.ref-lottery{padding:calc(2 * var(--ref-u)) calc(2 * var(--ref-u)) calc(3 * var(--ref-u));min-height:calc(66 * var(--ref-u))}.ref-switch{display:flex;align-items:center;gap:calc(2 * var(--ref-u));padding:calc(1 * var(--ref-u)) 0 calc(1 * var(--ref-u));margin-bottom:calc(4 * var(--ref-u));white-space:nowrap}.ref-switch button{border:0;border-radius:9999px;background:#e5e5e5;padding:calc(1.2 * var(--ref-u)) calc(3 * var(--ref-u));font-size:calc(3.2 * var(--ref-u));font-weight:700;color:#4b5563;line-height:1.2;cursor:pointer}.ref-switch button:first-child{margin-left:calc(2 * var(--ref-u))}.ref-switch button.active{background:var(--ref-blue);color:white}.ref-switch em{font-size:calc(3 * var(--ref-u));font-style:normal;font-weight:700;margin-left:calc(2 * var(--ref-u));color:#4b5563}.ref-group-list{padding:0 calc(3 * var(--ref-u))}.ref-group{display:flex;align-items:flex-start;margin:calc(5 * var(--ref-u)) 0;gap:calc(2 * var(--ref-u))}.ref-category-icon{width:calc(12 * var(--ref-u));height:calc(12 * var(--ref-u));object-fit:contain;flex-shrink:0}.ref-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(2.4 * var(--ref-u)) calc(2 * var(--ref-u));flex:1;padding-top:calc(1 * var(--ref-u));min-width:0}.ref-group-grid a{height:calc(12.5 * var(--ref-u));padding:calc(1.5 * var(--ref-u)) calc(.8 * var(--ref-u)) 0;background:#e5e5e5;border-radius:calc(1.6 * var(--ref-u));text-align:center;min-width:0;color:#4b5563}.ref-group-grid i{display:block;font-size:calc(3.4 * var(--ref-u));font-style:normal;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:calc(5 * var(--ref-u))}.ref-group-grid em{display:block;font-style:normal;font-size:calc(3.5 * var(--ref-u));color:#4ea230;line-height:calc(4 * var(--ref-u))}.ref-group-grid em.closed{color:#999}.ref-general-entry{display:flex;justify-content:space-between;padding:calc(5 * var(--ref-u));color:#4b5563;font-size:calc(4 * var(--ref-u));background:#e5e5e5;border-radius:6px;margin:calc(4 * var(--ref-u))}.ref-lottery [hidden]{display:none!important}html:has(body.ref-home){scrollbar-width:none}html:has(body.ref-home)::-webkit-scrollbar{display:none}body.ref-home{min-height:100dvh}
.ref-entertain-grid{padding-top:calc(1.066667 * var(--ref-u));padding-bottom:calc(1.066667 * var(--ref-u))}
