@import url('harfcan-shell.css');
body.h-fen-article{min-height:100vh;padding-top:66px!important;background:linear-gradient(180deg,#eefaff 0,#fffdf7 42%);color:#20244c;font-family:Nunito,"Avenir Next",system-ui,sans-serif;line-height:1.7}body.h-fen-article>header{max-width:940px;margin:0 auto;padding:48px 24px 25px;background:transparent!important;color:#20244c!important;text-align:center;box-shadow:none!important;border-radius:0!important;overflow:visible!important;position:relative}body.h-fen-article>header:before{display:none!important}body.h-fen-article>header .logo{display:none!important}body.h-fen-article>header h1{position:relative;color:#20244c!important;margin:0 0 10px!important;font-size:clamp(2rem,4.5vw,3.45rem)!important;line-height:1.08;text-shadow:none!important}body.h-fen-article>header p{position:relative;max-width:600px;margin:auto;color:#5a6380!important;font-size:1rem!important;font-style:normal!important}body.h-fen-article main,body.h-fen-article>.container{max-width:840px;margin:auto;padding:0 22px 60px}body.h-fen-article .container{max-width:840px;padding:0}body.h-fen-article article{margin:0}body.h-fen-article .story-text{margin:0 0 20px!important;padding:clamp(22px,4vw,42px)!important;background:#fff!important;border:1px solid #e7e8f1!important;border-radius:24px!important;box-shadow:0 8px 24px rgba(55,67,130,.09)!important;color:#333c5b!important;font-size:1.04rem!important;line-height:1.85!important}body.h-fen-article .story-text p{margin:0 0 1.3rem!important}body.h-fen-article .fun-visual{margin:0 0 24px!important;padding:17px!important;border-radius:18px!important;background:linear-gradient(135deg,#dff6ff,#eee4ff)!important;font-size:2.25rem!important;line-height:1.3!important;letter-spacing:.16em!important}body.h-fen-article .info-box{margin:24px 0!important;padding:18px 20px!important;border:0!important;border-left:5px solid #62aeea!important;border-radius:0 16px 16px 0!important;background:linear-gradient(135deg,#e9f8ff,#edfae9)!important;color:#344864!important}body.h-fen-article .info-box strong{color:#316fa6!important}body.h-fen-article .step-box{margin:24px 0!important;padding:21px!important;border:2px dashed #f2b653!important;border-radius:18px!important;background:#fff7df!important}body.h-fen-article .step-box h4{color:#a76100!important;margin:0 0 9px!important}body.h-fen-article .step-box li{padding:8px 0!important;border-bottom:1px dashed #efd59c!important}body.h-fen-article .think-box{margin:22px 0!important;padding:25px!important;border:1px solid #f2c9da!important;border-radius:22px!important;background:#fff1f7!important;box-shadow:none!important}body.h-fen-article .think-box h3{color:#b84372!important}body.h-fen-article .think-box li{background:#fff!important;color:#4b526d!important}body.h-fen-article .game-card{padding:10px!important;background:transparent!important;box-shadow:none!important;text-align:center!important}body.h-fen-article .button{display:inline-flex!important;align-items:center;justify-content:center;border:0!important;border-radius:999px!important;padding:.8rem 1.2rem!important;background:#6f42d8!important;color:#fff!important;box-shadow:0 7px 16px rgba(91,55,181,.22)!important;font:800 .9rem/1 Nunito,"Avenir Next",system-ui,sans-serif!important;text-decoration:none!important}body.h-fen-article .button:hover{transform:translateY(-2px);background:#5230b9!important}body.h-fen-article footer{padding:28px 20px!important;background:#fff!important;color:#656b88!important;text-align:center!important;font:normal .83rem/1.5 Nunito,"Avenir Next",system-ui,sans-serif!important}body.h-fen-article a:focus-visible,body.h-fen-article button:focus-visible{outline:3px solid #f18b2b!important;outline-offset:3px}@media(max-width:600px){body.h-fen-article>header{padding:36px 18px 20px}body.h-fen-article main,body.h-fen-article>.container{padding-inline:15px}body.h-fen-article .story-text{padding:23px 19px!important;border-radius:18px!important;font-size:.98rem!important}body.h-fen-article .fun-visual{font-size:1.75rem!important;letter-spacing:.08em!important}body.h-fen-article .think-box,body.h-fen-article .step-box{padding:18px!important}}
