.main-page{position:relative;min-height:100vh;height:auto;overflow-x:hidden;display:flex;flex-direction:column;background-color:#f0f0f0}.main-bg{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/assets/ui/main-bg.png) no-repeat center top / 100% auto;z-index:0}.main-header{position:relative;z-index:10;flex:0 0 auto;display:flex;justify-content:flex-end;align-items:center;padding:1.5vh 3vw}.main-header-right{display:flex;align-items:center}.main-user-info{display:flex;align-items:center;gap:12px;color:#fff;font-size:clamp(12px,1.4vh,14px);text-shadow:0 1px 3px rgba(0,0,0,.8)}.main-user-info .logged-in-info{display:flex;align-items:center;gap:10px;background:#1a0a2ec7;border:1px solid rgba(255,215,0,.35);border-radius:18px;padding:5px 14px;white-space:nowrap}.main-user-info .points-tag{background:#00000073;border:1px solid rgba(255,215,0,.35);border-radius:16px;padding:4px 10px;color:gold;font-size:clamp(11px,1.2vh,13px)}.main-user-info .btn{padding:6px 16px;border-radius:20px;font-size:clamp(12px,1.3vh,14px);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;flex:1 1 auto;min-height:0;width:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding:20vw 3vw 2vw;gap:0vw;overflow:visible}.main-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:clamp(16px,1.8vw,32px)}.main-btn{width:clamp(170px,12.8vw,230px);height:clamp(90px,6.75vw,121px);background:url(/assets/ui/btn-bg.png) no-repeat center center / contain;color:#fff;font-size:clamp(20px,1.9vw,32px);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.4vw;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:min(58vw,980px);max-width:980px;display:flex;justify-content:center;align-items:stretch;gap:24px;flex-wrap:wrap}.main-entry-col{flex:0 0 auto;display:flex;align-items:center}.entry-carousel{position:relative;width:clamp(220px,19vw,319px);height:clamp(162px,14vw,236px);max-width:100%;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:8px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:2}.carousel-indicators .dot{width:12px;height:12px;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:clamp(440px,37.4vw,629px);max-width:100%;aspect-ratio:629 / 236;position:relative;background:url(/assets/ui/notice-bg.png) no-repeat center center / 100% 100%;padding:clamp(12px,1.2vw,-100px) clamp(18px,1.8vw,-100px);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:8px;padding:0 6px}.notice-count{display:flex;align-items:baseline;gap:6px;color:#fff;font-size:16px}.notice-count-num{font-size:16px;font-weight:700;color:#fff}.notice-more{display:flex;align-items:center;gap:6px;color:#fff;font-size:16px;white-space:nowrap;cursor:pointer;transition:color .2s}.notice-more:hover{color:gold}.notice-more img{width:14px;height:14px}.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 8px;border-bottom:1px solid rgba(255,255,255,.08);font-size:18px}.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:18px;flex-shrink:0;margin-left:12px}.main-footer{position:relative;z-index:5;flex:0 0 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(min-width:769px)and (max-height:830px){.main-header{padding:1vh 3vw}.main-content-center{padding-top:min(20vw,14vh);gap:1.2vh}.main-btn{width:clamp(150px,11vw,200px)}.entry-carousel{width:clamp(200px,16vw,280px)}.main-footer{padding:.8vh 20px;line-height:1.35}.footer-logo{height:18px}.footer-cert{height:26px}.footer-sep{height:20px}}@media(max-width:768px){.main-page{height:auto;min-height:100vh;overflow:auto}.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{padding:2.5vh 4vw 3vh;gap:2.5vh;justify-content:flex-start;overflow:visible}.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}.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}}