.page-news{--j-bg:#0A1428;--j-panel:#0F1D3A;--j-border:#234070;--j-text:#FFFFFF;--j-dim:#A0B0C8;--j-green:#39FF14;--j-orange:#FF6600;--j-font-head:Impact,"Arial Black",sans-serif;--j-font-body:"Microsoft YaHei","微软雅黑",sans-serif;--j-space:clamp(16px,4vw,32px);background:var(--j-bg);color:var(--j-text);font-family:var(--j-font-body);line-height:1.7;overflow-x:hidden}
.page-news img{max-width:100%;height:auto;object-fit:cover}
.journal-hero{position:relative;padding:24px 0 40px;border-bottom:1px solid var(--j-border);background:linear-gradient(rgba(57,255,20,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(57,255,20,.06) 1px,transparent 1px),radial-gradient(circle at 90% 10%,rgba(255,102,0,.1),transparent 40%);background-size:28px 28px,28px 28px,auto}
.journal-hero::after{content:"";position:absolute;top:0;right:0;width:16%;height:4px;background:linear-gradient(90deg,var(--j-green),transparent)}
.journal-hero__grid{display:grid;gap:24px;padding-top:16px}
.journal-hero__title{font-family:var(--j-font-head);font-size:clamp(52px,9vw,108px);line-height:.94;letter-spacing:.01em;margin:0 0 18px;text-transform:uppercase;display:inline-block}
.journal-hero__title::after{content:"";display:block;width:96px;height:8px;margin-top:14px;background:var(--j-green);box-shadow:14px 0 0 var(--j-orange)}
.journal-hero__lead{max-width:56ch;margin:0;font-size:15px;color:var(--j-dim);border-left:3px solid var(--j-green);padding-left:16px}
.journal-hero__lead strong{color:var(--j-text)}
.journal-hero__aside{display:flex;gap:14px;justify-content:flex-start;align-items:stretch}
.journal-hero__stamp{writing-mode:vertical-rl;text-orientation:upright;font-size:12px;letter-spacing:.18em;color:var(--j-orange);border:1px solid var(--j-orange);padding:10px 5px;transform:rotate(180deg)}
.journal-hero__freq{writing-mode:vertical-rl;font-family:var(--j-font-head);font-size:16px;letter-spacing:.12em;color:var(--j-green);border-left:2px solid var(--j-green);padding-left:6px}
@media(min-width:760px){
.journal-hero__grid{grid-template-columns:minmax(0,1fr) auto;gap:32px;padding-top:28px;align-items:center}
.journal-hero__aside{justify-self:end}
}
.journal-body{padding:28px 0 52px}
.journal-tabs{display:grid;gap:28px}
@media(min-width:960px){
.journal-tabs{grid-template-columns:300px minmax(0,1fr);gap:32px;align-items:start}
}
.journal-side{position:relative;background:var(--j-panel);border:1px solid var(--j-border);padding:20px 18px}
.journal-side::before{content:"";display:block;height:3px;width:0;background:var(--j-orange);position:absolute;top:0;left:0;transition:width .3s ease}
.journal-side:hover::before{width:100%}
.journal-side__label{font-family:var(--j-font-head);font-size:22px;letter-spacing:.04em;margin:0 0 10px;padding-bottom:10px;border-bottom:1px solid var(--j-border);position:relative}
.journal-side__label::after{content:"";position:absolute;left:0;bottom:-2px;width:44px;height:3px;background:var(--j-green)}
.journal-side__intro{font-size:12px;color:var(--j-dim);margin:0 0 14px;line-height:1.7}
@media(min-width:960px){
.journal-side{position:sticky;top:16px}
}
.journal-tablist{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:16px 0 18px;padding:0;counter-reset:jtab}
.journal-tab{appearance:none;-webkit-appearance:none;border:1px solid var(--j-border);background:#0C1830;color:var(--j-text);font-family:var(--j-font-body);font-size:13px;padding:8px 14px 8px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:background .2s,border-color .2s,color .2s;counter-increment:jtab}
.journal-tab::before{content:"/" counter(jtab, decimal-leading-zero);color:var(--j-green);font-size:11px;font-family:var(--j-font-head)}
.journal-tab:hover{border-color:var(--j-orange)}
.journal-tab[aria-selected="true"]{background:var(--j-green);border-color:var(--j-green);color:#06280A;font-weight:700}
.journal-tab[aria-selected="true"]::before{color:#06280A}
.journal-taglist{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.journal-taglist__item{font-size:12px;color:var(--j-dim);border:1px solid var(--j-border);background:rgba(12,24,48,.45);padding:4px 9px;display:inline-flex;gap:5px;align-items:center}
.journal-taglist__item:nth-child(2n){transform:rotate(.6deg);border-color:rgba(57,255,20,.3)}
.journal-taglist__item:nth-child(3n){transform:rotate(-1.1deg);border-color:rgba(255,102,0,.3)}
.journal-taglist__item:nth-child(5n){transform:rotate(1.3deg)}
.journal-taglist__count{font-family:var(--j-font-head);color:var(--j-green);font-size:12px}
.journal-side__img{width:100%;height:auto;display:block;margin-top:20px;border:1px solid var(--j-border);filter:saturate(1.05)}
.journal-main{min-width:0}
.journal-main__title{font-family:var(--j-font-head);font-size:clamp(26px,4vw,40px);margin:0;text-transform:uppercase;letter-spacing:.02em}
.journal-main__sub{display:block;font-size:13px;color:var(--j-dim);margin:4px 0 22px;padding-left:14px;border-left:3px solid var(--j-orange)}
.page-news .tabs__panel{display:none}
.page-news .tabs__panel[data-open]{display:block}
.journal-post{position:relative;background:var(--j-panel);border:1px solid var(--j-border);padding:var(--j-space);margin-bottom:26px;box-shadow:8px 8px 0 rgba(57,255,20,.08),16px 16px 0 rgba(255,102,0,.05)}
.journal-post--feature{display:grid;gap:16px}
@media(min-width:760px){
.journal-post--feature{grid-template-columns:240px minmax(0,1fr);gap:20px}
.journal-post--feature .journal-post__media{align-self:start}
}
.journal-post__media{border:1px solid var(--j-border);background:#0C1830}
.journal-post__img{width:100%;height:auto;display:block}
.journal-post__body{min-width:0}
.journal-post__meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:10px}
.journal-post__cat{display:inline-block;background:var(--j-orange);color:#0A1428;font-size:11px;font-weight:700;padding:2px 8px;transform:skewX(-8deg);letter-spacing:.06em}
.journal-post__cat--league{background:var(--j-green);margin-left:2px}
.journal-post__time{font-size:11px;color:var(--j-dim);margin-left:auto;letter-spacing:.04em}
.journal-post__title{font-family:var(--j-font-head);font-size:clamp(20px,3vw,28px);line-height:1.16;margin:0 0 10px}
.journal-post__excerpt{margin:0 0 14px;padding-left:22px;font-size:14px;color:var(--j-dim);border-left:2px solid var(--j-border);position:relative;line-height:1.75}
.journal-post__excerpt::before{content:"“";position:absolute;left:4px;top:-10px;color:var(--j-green);font-size:26px;font-family:Georgia,serif}
.journal-post__more{display:inline-block;color:var(--j-green);font-size:13px;text-decoration:none;border-bottom:1px solid rgba(57,255,20,.35);padding-bottom:2px;transition:color .2s,border-color .2s}
.journal-post__more:hover{color:var(--j-orange);border-color:var(--j-orange)}
.journal-mini{list-style:none;margin:10px 0 0;padding:0;border-top:1px solid var(--j-border)}
.journal-mini__item{position:relative;border-bottom:1px dashed var(--j-border);padding:18px 0 20px}
@media(min-width:760px){
.journal-mini__item:nth-child(odd){padding-left:36px}
.journal-mini__item:nth-child(even){padding-left:64px}
}
.journal-mini__head{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.journal-mini__cat{display:inline-block;background:var(--j-dim);color:#0A1428;font-size:11px;font-weight:700;padding:2px 8px;letter-spacing:.05em}
.journal-mini__league{display:inline-block;font-size:11px;color:var(--j-green);border:1px solid var(--j-green);padding:1px 6px}
.journal-mini__title{font-family:var(--j-font-head);font-size:18px;line-height:1.25;margin:8px 0 6px}
.journal-mini__excerpt{margin:0 0 8px;font-size:13px;color:var(--j-dim);line-height:1.7;max-width:68ch}
.journal-mini__foot{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;align-items:center;font-size:12px;color:var(--j-dim)}
.journal-mini__time{letter-spacing:.03em}
.journal-mini__link{color:var(--j-orange);text-decoration:none;border-bottom:1px solid rgba(255,102,0,.4);padding-bottom:1px;font-size:12px}
.journal-mini__link:hover{color:var(--j-green);border-color:var(--j-green)}
.journal-series{padding:52px 0 72px;border-top:1px solid var(--j-border);background:linear-gradient(180deg,transparent 0,rgba(15,29,58,.5) 100%)}
.journal-series__head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:16px}
.journal-series__label{display:block;font-size:12px;letter-spacing:.2em;color:var(--j-orange);margin-bottom:6px;text-transform:uppercase}
.journal-series__heading{font-family:var(--j-font-head);font-size:clamp(26px,4vw,42px);line-height:1;margin:0}
.journal-series__cover{width:100%;height:auto;display:block;border:1px solid var(--j-border);margin-bottom:28px}
.journal-series__grid{display:grid;gap:20px;margin-top:10px}
@media(min-width:760px){
.journal-series__grid{grid-template-columns:repeat(3,1fr);gap:24px}
}
.journal-series-card{display:block;position:relative;background:var(--j-panel);border:1px solid var(--j-border);padding:20px 16px;color:var(--j-text);text-decoration:none;transition:border-color .25s,transform .25s;transform:translateY(var(--j-offset,0px))}
.journal-series-card:hover{transform:translateY(calc(var(--j-offset,0px) - 4px));border-color:var(--j-green)}
.journal-series-card:hover .journal-series-card__more{color:var(--j-green)}
@media(min-width:960px){
.journal-series-card:nth-child(1){--j-offset:14px}
.journal-series-card:nth-child(3){--j-offset:8px}
}
.journal-series-card__top{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.journal-ring{width:76px;height:76px;flex:0 0 76px}
.journal-ring__bg{fill:none;stroke:#234070;stroke-width:7}
.journal-ring__fg{fill:none;stroke:var(--j-green);stroke-width:7;stroke-linecap:round;transform:rotate(-90deg);transform-origin:50% 50%}
.journal-series-card__num{font-family:var(--j-font-head);font-size:22px;color:var(--j-green);letter-spacing:.02em}
.journal-series-card__title{font-family:var(--j-font-head);font-size:20px;line-height:1.1;margin:0 0 8px}
.journal-series-card__desc{font-size:13px;line-height:1.7;color:var(--j-dim);margin:0 0 12px}
.journal-series-card__more{font-size:12px;color:var(--j-orange);transition:color .2s}
@media(prefers-reduced-motion:reduce){
.journal-series-card,.journal-series-card:hover,.journal-side::before,.journal-tab{transition:none}
}