.diary-index-active .topbar{display:none}.diary-index-active main{padding:0!important}
.diary-index{min-height:100dvh;padding-bottom:130px;color:#12475a;background:linear-gradient(#eff9fb,#fffaf5)}
.diary-index-banner{min-height:278px;display:flex;align-items:flex-start;flex-direction:column;justify-content:center;padding:18px 22px 27px;color:white;
 background:linear-gradient(105deg,#00425be0,#068a92aa),url('https://images.unsplash.com/photo-1464822759023-fed622ff2c3b?auto=format&fit=crop&w=1000') center/cover}
.diary-index-banner button{border:1px solid #ffffff88;border-radius:14px;background:#04798fba;color:white;font-size:30px;width:44px;height:44px;margin-bottom:24px}
.diary-index-banner>span{font-size:10px;letter-spacing:1.8px;font-weight:950;color:#d5fffa}
.diary-index-banner h1{font:900 clamp(35px,9vw,47px)/1.04 Georgia,serif;letter-spacing:-1px;margin:11px 0;color:#fff9e8;text-shadow:0 4px 8px #003952a8}
.diary-index-banner p{font-size:13px;color:#f3fffd;font-weight:800;margin:0}
.diary-index-stats{display:flex;justify-content:space-around;gap:12px;margin:-15px 14px 20px;padding:16px 11px;border-radius:18px;background:white;box-shadow:0 8px 22px #0e536a25;font-size:14px;font-weight:950;color:#0c9eab;position:relative}
.diary-index-intro{margin:0 18px 18px}
.diary-index-intro h2{margin:0 0 5px;font-size:24px;color:#124e61}
.diary-index-intro p{font-size:12px;color:#698692;margin:0}
.diary-index-cards{display:grid;gap:14px;padding:0 14px}
.diary-index-card{display:flex;flex-direction:column;border:1px solid #e3eef0;border-radius:22px;background:white;overflow:hidden;padding:0;text-align:left;box-shadow:0 8px 22px #0c607025}
.diary-index-picture{position:relative;height:232px;display:flex;align-items:flex-end;background-image:linear-gradient(180deg,#063f5436,#053750de),var(--diary-bg);background-size:cover;background-position:center;overflow:hidden}
.diary-index-picture>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.diary-index-picture>img+.diary-index-title{background:linear-gradient(transparent,#073b56b8);padding-top:45px}
.diary-index-title{position:relative;z-index:1;display:flex;flex-direction:column;gap:7px;padding:17px 18px;color:white;width:100%;text-shadow:0 2px 6px #003c57}
.diary-index-title small{font-size:11px;font-weight:900}
.diary-index-title strong{font:900 clamp(27px,7vw,36px)/1.1 Georgia,serif;overflow-wrap:anywhere}
.diary-index-title em{font-style:normal;font-size:12px;font-weight:800}
.diary-index-footer{display:flex;justify-content:space-between;align-items:center;padding:14px 17px;font-size:12px;font-weight:850;color:#638993}
.diary-index-footer b{color:#0aa4ae}
.diary-index-empty{padding:26px 19px;margin:0 14px;background:#eafaf7;border-radius:21px;text-align:center}
.diary-index-empty>span{font-size:44px}.diary-index-empty h3{margin:8px 0}.diary-index-empty p{font-size:12px;color:#658790}
.diary-index-empty button{background:#14a9af;color:white;border:0;padding:12px 20px;border-radius:12px;font-weight:900}
.diary-all-link{background:#e7f8fa;border:1px solid #c4e7e9;color:#0b909f;padding:9px 13px;border-radius:11px;font-size:12px;font-weight:900;margin-bottom:13px}
@media(min-width:650px){.diary-index-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.diary-index{padding-bottom:135px}}