
.shero{background:linear-gradient(180deg,#0f2039,#13243a);color:#fff}
.shero .wrap{padding-top:18px;padding-bottom:20px}
.shero .top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}
.shero h1{font:600 32px/1.1 'Source Serif 4',Georgia,serif!important;color:#fff;margin:0;letter-spacing:-.015em}
.shero .sub{margin:6px 0 0!important;color:rgba(255,255,255,.78);font-size:14.5px}
.sbody{padding-top:14px;padding-bottom:28px}
.shi .chips{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 6px;margin:0 -2px;scrollbar-width:none}
.shi .chips::-webkit-scrollbar{display:none}
.shi .chip{flex-shrink:0;font-size:13.5px;font-weight:500;padding:8px 14px;border-radius:999px;background:#fff;color:#132a45!important;text-decoration:none;box-shadow:var(--sh),0 0 0 1px #e6dfd1;white-space:nowrap}
.shi .chip.on{background:#132a45;color:#fff!important;box-shadow:none}
.shi .sh{display:flex;align-items:center;gap:8px;margin:22px 0 10px}
.shi .sh h2{font:600 19px/1.2 'Source Serif 4',Georgia,serif!important;color:#132a45;margin:0}
.shi .sh .cnt{font-size:12px;background:#f1ede4;color:#6b6250;border-radius:999px;padding:2px 9px}
.shi .grid{display:grid;gap:14px}
.shi .grid.big{grid-template-columns:1fr}
.shi .grid.sm{grid-template-columns:1fr 1fr;gap:12px}
.shi .sv{background:#fff;border-radius:16px;box-shadow:var(--sh);overflow:hidden}
.shi .thumb{position:relative;display:block;width:100%;aspect-ratio:16/9;border:0;padding:0;margin:0;cursor:pointer;background:#13243a;overflow:hidden}
.shi .thumb img{width:100%;height:100%;object-fit:cover;display:block}
.shi .sv iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.shi .pl{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;border-radius:50%;background:rgba(15,32,57,.82);color:#fff;display:grid;place-items:center;box-shadow:0 4px 14px rgba(0,0,0,.35)}
.shi .pl svg{margin-left:3px}
.shi .sm .pl{width:38px;height:38px}.shi .sm .pl svg{width:16px;height:16px}
.shi .dur{position:absolute;right:7px;bottom:7px;font-size:11px;font-weight:600;color:#fff;background:rgba(0,0,0,.72);padding:2px 6px;border-radius:5px}
.shi .meta{padding:10px 13px 12px}
.shi .tg{display:inline-block;font-size:10.5px;font-weight:600;letter-spacing:.02em;color:#fff;background:linear-gradient(135deg,var(--c1),var(--c2));padding:2px 8px;border-radius:999px}
.shi .meta h3{font-size:15.5px;font-weight:600;color:#132a45;margin:6px 0 2px;line-height:1.3}
.shi .meta p{margin:0!important;font-size:12.5px;color:var(--mute)}
.shi .meta p a{color:#1f4470;text-decoration:none}
.shi .sm .meta{padding:8px 10px 10px}
.shi .sm .meta h3{font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shi .sm .meta p{font-size:11.5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.shi .chl{list-style:none;margin:0;padding:0;background:#fff;border-radius:16px;box-shadow:var(--sh)}
.shi .chl li{display:flex;align-items:center;gap:11px;padding:11px 13px;border-top:1px solid #f0ebe2}
.shi .chl li:first-child{border-top:0}
.shi .av{width:38px;height:38px;border-radius:11px;flex-shrink:0;display:grid;place-items:center;color:#fff;font-size:13px;font-weight:700;background:linear-gradient(135deg,var(--c1),var(--c2))}
.shi .ct{flex:1;min-width:0;display:flex;flex-direction:column}
.shi .ct b{font-size:14px;font-weight:600;color:#132a45;line-height:1.25}
.shi .ct span{font-size:12px;color:var(--mute);line-height:1.3}
.shi .bt{display:flex;flex-direction:column;gap:5px;align-items:flex-end;flex-shrink:0}
.shi .gb{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;white-space:nowrap;padding:6px 10px;border-radius:999px;text-decoration:none;background:linear-gradient(135deg,#d6ad62,#b98a3e);color:#1d1406!important}
.shi .gb.o{background:#fff;color:#7a5a1f!important;box-shadow:0 0 0 1.5px #d9bf8a inset}
.shi .src{font-size:11.5px;color:#8a8270;text-align:center;margin:14px 0 4px!important}
@media(min-width:900px){
 .shero .wrap{padding-top:26px;padding-bottom:30px}
 .shero h1{font-size:46px!important}
 .shero .sub{font-size:16px}
 .sbody{max-width:1120px;margin:0 auto}
 .shi .grid.big{grid-template-columns:repeat(4,1fr)}
 .shi .grid.sm{grid-template-columns:repeat(6,1fr)}
 .shi .chl{display:grid;grid-template-columns:1fr 1fr}
 .shi .chl li:nth-child(2){border-top:0}
 .shi .chl li:nth-child(odd){border-right:1px solid #f0ebe2}
 .shi .chips{justify-content:center}
}

.shi .meta h3{display:block}
.shi .meta .tg{margin-bottom:0}
header .nav-forum{font-weight:inherit!important}

.shi .meta .tg{display:table}
header nav a.nav-forum{font-weight:400!important}
.shi .tgw{display:block;line-height:1}
.shi .meta h3{display:block!important;float:none!important;clear:both}
.shi .sv .meta{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:0}
.shi .sv .meta h3{margin-top:7px!important}
.shi .gb{font-size:11px!important;padding:5px 9px!important}
