/* =========================================================
   Journal 正文区域
   文件：june-aurora-journal-content.css
   ========================================================= */
.journal-entries{padding:82px 0 100px}
/* =========================================================
   区块标题
   ========================================================= */
.journal-section-heading{margin-bottom:34px;display:grid;grid-template-columns:auto minmax(80px,1fr) auto;gap:22px;align-items:center}
.journal-section-title{display:flex;align-items:center;gap:14px}
.journal-section-number{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;flex:none;color:var(--paper);background:var(--orange);border-radius:50%;font-family:var(--body);font-size:9px;font-weight:700;line-height:1;letter-spacing:.08em}
.journal-section-title p{margin:0;color:var(--black);font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.journal-section-line{height:1px;background:var(--line)}
.journal-section-date{color:var(--muted);font-size:8px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}
/* =========================================================
   四列卡片网格
   ========================================================= */
.journal-entry-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;align-items:stretch}
/* =========================================================
   标准文章卡片
   上半部分图片，下半部分文字
   ========================================================= */
.journal-story-card{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-large);box-shadow:var(--shadow-soft)}
.journal-story-link{width:100%;height:100%;display:grid;grid-template-rows:1fr 1fr;color:inherit;text-decoration:none}
.journal-story-image{position:relative;min-width:0;min-height:0;overflow:hidden;background:var(--soft-gray)}
.journal-story-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,rgba(45,39,34,.08));pointer-events:none}
.journal-story-image img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:grayscale(.38) saturate(.52) sepia(.16) contrast(.96) brightness(.98);transform:scale(1);transition:filter .45s ease,transform .45s ease}
.journal-story-content{min-width:0;min-height:0;padding:22px 23px 20px;display:flex;flex-direction:column;align-items:flex-start;background:var(--paper)}
.journal-story-category{color:var(--orange);font-size:8px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.journal-story-content h2{max-width:255px;margin:14px 0 0;color:var(--black);font-family:var(--serif);font-size:clamp(22px,1.65vw,31px);font-weight:500;line-height:1.03;letter-spacing:-.025em}
.journal-story-divider{width:40px;height:1px;margin-top:17px;background:var(--orange)}
.journal-story-content time{margin-top:14px;color:var(--muted);font-family:var(--serif);font-size:14px;font-style:italic;line-height:1}
.journal-story-read{position:relative;margin-top:auto;display:inline-flex;align-items:center;gap:9px;color:var(--black);font-size:8px;font-weight:700;line-height:1;letter-spacing:.16em;text-transform:uppercase}
.journal-story-read::after{content:"";position:absolute;left:0;right:17px;bottom:-6px;height:1px;background:var(--orange);transform:scaleX(.25);transform-origin:left;transition:transform .35s ease}
.journal-story-read i{color:var(--orange);font-size:15px;line-height:1;transition:transform .35s ease}
.journal-story-link:hover .journal-story-image img,.journal-story-link:focus-visible .journal-story-image img{filter:grayscale(0) saturate(1) sepia(0) contrast(1) brightness(1);transform:scale(1.025)}
.journal-story-link:hover .journal-story-read::after,.journal-story-link:focus-visible .journal-story-read::after{transform:scaleX(1)}
.journal-story-link:hover .journal-story-read i,.journal-story-link:focus-visible .journal-story-read i{transform:translateX(4px)}
.journal-story-link:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
/* =========================================================
   广告图片卡片
   和标准文章卡片完全相同尺寸
   卡片内部只有一张完整图片
   ========================================================= */
.journal-ad-card{position:relative;width:100%;aspect-ratio:3/4;overflow:hidden;background:var(--sand);border:1px solid var(--line);border-radius:var(--radius-large);box-shadow:var(--shadow-soft)}
.journal-ad-link{position:relative;width:100%;height:100%;display:block;overflow:hidden;color:inherit;text-decoration:none}
.journal-ad-link::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(45,39,34,.48));opacity:.55;pointer-events:none;transition:opacity .4s ease}
.journal-ad-link img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;filter:grayscale(.38) saturate(.52) sepia(.16) contrast(.96) brightness(.98);transform:scale(1);transition:filter .45s ease,transform .45s ease}
.journal-ad-label{position:absolute;left:22px;right:22px;bottom:22px;z-index:2;color:var(--paper);font-family:var(--serif);font-size:clamp(23px,1.8vw,32px);font-style:italic;font-weight:500;line-height:1.05;text-shadow:0 2px 12px rgba(45,39,34,.3)}
.journal-ad-link:hover::after,.journal-ad-link:focus-visible::after{opacity:.35}
.journal-ad-link:hover img,.journal-ad-link:focus-visible img{filter:grayscale(0) saturate(1) sepia(0) contrast(1) brightness(1);transform:scale(1.025)}
.journal-ad-link:focus-visible{outline:2px solid var(--orange);outline-offset:-4px}
/* =========================================================
   加载更多按钮
   ========================================================= */
.journal-load-more{margin-top:48px;display:flex;justify-content:center}
.journal-load-more a{min-width:195px;padding:14px 24px;display:inline-flex;align-items:center;justify-content:center;gap:12px;color:var(--black);background:var(--paper);border:1px solid var(--black);border-radius:999px;font-size:9px;font-weight:700;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:color .25s ease,background-color .25s ease,transform .25s ease}
.journal-load-more a i{color:var(--orange);font-size:16px}
.journal-load-more a:hover,.journal-load-more a:focus-visible{color:var(--paper);background:var(--black);transform:translateY(-2px)}
/* =========================================================
   超宽桌面：1500px 以上
   ========================================================= */
@media(min-width:1500px){.journal-entry-grid{gap:22px}.journal-story-content{padding:24px 26px 22px}.journal-story-content h2{font-size:31px}.journal-ad-label{left:25px;right:25px;bottom:25px}}
/* =========================================================
   普通桌面：1101px 至 1499px
   ========================================================= */
@media(min-width:1101px) and (max-width:1499px){.journal-entries{padding:74px 0 90px}.journal-entry-grid{gap:17px}.journal-story-content{padding:19px 20px 18px}.journal-story-content h2{font-size:clamp(20px,1.65vw,28px)}.journal-story-divider{margin-top:14px}.journal-story-content time{margin-top:12px;font-size:13px}.journal-ad-label{left:20px;right:20px;bottom:20px;font-size:clamp(21px,1.7vw,28px)}}
/* =========================================================
   平板：761px 至 1100px
   一行两个卡片
   ========================================================= */
@media(min-width:761px) and (max-width:1100px){.journal-entries{padding:68px 0 82px}.journal-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.journal-story-content{padding:24px}.journal-story-content h2{font-size:34px}.journal-ad-label{font-size:34px}}
/* =========================================================
   手机：760px 以下
   一行一个卡片
   ========================================================= */
@media(max-width:760px){.journal-entries{padding:58px 0 70px}.journal-section-heading{margin-bottom:25px;grid-template-columns:auto 1fr;gap:14px}.journal-section-line{display:none}.journal-section-date{grid-column:1/-1;padding-left:48px;font-size:7px}.journal-entry-grid{grid-template-columns:1fr;gap:18px}.journal-story-card,.journal-ad-card{aspect-ratio:4/5}.journal-story-content{padding:22px}.journal-story-content h2{margin-top:15px;font-size:31px}.journal-story-divider{margin-top:20px}.journal-story-content time{margin-top:15px;font-size:15px}.journal-ad-label{left:22px;right:22px;bottom:22px;font-size:32px}.journal-load-more{margin-top:35px}}
/* =========================================================
   小屏手机：430px 以下
   ========================================================= */
@media(max-width:430px){.journal-section-number{width:31px;height:31px;font-size:8px}.journal-section-title p{font-size:8px}.journal-story-content{padding:20px}.journal-story-content h2{font-size:28px}.journal-story-read{font-size:7px}.journal-ad-label{left:20px;right:20px;bottom:20px;font-size:29px}}
/* =========================================================
   减少动态效果
   ========================================================= */
@media(prefers-reduced-motion:reduce){.journal-story-image img,.journal-ad-link img,.journal-ad-link::after,.journal-story-read::after,.journal-story-read i,.journal-load-more a{transition:none!important}.journal-story-link:hover .journal-story-image img,.journal-story-link:focus-visible .journal-story-image img,.journal-ad-link:hover img,.journal-ad-link:focus-visible img{transform:none}.journal-load-more a:hover,.journal-load-more a:focus-visible{transform:none}}

/* =========================================================
   文章没有封面时的占位区域
   ========================================================= */
.journal-story-placeholder{width:100%;height:100%;padding:24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:var(--muted);background:linear-gradient(135deg,var(--soft-gray),var(--sand));text-align:center}
.journal-story-placeholder i{color:var(--orange);font-size:30px}
.journal-story-placeholder span{font-family:var(--serif);font-size:18px;font-style:italic}
/* =========================================================
   Journal 分页
   ========================================================= */
.journal-pagination{margin-top:48px;display:flex;justify-content:center}
.journal-pagination nav{width:100%;display:flex;justify-content:center}
.journal-pagination svg{width:18px;height:18px}
.journal-pagination a,.journal-pagination span{font-family:var(--body)}
/* =========================================================
   没有文章时的空状态
   ========================================================= */
.journal-empty{min-height:360px;padding:60px 30px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--black);background:var(--paper);border:1px solid var(--line);border-radius:var(--radius-large);text-align:center}
.journal-empty-icon{width:58px;height:58px;display:flex;align-items:center;justify-content:center;color:var(--orange);background:var(--cream);border-radius:50%;font-size:25px}
.journal-empty-kicker{margin:24px 0 0;color:var(--orange);font-size:8px;font-weight:700;letter-spacing:.17em;text-transform:uppercase}
.journal-empty h2{margin:14px 0 0;color:var(--black);font-family:var(--serif);font-size:42px;font-weight:500}
.journal-empty>p:last-child{margin:14px 0 0;color:var(--muted);font-size:11px}