.main-page{position:relative;min-height:100vh;height:auto;overflow-x:hidden;display:flex;flex-direction:column;background-color:#fff}.main-stage{position:relative;flex:0 0 auto;width:100%;aspect-ratio:1680 / 938;container-type:inline-size;overflow:hidden}.main-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.main-bg img{width:100%;height:100%}.main-header{position:relative;z-index:10;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:.8cqw 3cqw}.main-header-right{display:flex;align-items:center}.main-user-info{display:flex;align-items:center;gap:.7cqw;color:#fff;font-size:.8cqw;text-shadow:0 1px 3px rgba(0,0,0,.8)}.main-user-info .logged-in-info{display:flex;align-items:center;gap:.6cqw;background:#1a0a2ec7;border:1px solid rgba(255,215,0,.35);border-radius:1.1cqw;padding:.3cqw .85cqw;white-space:nowrap}.main-user-info .points-tag{background:#00000073;border:1px solid rgba(255,215,0,.35);border-radius:.95cqw;padding:.25cqw .6cqw;color:gold;font-size:.77cqw}.main-user-info .btn{padding:.36cqw .95cqw;border-radius:1.2cqw;font-size:.8cqw;font-weight:700;transition:all .2s ease}.main-user-info .btn-login{background:linear-gradient(180deg,#ffe066,#d4a017);color:#5c3d00;border:2px solid #ffec8b}.main-user-info .btn-login:hover{transform:translateY(-2px)}.main-user-info .btn-logout{background:linear-gradient(180deg,#c9302c,#8b1a17);color:#fff;border:2px solid #ff8080;box-shadow:0 2px 8px #c9302c66}.main-user-info .btn-logout:hover{transform:translateY(-2px);filter:brightness(1.1)}.main-content-center{position:relative;z-index:5;width:fit-content;margin:17cqw auto 0;display:flex;flex-direction:column;align-items:center;gap:0;padding:3cqw 2cqw 8.4cqw;background:#ffffff2e;backdrop-filter:blur(.5cqw);-webkit-backdrop-filter:blur(.5cqw);border:max(1px,.1cqw) solid rgba(255,255,255,.65);border-radius:.5cqw}.main-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:1.8cqw}.main-btn{width:12.8cqw;height:6.75cqw;background:url(/assets/ui/btn-bg.png) no-repeat center center / contain;color:#fff;font-size:1.9cqw;font-weight:700;letter-spacing:.12em;text-shadow:0 2px 4px rgba(0,0,0,.6);display:flex;align-items:center;justify-content:center;padding:0 0 1.4cqw;transition:transform .2s ease,filter .2s ease}.main-btn:hover{transform:translateY(-4px);filter:brightness(1.15) drop-shadow(0 8px 16px rgba(123,31,162,.5))}.main-btn:active{transform:translateY(0)}.main-btn .btn-text{pointer-events:none}.main-lower{width:58cqw;display:flex;justify-content:center;align-items:stretch;gap:1.45cqw}.main-entry-col{flex:0 0 auto;display:flex;align-items:center}.entry-carousel{position:relative;width:19cqw;aspect-ratio:319 / 236;overflow:hidden;cursor:pointer}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .5s ease;z-index:0}.carousel-slide.active{opacity:1;z-index:1}.carousel-slide img{width:100%;height:100%;object-fit:contain;display:block}.carousel-indicators{position:absolute;bottom:.5cqw;left:50%;transform:translate(-50%);display:flex;gap:.5cqw;z-index:2}.carousel-indicators .dot{width:.7cqw;height:.7cqw;border-radius:50%;background:#ffffff80;cursor:pointer;transition:background .2s}.carousel-indicators .dot.active{background:#2196f3;box-shadow:0 0 6px #2196f3e6}.main-notice{flex:1 1 auto;width:37.4cqw;aspect-ratio:629 / 236;position:relative;background:url(/assets/ui/notice-bg.png) no-repeat center center / 100% 100%;padding:.7cqw 1.1cqw;display:flex;flex-direction:column;overflow:hidden}.notice-content{display:flex;flex-direction:column;height:100%}.notice-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;margin-bottom:.5cqw;padding:0 .35cqw}.notice-count{display:flex;align-items:baseline;gap:.35cqw;color:#fff;font-size:.95cqw}.notice-count-num{font-size:.95cqw;font-weight:700;color:#fff}.notice-more{display:flex;align-items:center;gap:.35cqw;color:#fff;font-size:.95cqw;white-space:nowrap;cursor:pointer;transition:color .2s}.notice-more:hover{color:gold}.notice-more img{width:.85cqw;height:.85cqw}.notice-list{flex:1 1 auto;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.notice-item{flex:0 0 20%;display:flex;justify-content:space-between;align-items:center;padding:0 .5cqw;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.07cqw}.notice-item:last-child{border-bottom:none}.notice-link{color:#fff;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color .2s}.notice-link:hover{color:gold}.notice-date{color:#fff;font-size:1.07cqw;flex-shrink:0;margin-left:.7cqw}.main-footer{position:relative;z-index:5;flex:0 0 auto;margin-top:auto;width:100%;background:#000;padding:8px 20px;font-size:12px;color:#999;line-height:1.5}.footer-content{display:flex;justify-content:center;align-items:center;gap:12px;flex-wrap:wrap}.footer-left{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:8px}.footer-right{text-align:left;display:flex;flex-direction:column;gap:1px}.footer-logo{height:24px}.footer-sep{height:28px}.footer-cert{height:38px}.footer-gongan{height:14px;width:14px;display:inline-block;vertical-align:middle;margin-right:4px}.footer-links a{color:#ccc;margin:0 4px}.footer-links a:hover{color:gold}.footer-records,.footer-publish,.footer-company,.footer-copyright{color:#ccc}.footer-record-inline{white-space:nowrap}@media(max-width:768px){.main-page{height:auto;min-height:100vh;overflow:auto}.main-stage{container-type:normal;aspect-ratio:auto;flex:1 1 auto;display:flex;flex-direction:column;overflow:visible}.main-bg{inset:auto;top:0;left:50%;transform:translate(-50%);width:auto;height:100%}.main-bg img{width:auto;height:100%;max-width:none}.main-header{padding:1.5vh 4vw}.main-header,.main-header-right{justify-content:center}.main-user-info{flex-wrap:nowrap;justify-content:center;gap:clamp(4px,1.4vw,12px);font-size:clamp(10px,2.8vw,14px)}.main-user-info .btn{padding:.8vh clamp(6px,2.4vw,16px);font-size:clamp(11px,3vw,14px);white-space:nowrap}.main-user-info .logged-in-info{flex-wrap:wrap;justify-content:center;row-gap:.5vh;max-width:60vw;padding:.6vh 2.5vw;border-radius:3vw;gap:clamp(4px,1.4vw,10px)}.main-user-info .points-tag{font-size:clamp(9px,2.5vw,12px);padding:.3vh 2vw;white-space:nowrap}.main-content-center{width:auto;margin:2vh 4vw;padding:3vh 4vw 4vh;gap:2.5vh;justify-content:flex-start;overflow:visible;background:#ffffff2e;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.65);border-radius:12px}.main-actions{display:flex;flex-wrap:nowrap;gap:clamp(6px,1.6vw,32px);width:auto;max-width:96vw}.main-btn{width:clamp(72px,21vw,230px);height:auto;aspect-ratio:230 / 121;font-size:clamp(12px,3.2vw,32px);padding-bottom:1.4vw}.main-lower{width:100%;gap:3vw;flex-wrap:wrap}.entry-carousel{margin:0 auto;width:clamp(200px,62vw,319px);height:auto;aspect-ratio:319 / 236}.carousel-indicators{bottom:1.5vw;gap:2vw}.carousel-indicators .dot{width:3.2vw;height:3.2vw;max-width:14px;max-height:14px}.main-notice{aspect-ratio:auto;min-height:52vw;padding:2vw 3.5vw}.notice-header{margin-bottom:1.2vw;padding:0 1.5vw}.notice-count,.notice-more{font-size:clamp(12px,3.4vw,15px)}.notice-more img{width:3.4vw;height:3.4vw;max-width:14px;max-height:14px}.notice-item{font-size:clamp(12px,3.5vw,15px);padding:0 2vw}.notice-date{font-size:clamp(11px,3vw,14px);margin-left:3vw}.main-footer{padding:1.5vh 4vw;font-size:clamp(9px,2.6vw,12px);line-height:1.6}.footer-content{flex-direction:column;gap:.8vh;text-align:center}.footer-left{margin-left:0;gap:2.5vw;flex-wrap:wrap;justify-content:center}.footer-right{text-align:center;align-items:center}.footer-logo{height:clamp(16px,4.6vw,24px)}.footer-sep{height:clamp(18px,5.4vw,28px)}.footer-cert{height:clamp(24px,7.4vw,38px)}}@media(max-width:480px){.main-notice{min-height:58vw}.notice-item{flex-direction:column;align-items:flex-start;gap:.2vh}.notice-date{margin-left:0}}