:root{
  --bg:#161307; --bg2:#241F0B; --panel:#363011; --panel2:#29240D; --line:#564C22;
  --txt:#FFFCEE; --txt2:#DFCF92; --txt3:#CCB24F;
  --spark:#4CC7FF; --pink:#5CFFD3; --vio:#CDF968; --cyan:#FC7C44; --gold:#759FFF;
  --grad:linear-gradient(96deg,#4CC7FF,#5CFFD3 55%,#CDF968);
  --glow:0 0 26px rgba(76,199,255/.42);
  --r:14px; --r-s:10px;
}
*{padding:0;margin:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{color:var(--txt);background:var(--bg);-webkit-font-smoothing:antialiased;line-height:1.6;font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;}
::selection{background:var(--spark);color:#fff;}
a{text-decoration:none;color:inherit;}
img{height:100%;object-position:center;display:block;object-fit:cover;background:#332D14;width:100%;}
.jp99wrap{margin:0 auto;padding:0 24px;max-width:1280px;}
.jp99hd{border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(22,19,7/.88);z-index:90;height:70px;backdrop-filter:blur(14px);}
.jp99hd-in{gap:26px;align-items:center;display:flex;height:70px;}
.jp99logo{flex:none;font-weight:800;display:flex;font-size:19px;gap:9px;letter-spacing:.3px;align-items:center;}
.jp99logo .jp99mark{height:36px;width:36px;flex:none;}
.jp99logo .jp99mark svg{width:36px;display:block;height:36px;}
.jp99logo b{background-clip:text;background:var(--grad);color:transparent;-webkit-background-clip:text;font-weight:900;}
.jp99nv{display:flex;list-style:none;gap:2px;}
.jp99nv a{padding:8px 15px;color:var(--txt2);font-weight:600;font-size:14.5px;border-radius:18px;transition:.2s;display:block;}
.jp99nv a:hover{color:#fff;background:rgba(205,249,104/.16);}
.jp99nv a.jp99on{background:rgba(76,199,255/.16);color:#fff;box-shadow:inset 0 0 0 1px rgba(76,199,255/.45);}
.jp99hd-right{margin-left:auto;display:flex;gap:12px;align-items:center;}
.jp99hd-search{padding:6px 6px 6px 15px;align-items:center;width:230px;border-radius:999px;display:flex;background:var(--panel);border:1px solid var(--line);}
.jp99hd-search input{flex:1;color:var(--txt);min-width:0;background:none;border:0;outline:0;font-size:13.5px;}
.jp99hd-search input::placeholder{color:var(--txt3);}
.jp99hd-search button{height:28px;width:28px;background:var(--grad);line-height:1;cursor:pointer;border-radius:50%;font-size:13px;border:0;color:#fff;}
.jp99hd-cta{background:var(--grad);border-radius:999px;font-weight:700;font-size:13.5px;white-space:nowrap;box-shadow:var(--glow);color:#fff;padding:8px 18px;}
.jp99burger{border:0;background:none;line-height:1;cursor:pointer;display:none;color:var(--txt);font-size:22px;}
.jp99hero{overflow:hidden;background:#05070f;position:relative;height:480px;}
.jp99slide{position:absolute;pointer-events:none;opacity:0;transition:opacity .7s ease;inset:0;}
.jp99slide.jp99on{opacity:1;pointer-events:auto;}
.jp99slide>.jp99bgimg{position:absolute;inset:0;}
.jp99slide>.jp99bgimg img{height:100%;object-fit:cover;width:100%;}
.jp99slide .jp99scrim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(22,19,7/.94) 6%,rgba(22,19,7/.6) 44%,rgba(22,19,7/.15) 78%),linear-gradient(0deg,var(--bg) 1%,transparent 34%)}
.jp99sl-in{display:grid;gap:36px;position:relative;align-items:center;z-index:3;grid-template-columns:minmax(0,1fr) 300px;height:100%;}
.jp99sl-txt{padding-right:10px;}
.jp99sl-kick{display:inline-flex;color:var(--gold);font-size:12px;font-weight:800;align-items:center;letter-spacing:3px;gap:9px;}
.jp99sl-kick::before{content:"";width:24px;height:2px;background:var(--gold)}
.jp99slide h1,.jp99slide h2{font-size:clamp(30px,3.6vw,50px);font-weight:900;text-shadow:0 6px 26px rgba(0,0,0,.55);margin:12px 0 10px;line-height:1.14;}
.jp99sl-meta{align-items:center;flex-wrap:wrap;display:flex;gap:9px;margin-bottom:12px;}
.jp99sl-meta .jp99chip{border-radius:999px;padding:3px 12px;font-size:12.5px;background:rgba(54,48,17/.7);color:#EFE5BD;border:1px solid var(--line);}
.jp99sl-meta .jp99score{font-size:15px;border-radius:18px;padding:3px 10px;color:#1D1A0C;background:var(--gold);font-weight:900;}
.jp99slide p.jp99desc{overflow:hidden;color:#EDE4C0;-webkit-box-orient:vertical;font-size:14.5px;max-width:540px;display:-webkit-box;-webkit-line-clamp:2;}
.jp99sl-btns{display:flex;gap:12px;margin-top:22px;}
.jp99btn{font-size:15px;gap:8px;cursor:pointer;font-weight:800;border:0;display:inline-flex;transition:.22s;padding:12px 28px;align-items:center;border-radius:999px;}
.jp99btn-p{box-shadow:var(--glow);background:var(--grad);color:#fff;}
.jp99btn-p:hover{box-shadow:0 0 40px rgba(76,199,255/.6);transform:translateY(-2px);}
.jp99btn-g{color:var(--txt);border:1px solid var(--line);background:rgba(54,48,17/.7);}
.jp99btn-g:hover{border-color:var(--cyan);color:var(--cyan);}
.jp99sl-poster{overflow:hidden;box-shadow:0 26px 60px rgba(0,0,0,.65),0 0 0 1px rgba(255,255,255,.1) inset;aspect-ratio:600/850;position:relative;border-radius:var(--r);width:300px;}
.jp99sl-poster .jp99rate{font-size:14px;position:absolute;top:12px;padding:3px 9px;font-weight:900;left:12px;color:var(--gold);border:1px solid rgba(117,159,255/.5);border-radius:16px;background:rgba(22,19,7/.78);}
.jp99hero-ctl{position:absolute;z-index:6;left:0;bottom:20px;right:0;}
.jp99hero-ctl .jp99wrap{align-items:center;display:flex;gap:14px;}
.jp99dots{display:flex;gap:9px;}
.jp99dots button{padding:0;transition:.3s;width:30px;border:0;cursor:pointer;background:rgba(255,255,255,.28);height:4px;border-radius:22px;}
.jp99dots button.jp99on{background:var(--grad);box-shadow:var(--glow);}
.jp99hero-ctl .jp99arws{gap:8px;display:flex;margin-left:auto;}
.jp99arw{line-height:1;height:40px;width:40px;border:1px solid var(--line);border-radius:50%;cursor:pointer;transition:.2s;color:#fff;font-size:17px;background:rgba(22,19,7/.6);}
.jp99arw:hover{border-color:var(--spark);box-shadow:var(--glow);}
.jp99sec{padding:46px 0 0;}
.jp99sec-h{display:flex;margin-bottom:18px;gap:12px;align-items:flex-end;}
.jp99sec-h h2{font-size:23px;align-items:center;display:flex;font-weight:900;gap:10px;}
.jp99sec-h h2::before{content:"";width:6px;height:21px;border-radius:22px;background:var(--grad);box-shadow:var(--glow)}
.jp99sec-h .jp99sub{color:var(--txt2);font-size:13px;}
.jp99sec-h .jp99more{color:var(--cyan);margin-left:auto;font-size:13.5px;font-weight:700;}
.jp99sec-h .jp99more:hover{color:var(--spark);}
.jp99grid-hot{gap:22px;grid-template-columns:1.55fr 1fr;display:grid;}
.jp99feat{border:1px solid var(--line);overflow:hidden;position:relative;border-radius:var(--r);background:var(--panel);}
.jp99feat .jp99cover{position:relative;aspect-ratio:16/10;}
.jp99feat .jp99cover img{height:100%;width:100%;}
.jp99feat .jp99cover::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,19,7/.95) 4%,rgba(22,19,7/.15) 55%,transparent)}
.jp99feat .jp99info{bottom:18px;position:absolute;left:22px;right:22px;z-index:2;}
.jp99feat .jp99info h3{font-weight:900;font-size:24px;}
.jp99feat .jp99info .jp99m{color:#EDE5BF;gap:10px;display:flex;margin:8px 0 6px;align-items:center;font-size:13px;}
.jp99feat .jp99info .jp99m b{color:var(--gold);}
.jp99feat .jp99info p{-webkit-box-orient:vertical;overflow:hidden;font-size:13.5px;max-width:480px;display:-webkit-box;-webkit-line-clamp:2;color:#E8DEB1;}
.jp99smalls{display:grid;gap:16px;grid-template-columns:repeat(2,1fr);}
.jp99pc{transition:.26s;border-radius:var(--r);overflow:hidden;background:var(--panel);display:block;border:1px solid var(--line);}
.jp99pc:hover{box-shadow:0 16px 36px rgba(0,0,0,.5);transform:translateY(-5px);border-color:rgba(76,199,255/.5);}
.jp99pc .jp99art{position:relative;overflow:hidden;aspect-ratio:3/4;}
.jp99pc .jp99art img{width:100%;height:100%;transition:.4s;}
.jp99pc:hover .jp99art img{transform:scale(1.05);}
.jp99pc .jp99art .jp99tag{border-radius:22px;top:9px;background:rgba(22,19,7/.75);font-size:11px;left:9px;color:#fff;position:absolute;padding:2px 8px;border:1px solid rgba(255,255,255,.16);font-weight:800;}
.jp99pc .jp99art .jp99tag.jp99hot{color:var(--spark);border-color:rgba(76,199,255/.55);}
.jp99pc .jp99art .jp99tag.jp99new{color:var(--cyan);border-color:rgba(252,124,68/.55);}
.jp99pc .jp99art .jp99tag.jp99fin{border-color:rgba(117,159,255/.5);color:var(--gold);}
.jp99pc .jp99art .jp99sc{padding:2px 7px;top:9px;color:var(--gold);font-weight:900;background:rgba(22,19,7/.75);position:absolute;right:9px;font-size:12.5px;border-radius:24px;}
.jp99pc .jp99art .jp99play{place-items:center;inset:0;background:rgba(22,19,7/.42);display:grid;position:absolute;transition:.24s;opacity:0;}
.jp99pc:hover .jp99art .jp99play{opacity:1;}
.jp99pc .jp99art .jp99play i{height:50px;font-style:normal;box-shadow:0 0 26px rgba(76,199,255/.7);display:grid;border-radius:50%;width:50px;place-items:center;color:#fff;background:var(--grad);font-size:17px;}
.jp99pc-b{padding:11px 13px 13px;}
.jp99pc-b h3{text-overflow:ellipsis;font-weight:800;overflow:hidden;white-space:nowrap;font-size:15px;}
.jp99pc-b .jp99meta{display:flex;justify-content:space-between;gap:8px;margin-top:4px;font-size:12px;color:var(--txt2)}
.jp99pc-b .jp99meta b{color:var(--gold);}
.jp99rank-list{display:grid;gap:9px;}
.jp99rk-row{gap:12px;border:1px solid transparent;padding:8px;align-items:center;display:grid;background:var(--panel2);border-radius:22px;grid-template-columns:26px 46px minmax(0,1fr) auto;transition:.2s;}
.jp99rk-row:hover{background:var(--panel);border-color:rgba(76,199,255/.45);}
.jp99rk-row .jp99no{font-weight:900;text-align:center;font-size:16px;color:var(--txt3);}
.jp99rk-row:nth-child(1) .jp99no{color:var(--spark);}
.jp99rk-row:nth-child(2) .jp99no{color:var(--gold);}
.jp99rk-row:nth-child(3) .jp99no{color:var(--cyan);}
.jp99rk-row .jp99th{width:46px;border-radius:20px;overflow:hidden;aspect-ratio:3/4;}
.jp99rk-row h4{font-weight:700;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:14px;}
.jp99rk-row small{color:var(--txt2);font-size:11.5px;display:block;margin-top:1px;}
.jp99rk-row .jp99heat{font-weight:900;white-space:nowrap;color:var(--gold);font-size:14px;}
.jp99track{overflow-x:auto;display:flex;padding:2px 2px 14px;gap:16px;scroll-snap-type:x mandatory;}
.jp99track::-webkit-scrollbar{height:7px;}
.jp99track::-webkit-scrollbar-thumb{border-radius:24px;background:#B6A035;}
.jp99track .jp99pc{flex:0 0 172px;scroll-snap-align:start;}
.jp99trio{grid-template-columns:repeat(3,1fr);gap:18px;display:grid;}
.jp99wc{border-radius:var(--r);display:block;background:var(--panel);border:1px solid var(--line);overflow:hidden;transition:.26s;}
.jp99wc:hover{border-color:rgba(252,124,68/.45);transform:translateY(-5px);box-shadow:0 16px 34px rgba(0,0,0,.5);}
.jp99wc .jp99art{overflow:hidden;aspect-ratio:16/9;position:relative;}
.jp99wc .jp99art img{height:100%;transition:.45s;width:100%;}
.jp99wc:hover .jp99art img{transform:scale(1.06);}
.jp99wc .jp99art::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,19,7/.85),transparent 62%)}
.jp99wc .jp99art .jp99t{right:12px;z-index:2;font-weight:800;font-size:15px;position:absolute;bottom:10px;left:12px;color:#fff;}
.jp99wc .jp99art .jp99dur{font-size:11.5px;position:absolute;border-radius:20px;color:#FFFADF;background:rgba(22,19,7/.75);right:10px;padding:2px 7px;top:10px;}
.jp99wc .jp99b{padding:10px 13px 13px;display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--txt2)}
.jp99wc .jp99b b{color:var(--gold);}
.jp99panos{grid-template-columns:repeat(3,1fr);display:grid;gap:18px;}
.jp99pano{overflow:hidden;position:relative;display:block;border-radius:var(--r);border:1px solid var(--line);min-height:190px;}
.jp99pano .jp99bg{inset:0;position:absolute;}
.jp99pano .jp99bg img{transition:.5s;width:100%;height:100%;}
.jp99pano:hover .jp99bg img{transform:scale(1.06);}
.jp99pano::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,19,7/.94) 8%,rgba(22,19,7/.25) 70%)}
.jp99pano .jp99txt{left:18px;right:18px;bottom:16px;position:absolute;z-index:2;}
.jp99pano .jp99txt span{font-weight:900;padding:2px 9px;border-radius:16px;background:var(--gold);font-size:10.5px;letter-spacing:2px;color:#1F1B0B;display:inline-block;margin-bottom:8px;}
.jp99pano .jp99txt h3{font-weight:900;font-size:18px;}
.jp99pano .jp99txt p{font-size:12.5px;margin-top:3px;color:#EDE3C0;}
.jp99expl{display:grid;grid-template-columns:1.1fr 1fr;gap:0;border-radius:18px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(150deg,#3D3614,#26210C)}
.jp99expl .jp99art{min-height:330px;position:relative;}
.jp99expl .jp99art img{width:100%;height:100%;}
.jp99expl-b{padding:30px 34px;}
.jp99expl-b .jp99kick{font-weight:900;font-size:12px;color:var(--spark);letter-spacing:2.5px;}
.jp99expl-b h3{margin:10px 0 10px;font-size:24px;font-weight:900;line-height:1.32;}
.jp99expl-b p{font-size:14px;color:#EDE4C0;}
.jp99expl-b blockquote{margin:14px 0;background:rgba(76,199,255/.08);color:#ADE0FF;border-left:3px solid var(--spark);border-radius:0 10px 10px 0;padding:12px 16px;font-size:13.5px;}
.jp99expl-b ul{margin-top:12px;gap:8px;display:grid;list-style:none;grid-template-columns:1fr 1fr;}
.jp99expl-b li{position:relative;padding-left:17px;color:var(--txt2);font-size:13px;}
.jp99expl-b li::before{content:"◆";position:absolute;left:0;top:2px;color:var(--cyan);font-size:9px}
.jp99news4{grid-template-columns:repeat(4,1fr);gap:16px;display:grid;}
.jp99ncard{overflow:hidden;background:var(--panel);border:1px solid var(--line);transition:.22s;display:block;border-radius:var(--r-s);}
.jp99ncard:hover{transform:translateY(-4px);border-color:rgba(205,249,104/.5);}
.jp99ncard .jp99th{aspect-ratio:16/10;overflow:hidden;}
.jp99ncard .jp99th img{height:100%;width:100%;}
.jp99ncard .jp99b{padding:11px 13px 14px;}
.jp99ncard .jp99b .jp99cat{letter-spacing:1.5px;font-size:10.5px;color:var(--vio);font-weight:900;}
.jp99ncard .jp99b h4{-webkit-box-orient:vertical;display:-webkit-box;font-size:14px;overflow:hidden;-webkit-line-clamp:2;margin:6px 0 5px;line-height:1.5;}
.jp99ncard .jp99b time{font-size:11.5px;color:var(--txt3);}
.jp99cmts{grid-template-columns:repeat(3,1fr);gap:16px;display:grid;}
.jp99cmt{border-radius:var(--r);border:1px solid var(--line);background:var(--panel);padding:16px 17px;}
.jp99cmt .jp99who{align-items:center;margin-bottom:9px;display:flex;gap:11px;}
.jp99cmt .jp99who img{border-radius:50%;flex:none;width:42px;height:42px;}
.jp99cmt .jp99who b{font-size:13.5px;}
.jp99cmt .jp99who small{color:var(--txt2);display:block;font-size:11.5px;}
.jp99cmt .jp99who .jp99st{margin-left:auto;white-space:nowrap;font-size:11.5px;color:var(--gold);}
.jp99cmt p{color:#EDE4C0;font-size:13.4px;}
.jp99cmt .jp99foot{margin-top:10px;display:flex;justify-content:space-between;font-size:11.5px;color:var(--txt3)}
.jp99cmt .jp99foot b{color:var(--cyan);}
.jp99about{display:grid;grid-template-columns:1.35fr 1fr;gap:0;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:linear-gradient(120deg,#383111,#241F0B)}
.jp99about .jp99pic{position:relative;min-height:260px;}
.jp99about .jp99pic img{height:100%;width:100%;}
.jp99about .jp99b{padding:28px 32px;}
.jp99about h3{font-size:21px;font-weight:900;margin-bottom:10px;}
.jp99about p{color:var(--txt2);font-size:13.8px;}
.jp99about .jp99stats{gap:12px;margin-top:16px;display:grid;grid-template-columns:1fr 1fr;}
.jp99about .jp99stats div{border-radius:22px;padding:11px 13px;background:rgba(22,19,7/.55);border:1px solid var(--line);}
.jp99about .jp99stats b{display:block;font-size:20px;background-clip:text;font-weight:900;-webkit-background-clip:text;background:var(--grad);color:transparent;}
.jp99about .jp99stats span{color:var(--txt2);font-size:11.5px;}
.jp99ft{margin-top:58px;padding:44px 0 22px;border-top:1px solid var(--line);font-size:13.5px;background:#05070f;}
.jp99ft-grid{margin-bottom:24px;display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr 1fr;gap:26px;}
.jp99ft h4{color:#fff;margin-bottom:10px;font-size:14.5px;}
.jp99ft a{padding:3.5px 0;color:var(--txt2);display:block;}
.jp99ft a:hover{color:var(--spark);}
.jp99ft .jp99brand{gap:9px;display:flex;margin-bottom:10px;align-items:center;}
.jp99ft .jp99brand svg{width:32px;height:32px;}
.jp99ft .jp99brand b{color:#fff;font-size:18px;font-weight:900;}
.jp99copy{color:var(--txt3);border-top:1px solid #383216;font-size:12.5px;padding-top:15px;text-align:center;}
.jp99band-hero{padding:52px 0 26px;background:radial-gradient(700px 260px at 12% 0%,rgba(76,199,255/.16),transparent 60%),radial-gradient(600px 240px at 88% 18%,rgba(252,124,68/.12),transparent 60%)}
.jp99band-hero .jp99crumbs{font-size:13px;margin-bottom:10px;color:var(--txt2);}
.jp99band-hero h1{font-size:34px;font-weight:900;}
.jp99band-hero p{margin-top:9px;color:var(--txt2);max-width:620px;}
.jp99pgrid{gap:18px;grid-template-columns:repeat(auto-fill,minmax(178px,1fr));display:grid;}
.jp99hcards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.jp99hc{border:1px solid var(--line);transition:.25s;overflow:hidden;border-radius:var(--r);background:var(--panel);display:block;}
.jp99hc:hover{border-color:rgba(252,124,68/.45);transform:translateY(-4px);}
.jp99hc .jp99art{aspect-ratio:16/10;}
.jp99hc-b{padding:13px 15px 15px;}
.jp99hc-b h3{font-size:16px;}
.jp99hc-b .jp99ln{margin:7px 0;display:flex;flex-wrap:wrap;gap:7px;}
.jp99hc-b .jp99ln span{border:1px solid rgba(252,124,68/.35);border-radius:18px;padding:1px 7px;font-size:11px;color:var(--cyan);}
.jp99hc-b p{-webkit-box-orient:vertical;overflow:hidden;color:var(--txt2);display:-webkit-box;-webkit-line-clamp:3;font-size:12.6px;}
.jp99duo{display:grid;gap:20px;grid-template-columns:1.25fr .75fr;}
.jp99list-card{padding:6px 18px 12px;background:var(--panel2);border-radius:var(--r);border:1px solid var(--line);}
.jp99list-card h3{align-items:center;font-size:16px;display:flex;gap:9px;padding:12px 0 6px;}
.jp99list-card h3::before{content:"";width:5px;height:17px;border-radius:18px;background:var(--grad)}
.jp99li-row{border-bottom:1px dashed #483F1E;gap:12px;grid-template-columns:64px minmax(0,1fr) auto;display:grid;align-items:center;padding:9px 0;}
.jp99li-row:last-child{border-bottom:0;}
.jp99li-row .jp99th{overflow:hidden;aspect-ratio:4/3;width:64px;border-radius:24px;}
.jp99li-row h4{font-size:14px;}
.jp99li-row small{color:var(--txt2);display:block;font-size:11.5px;}
.jp99li-row .jp99tm{font-size:11.5px;color:var(--txt2);white-space:nowrap;}
.jp99li-row .jp99tm.jp99now{font-weight:800;color:var(--spark);}
.jp99bento{grid-template-columns:1.2fr 1fr 1fr;display:grid;gap:16px;}
.jp99bx{background:var(--panel);border-radius:var(--r);border:1px solid var(--line);padding:18px 20px;}
.jp99bx h3{align-items:center;margin-bottom:12px;display:flex;gap:8px;font-size:15.5px;}
.jp99bx h3 em{margin-left:auto;font-style:normal;font-size:11px;color:var(--txt2);}
.jp99bx ol{list-style:none;}
.jp99bx li{align-items:center;display:flex;border-bottom:1px dashed #483F1E;font-size:13.5px;gap:10px;padding:7px 0;}
.jp99bx li:last-child{border-bottom:0;}
.jp99bx li .jp99v{color:var(--txt2);margin-left:auto;font-size:12px;}
.jp99bx.jp99top{gap:16px;display:grid;align-items:center;grid-template-columns:110px 1fr;}
.jp99bx.jp99top .jp99art{aspect-ratio:3/4;overflow:hidden;border-radius:24px;}
.jp99tags{display:flex;flex-wrap:wrap;gap:10px;}
.jp99tags a{border:1px solid var(--line);border-radius:999px;font-size:13px;transition:.2s;color:var(--txt2);background:var(--panel);padding:7px 17px;}
.jp99tags a b{font-size:11px;margin-left:5px;color:var(--spark);}
.jp99tags a:hover{color:#fff;border-color:var(--spark);}
.jp99spe{grid-template-columns:repeat(3,1fr);gap:18px;display:grid;}
.jp99sp{overflow:hidden;border-radius:var(--r);min-height:200px;border:1px solid var(--line);position:relative;display:block;}
.jp99sp .jp99bgp{inset:0;position:absolute;}
.jp99sp .jp99bgp img{width:100%;height:100%;}
.jp99sp::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,19,7/.93) 10%,rgba(22,19,7/.2) 72%)}
.jp99sp .jp99kick{position:absolute;color:#1F1B0B;font-weight:900;left:12px;letter-spacing:2px;font-size:10.5px;padding:3px 10px;z-index:2;top:12px;background:var(--gold);border-radius:24px;}
.jp99sp h3{font-size:18px;z-index:2;position:absolute;left:16px;font-weight:900;bottom:44px;right:16px;}
.jp99sp p{right:16px;z-index:2;left:16px;bottom:18px;font-size:12.5px;color:#EDE3C0;position:absolute;}
@media (max-width:1200px){.jp99grid-hot{grid-template-columns:1fr;}
.jp99news4{grid-template-columns:1fr 1fr;}
.jp99bento{grid-template-columns:1fr 1fr;}
.jp99bx.jp99top{grid-column:span 2;}
.jp99ft-grid{grid-template-columns:1fr 1fr 1fr;}}
@media (max-width:960px){.jp99hero{height:420px;}
.jp99sl-poster{display:none;}
.jp99sl-in{grid-template-columns:1fr;}
.jp99trio,.jp99panos,.jp99cmts,.jp99hcards{grid-template-columns:1fr 1fr;}
.jp99expl{grid-template-columns:1fr;}
.jp99expl .jp99art{min-height:230px;}
.jp99about{grid-template-columns:1fr;}
.jp99duo{grid-template-columns:1fr;}
.jp99hd-search{display:none;}}
@media (max-width:620px){.jp99hd-in{gap:12px;}
.jp99nv{border-bottom:1px solid var(--line);background:#241F0B;left:0;right:0;padding:12px 18px;position:absolute;display:none;top:70px;flex-direction:column;}
.jp99nv.jp99open{display:flex;}
.jp99burger{display:block;}
.jp99hd-cta{display:none;}
.jp99hero{height:360px;}
.jp99slide h1,.jp99slide h2{font-size:26px;}
.jp99sl-btns .jp99btn{font-size:13.5px;padding:10px 20px;}
.jp99sl-meta .jp99chip:nth-child(n+4){display:none;}
.jp99trio,.jp99panos,.jp99cmts,.jp99hcards,.jp99news4,.jp99bento{grid-template-columns:1fr;}
.jp99bx.jp99top{grid-template-columns:96px 1fr;grid-column:auto;}
.jp99track .jp99pc{flex:0 0 140px;}
.jp99pgrid{gap:12px;grid-template-columns:repeat(2,1fr);}
.jp99smalls{gap:12px;}
.jp99feat .jp99info h3{font-size:19px;}
.jp99ft-grid{grid-template-columns:1fr 1fr;}
.jp99expl-b{padding:22px 24px;}
.jp99expl-b ul{grid-template-columns:1fr;}
.jp99about .jp99b{padding:22px 24px;}}
/* 卡片式图片 */
img{border-radius:16px;object-fit:cover;max-width:100%;}
.ph img,.card img{border-radius:16px;}
