:root{--ll-bg:#0c0820;--ll-card:#15102e;--ll-purple:#8b5cf6;--ll-pink:#ec4899;--ll-text:#ede9fe;--ll-muted:#9d8cc4;--ll-line:#241a4a}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--ll-bg);color:var(--ll-text);font-family:"Noto Sans SC","PingFang SC",sans-serif}
body{background-image:radial-gradient(circle at 20% 20%,rgba(139,92,246,.15),transparent 40%),radial-gradient(circle at 80% 60%,rgba(236,72,153,.12),transparent 50%);background-attachment:fixed}
a{color:#c4b5fd;text-decoration:none}
.ll-wrap{max-width:1320px;margin:0 auto;padding:0 28px}
.ll-top{display:flex;justify-content:space-between;align-items:center;padding:22px 0;border-bottom:1px dashed var(--ll-line)}
.ll-brand{font-size:26px;font-weight:900;letter-spacing:2px}
.ll-brand i{color:var(--ll-pink);font-style:normal}
.ll-nav2{display:flex;gap:18px;flex-wrap:wrap}
.ll-nav2 a{font-size:14px;color:var(--ll-muted);padding:6px 4px;border-bottom:2px solid transparent;transition:.2s}
.ll-nav2 a.on,.ll-nav2 a:hover{color:#fff;border-bottom-color:var(--ll-pink)}
.ll-banner{margin:36px 0 20px;display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px}
.ll-banner div{position:relative;border-radius:14px;overflow:hidden;background:#1d1640}
.ll-banner div:first-child{grid-row:span 2}
.ll-banner img{width:100%;height:100%;object-fit:cover;opacity:.85;transition:.4s}
.ll-banner div:hover img{opacity:1;transform:scale(1.04)}
.ll-banner b{position:absolute;left:18px;bottom:14px;color:#fff;font-size:18px;font-weight:700;text-shadow:0 2px 8px rgba(0,0,0,.6);max-width:80%}
.ll-banner div:first-child b{font-size:26px}
.ll-section2{margin:50px 0 0}
.ll-h2{display:flex;align-items:center;gap:14px;font-size:22px;font-weight:800;margin-bottom:22px}
.ll-h2::before{content:"";width:6px;height:24px;background:linear-gradient(var(--ll-pink),var(--ll-purple));border-radius:3px}
.ll-mag{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ll-item{background:var(--ll-card);border-radius:14px;overflow:hidden;border:1px solid var(--ll-line)}
.ll-item .pic{aspect-ratio:4/5;overflow:hidden;position:relative}
.ll-item img{width:100%;height:100%;object-fit:cover;transition:.5s}
.ll-item:hover img{transform:scale(1.06)}
.ll-item .pic span{position:absolute;top:12px;right:12px;background:var(--ll-pink);color:#fff;font-size:11px;padding:4px 8px;border-radius:4px;font-weight:600}
.ll-item h3{padding:16px 18px 6px;font-size:16px;line-height:1.5;font-weight:600}
.ll-item .info{padding:0 18px 16px;color:var(--ll-muted);font-size:12px;display:flex;justify-content:space-between}
.ll-crumb{padding:24px 0;font-size:13px;color:var(--ll-muted)}
.ll-pageh{padding:18px 0 28px}
.ll-pageh h1{font-size:32px;font-weight:900}
.ll-pageh p{margin-top:10px;color:var(--ll-muted);max-width:760px;font-size:14px}
.ll-foot2{margin-top:80px;background:#0a061a;padding:42px 0;text-align:center;color:var(--ll-muted);font-size:13px;border-top:1px solid var(--ll-line)}
@media(max-width:980px){.ll-banner{grid-template-columns:1fr 1fr;grid-template-rows:200px 200px 200px}.ll-banner div:first-child{grid-column:span 2;grid-row:auto}.ll-mag{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.ll-mag{grid-template-columns:1fr}.ll-banner{grid-template-columns:1fr;grid-auto-rows:200px}.ll-banner div:first-child{grid-column:auto}}