:root { --wu-bg:#090912; --wu-surface:#11111d; --wu-surface-2:#18182a; --wu-text:#f4f2ff; --wu-muted:#9290ad; --wu-line:rgba(151,119,255,.2); --wu-accent:#8a5cff; --wu-accent-2:#20d9ff; --wu-radius:13px; --wu-shadow:0 18px 50px rgba(0,0,0,.35); --wu-hero-filter:saturate(.85) contrast(1.08); }
body { background:radial-gradient(circle at 70% 5%,rgba(83,41,178,.22),transparent 26%),var(--wu-bg); }
.wu-header { background:rgba(8,8,16,.92); }
.wu-logo::before { content:"✦"; border-radius:4px; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); box-shadow:0 0 24px rgba(32,217,255,.55); }
.wu-panel { background:linear-gradient(145deg,rgba(25,24,45,.98),rgba(12,12,22,.98)); }
.wu-hero__shade { background:linear-gradient(90deg,rgba(4,3,13,.92),rgba(8,6,20,.1)); }
.wu-home-module { box-shadow:inset 0 0 30px rgba(92,58,196,.07); }
.wu-rank-mast { background:linear-gradient(110deg,#15112c,#0c1830 60%,#152243); }
.wt05-magazine { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); grid-template-rows:repeat(2,170px); gap:10px; }
.wt05-magazine__item { position:relative; min-width:0; overflow:hidden; border:1px solid var(--wu-line); border-radius:var(--wu-radius); }
.wt05-magazine__item:first-child { grid-column:span 2; grid-row:span 2; }
.wt05-magazine__media,
.wt05-magazine__media img { width:100%; height:100%; }
.wt05-magazine__media img { object-fit:cover; transition:transform .25s ease; }
.wt05-magazine__item:hover img { transform:scale(1.035); }
.wt05-magazine__shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(4,3,13,.88),transparent 68%); pointer-events:none; }
.wt05-magazine__content { position:absolute; left:18px; right:18px; bottom:14px; z-index:2; }
.wt05-magazine__content h2 { margin:0; overflow:hidden; font-size:18px; white-space:nowrap; text-overflow:ellipsis; }
.wt05-magazine__content p { margin:3px 0 0; color:var(--wu-muted); font-size:12px; }
.wt05-magazine__item:first-child .wt05-magazine__content { left:28px; bottom:24px; }
.wt05-magazine__item:first-child .wt05-magazine__content h2 { font-size:34px; }
@media (max-width:820px) {
  .wt05-magazine { grid-template-columns:repeat(2,minmax(0,1fr)); grid-template-rows:260px repeat(2,145px); }
  .wt05-magazine__item:first-child { grid-column:1 / -1; grid-row:auto; }
  .wt05-magazine__content h2,
  .wt05-magazine__item:first-child .wt05-magazine__content h2 { font-size:18px; }
  .wt05-magazine__item:first-child .wt05-magazine__content { left:18px; bottom:14px; }
  .wt05 .wu-panel { border-color:rgba(171,91,255,.38); box-shadow:inset 0 0 0 1px rgba(45,206,255,.04),0 0 22px rgba(111,45,255,.09); }
  .wt05 .wu-detail-backdrop { opacity:.5; filter:saturate(1.05) contrast(1.08); }
  .wt05 .wu-detail-veil { background:linear-gradient(90deg,rgba(8,7,20,.9),rgba(8,7,20,.72)); }
  .wt05 .wu-mobile-bottom { border-color:rgba(151,119,255,.34); box-shadow:0 -8px 28px rgba(83,30,196,.18); }
  .wt05 .wu-rank-page-list li:nth-child(-n+3) { box-shadow:inset 0 0 16px rgba(138,92,255,.1); }
}