:root{
    --bg:#061018;
    --ink:#f5fbff;
    --muted:#a9bfcc;
    --panel:rgba(18,31,43,.74);
    --panel2:rgba(232,247,255,.12);
    --line:rgba(133,229,255,.24);
    --line-pink:rgba(255,77,153,.42);
    --pink:#ff4d99;
    --pink2:#ff8fc3;
    --cyan:#52edff;
    --green:#95ffd8;
    --yellow:#ffe28a;
    --shadow:0 24px 78px rgba(0,0,0,.34);
}
*{box-sizing:border-box}
html{background:var(--bg)}
body.byte-page{
    margin:0;
    min-height:100vh;
    color:var(--ink);
    font-family:"Trebuchet MS","Noto Sans SC","Microsoft YaHei",Arial,sans-serif;
    background:
        radial-gradient(circle at 82% 14%,rgba(255,77,153,.28) 0 12%,transparent 32%),
        radial-gradient(circle at 12% 8%,rgba(82,237,255,.22) 0 16%,transparent 34%),
        linear-gradient(120deg,#051018 0%,#102030 48%,#11151f 100%);
}
body.byte-page::before{
    content:"";
    position:fixed;
    inset:0;
    z-index:-2;
    background:
        linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px) 0 0/54px 54px,
        linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/54px 54px;
    opacity:.42;
    mask-image:linear-gradient(to bottom,#000 0%,transparent 86%);
}
body.byte-page::after{
    content:"";
    position:fixed;
    inset:auto -120px -140px auto;
    width:420px;
    height:420px;
    z-index:-1;
    border-radius:50%;
    border:1px solid rgba(82,237,255,.24);
    box-shadow:inset 0 0 0 24px rgba(82,237,255,.035),0 0 80px rgba(255,77,153,.12);
    pointer-events:none;
}
a{color:inherit;text-decoration:none}
.nav-toggle{position:absolute;opacity:0;pointer-events:none}
.site-top{
    position:sticky;
    top:0;
    z-index:20;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:18px;
    padding:14px clamp(16px,4vw,54px);
    background:rgba(6,16,24,.74);
    border-bottom:1px solid var(--line);
    backdrop-filter:blur(18px);
}
.brand{display:grid;line-height:1.05}
.brand b{font-size:24px;color:#fff;text-shadow:0 0 22px rgba(82,237,255,.22)}
.brand span{margin-top:5px;color:var(--cyan);font-size:11px;letter-spacing:.18em;text-transform:uppercase}
.site-top nav{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.site-top nav a{
    display:inline-flex;
    align-items:center;
    min-height:36px;
    padding:0 13px;
    border:1px solid transparent;
    border-radius:999px;
    color:var(--muted);
    font-size:14px;
}
.site-top nav a:hover{color:#fff;border-color:var(--line);background:rgba(255,255,255,.08)}
.menu-button{display:none}
main{width:100%}
.home-stack{display:contents}
.archive-hero{
    width:min(1180px,calc(100% - 32px));
    min-height:238px;
    margin:14px auto 10px;
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,340px);
    gap:14px;
    align-items:stretch;
    padding:18px;
    border:1px solid var(--line);
    border-radius:8px 34px 8px 34px;
    background:
        linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045)),
        linear-gradient(130deg,rgba(255,77,153,.13),rgba(82,237,255,.1));
    box-shadow:var(--shadow);
    position:relative;
    overflow:hidden;
}
.archive-hero::before{
    content:"";
    position:absolute;
    inset:20px 40% 20px auto;
    width:190px;
    border:1px solid rgba(82,237,255,.28);
    border-radius:50%;
    box-shadow:inset 0 0 0 16px rgba(82,237,255,.035);
    opacity:.85;
    pointer-events:none;
}
.archive-hero::after{
    content:"";
    position:absolute;
    right:24px;
    top:24px;
    width:180px;
    height:180px;
    background:
        linear-gradient(135deg,transparent 48%,rgba(82,237,255,.28) 49% 51%,transparent 52%),
        linear-gradient(45deg,transparent 48%,rgba(255,77,153,.22) 49% 51%,transparent 52%);
    opacity:.42;
    pointer-events:none;
}
.hero-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;max-width:760px}
.hero-copy p,.page-hero p,.detail-copy p{
    margin:0 0 12px;
    color:var(--cyan);
    font-weight:900;
    letter-spacing:.22em;
    font-size:12px;
    text-transform:uppercase;
}
.hero-copy h1,.page-hero h1{
    margin:0;
    color:#fff;
    font-size:clamp(30px,4.8vw,50px);
    line-height:1.02;
    letter-spacing:0;
}
.hero-copy span,.page-hero span,.detail-copy span{
    display:block;
    max-width:760px;
    margin-top:10px;
    color:var(--muted);
    line-height:1.72;
}
.hero-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}
.hero-actions a,.gate-card a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 18px;
    border-radius:999px;
    border:1px solid var(--line);
    background:rgba(255,255,255,.08);
    color:#fff;
    font-weight:900;
}
.hero-actions a:first-child,.gate-card a:first-of-type{
    border-color:var(--line-pink);
    background:linear-gradient(135deg,var(--pink),#ff76b3);
    color:#190812;
}
.profile-panel{
    position:relative;
    z-index:1;
    align-self:center;
    padding:16px;
    min-height:178px;
    border:1px solid rgba(213,242,255,.3);
    border-radius:4px 26px 4px 26px;
    background:rgba(214,238,248,.14);
    box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
}
.profile-panel strong{
    display:block;
    margin-bottom:14px;
    color:#fff;
    font-size:23px;
    letter-spacing:.06em;
    text-shadow:0 0 16px rgba(82,237,255,.24);
}
.profile-panel dl{display:grid;gap:9px;margin:0}
.profile-panel div,.intel-card dl div{
    display:grid;
    grid-template-columns:72px 1fr;
    gap:10px;
    align-items:center;
}
.profile-panel dt,.intel-card dt{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:28px;
    background:#f5fbff;
    color:#101a24;
    font-weight:900;
}
.profile-panel dd,.intel-card dd{margin:0;color:#fff;font-weight:800}
.channel-rail{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto 8px;
    display:flex;
    gap:8px;
    overflow-x:auto;
    padding:2px 2px 8px;
    scrollbar-width:thin;
}
.channel-rail a{
    flex:0 0 auto;
    min-height:38px;
    display:flex;
    align-items:center;
    gap:10px;
    padding:6px 11px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,.07);
}
.channel-rail b{display:block;color:#fff;font-size:14px;white-space:nowrap}
.channel-rail small{display:block;color:var(--cyan);white-space:nowrap}
.tag-strip{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto 10px;
    display:flex;
    gap:10px;
    overflow-x:auto;
    padding:2px 2px 8px;
    scrollbar-width:thin;
}
.tag-strip a,.tag-cloud a{
    flex:0 0 auto;
    display:inline-flex;
    align-items:center;
    gap:8px;
    min-height:34px;
    padding:0 13px;
    border:1px solid var(--line);
    border-radius:999px;
    background:rgba(255,255,255,.06);
    color:var(--muted);
}
.tag-strip a:hover,.tag-cloud a:hover{color:#fff;border-color:var(--line-pink);background:rgba(255,77,153,.13)}
.index-board,.resource-stage,main>.resource-list,.channel-grid,.tag-cloud{
    width:min(1180px,calc(100% - 32px));
    margin-left:auto;
    margin-right:auto;
}
.index-board{margin-bottom:34px}
.section-title{
    display:flex;
    justify-content:space-between;
    align-items:end;
    gap:14px;
    padding:6px 2px 10px;
}
.section-title h2{margin:0;color:#fff;font-size:24px}
.section-title span{color:var(--cyan);font-weight:900}
.resource-stage{
    display:grid;
    grid-template-columns:repeat(auto-fill,minmax(178px,1fr));
    gap:10px;
    align-items:start;
}
.resource-card{
    display:grid;
    align-self:start;
    min-height:238px;
    border:1px solid var(--line);
    border-radius:18px;
    overflow:hidden;
    background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
    box-shadow:0 14px 38px rgba(0,0,0,.22);
    transition:transform .16s ease,border-color .16s ease;
}
.resource-card:hover{transform:translateY(-4px);border-color:var(--line-pink)}
.resource-card img,.resource-card i{
    width:100%;
    height:108px;
    object-fit:cover;
    display:grid;
    place-items:center;
    color:var(--cyan);
    font-style:normal;
    font-weight:900;
    background:linear-gradient(135deg,rgba(255,77,153,.2),rgba(82,237,255,.16));
}
.resource-card .card-info{display:flex;flex-direction:column;padding:10px;min-height:118px}
.resource-card em{order:0;margin:0 0 6px;color:var(--cyan);font-style:normal;font-size:11px;font-weight:900}
.resource-card b{order:1;color:#fff;font-size:14px;line-height:1.42;word-break:break-word}
.resource-card b,.resource-card small{
    display:-webkit-box;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.resource-card b{-webkit-line-clamp:2}
.resource-card small{order:2;margin-top:6px;color:var(--muted);line-height:1.48;-webkit-line-clamp:2}
.page-hero{
    width:min(1180px,calc(100% - 32px));
    margin:14px auto 10px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:26px 8px 26px 8px;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
    box-shadow:var(--shadow);
}
.channel-grid{
    margin-bottom:28px;
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr));
    gap:10px;
}
.channel-grid a{
    min-height:112px;
    padding:16px;
    border:1px solid var(--line);
    border-radius:18px;
    background:linear-gradient(135deg,rgba(82,237,255,.12),rgba(255,77,153,.12));
    box-shadow:var(--shadow);
}
.channel-grid b{display:block;color:#fff;font-size:20px}
.channel-grid small{display:block;margin-top:8px;color:var(--green)}
.tag-cloud{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:34px}
.tag-cloud small{color:var(--pink2)}
.pager{
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    gap:10px;
    padding:22px 0 4px;
}
.pager a,.pager strong,.pager span{
    min-width:42px;
    min-height:40px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 14px;
    border-radius:999px;
    border:1px solid var(--line);
    color:var(--muted);
    background:rgba(255,255,255,.06);
}
.pager strong,.pager a:hover{color:#fff;border-color:var(--line-pink);background:rgba(255,77,153,.16)}
.pager-prev,.pager-next{min-width:88px!important;color:#fff!important}
.detail-wrap{width:min(1180px,calc(100% - 32px));margin:28px auto 40px}
.crumb{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px;color:var(--muted);font-size:14px}
.crumb a{color:var(--cyan)}
.detail-console{
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(260px,330px);
    gap:18px;
    padding:26px;
    border:1px solid var(--line);
    border-radius:8px 30px 8px 30px;
    background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.045));
    box-shadow:var(--shadow);
}
.detail-copy h1{margin:0;color:#fff;font-size:clamp(28px,4.8vw,50px);line-height:1.18}
.intel-card{
    border:1px solid rgba(213,242,255,.3);
    border-radius:4px 24px 4px 24px;
    padding:18px;
    background:rgba(214,238,248,.13);
}
.intel-card>b{display:block;margin-bottom:16px;color:var(--pink2);font-size:22px}
.intel-card dl{display:grid;gap:12px;margin:0}
.detail-grid{
    display:grid;
    grid-template-columns:minmax(0,1fr) 310px;
    gap:18px;
    margin-top:18px;
}
.entry,.comments,.related,.gate-card{
    border:1px solid var(--line);
    border-radius:24px;
    background:rgba(8,20,31,.76);
    box-shadow:var(--shadow);
}
.entry{padding:22px;overflow:hidden;line-height:1.86}
.entry img{max-width:100%;height:auto;border-radius:16px}
.entry a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}
.entry .lgcg-card{display:grid;gap:16px}
.entry .lgcg-panel{border:1px solid var(--line)!important;background:rgba(255,255,255,.07)!important;border-radius:20px!important;padding:18px!important;box-shadow:none!important}
.entry .lgcg-panel h2{margin:0 0 12px;color:#fff}
.entry .lgcg-info dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0}
.entry .lgcg-info dl div{display:grid;grid-template-columns:86px 1fr;gap:10px;padding:10px;border-radius:14px;background:rgba(255,255,255,.06)}
.entry .lgcg-info dt{color:var(--cyan);font-weight:900}
.entry .lgcg-info dd{margin:0;color:#fff}
.entry .lgcg-preview{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}
.entry .lgcg-preview img{width:100%;height:180px;object-fit:cover}
.entry .lgcg-download-btn{border-radius:16px!important;background:linear-gradient(135deg,var(--pink),var(--cyan))!important;color:#071018!important}
.detail-side{display:grid;align-content:start;gap:18px}
.comments,.related{padding:18px}
.comments h2,.related h2{margin:0 0 12px;color:#fff;font-size:18px}
.comments blockquote{margin:10px 0;padding:12px 13px;border-left:4px solid var(--pink);border-radius:0 14px 14px 0;background:rgba(255,255,255,.06);color:var(--muted)}
.related{display:grid;gap:10px}
.related a{padding:12px;border:1px solid var(--line);border-radius:14px;color:#fff;background:rgba(255,255,255,.055)}
.gate-card{
    width:min(680px,calc(100% - 32px));
    margin:70px auto;
    padding:28px;
    text-align:center;
}
.gate-card h1{margin:0;font-size:clamp(30px,5vw,48px)}
.gate-card p{color:var(--muted);line-height:1.8}
.gate-card a{margin:8px 6px 0}
.site-foot{
    width:min(1180px,calc(100% - 32px));
    margin:0 auto;
    padding:28px 0 44px;
    display:flex;
    flex-wrap:wrap;
    gap:14px;
    color:var(--muted);
}
.site-foot a{color:var(--cyan);font-weight:900}
@media (max-width:900px){
    .site-top{padding:12px 16px}
    .menu-button{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.08)}
    .menu-button span{display:block;width:18px;height:2px;margin:2px;border-radius:9px;background:var(--cyan)}
    .site-top nav{position:fixed;left:14px;right:14px;top:66px;display:grid;gap:8px;padding:14px;border:1px solid var(--line);border-radius:20px;background:rgba(6,16,24,.96);box-shadow:var(--shadow);opacity:0;transform:translateY(-10px);pointer-events:none;transition:.16s ease}
    .nav-toggle:checked~.site-top nav{opacity:1;transform:none;pointer-events:auto}
    .home-stack{display:flex;flex-direction:column}
    .home-stack .index-board{order:1}
    .home-stack .archive-hero{order:2}
    .home-stack .channel-rail{order:3}
    .home-stack .tag-strip{order:4}
    .archive-hero,.detail-console,.detail-grid{grid-template-columns:1fr}
    .archive-hero{min-height:0;padding:14px;border-radius:20px;margin-top:8px}
    .archive-hero::before,.archive-hero::after{display:none}
    .hero-actions{display:none}
    .profile-panel{min-height:0}
    .resource-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .detail-side{grid-template-columns:1fr}
    .entry .lgcg-info dl{grid-template-columns:1fr}
    .channel-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
    .channel-grid a{min-height:86px;padding:12px}
    .channel-grid b{font-size:17px}
}
@media (max-width:560px){
    .brand b{font-size:19px}
    .brand span{font-size:10px}
    .hero-copy p,.page-hero p,.detail-copy p{margin-bottom:7px;font-size:10px;letter-spacing:.14em}
    .hero-copy h1,.page-hero h1{font-size:23px;line-height:1.1}
    .hero-copy span,.page-hero span,.detail-copy span{margin-top:7px;line-height:1.55;font-size:13px}
    .archive-hero,.page-hero,.detail-console,.entry,.comments,.related,.gate-card{border-radius:18px}
    .archive-hero,.page-hero{width:calc(100% - 20px);padding:12px;margin-top:8px;margin-bottom:8px}
    .index-board,.resource-stage,main>.resource-list,.channel-grid,.tag-cloud,.channel-rail,.tag-strip,.site-foot{width:calc(100% - 20px)}
    .index-board{margin-bottom:18px}
    .section-title{align-items:center;flex-direction:row;padding:2px 1px 8px}
    .section-title h2{font-size:18px}
    .section-title span{font-size:12px}
    .profile-panel{display:none}
    .profile-panel strong{font-size:24px}
    .channel-rail,.tag-strip{gap:6px;padding-bottom:6px;margin-bottom:6px}
    .channel-rail a{min-height:34px;padding:5px 9px;gap:7px}
    .channel-rail b{font-size:12px}
    .channel-rail small{display:none}
    .tag-strip a,.tag-cloud a{min-height:30px;padding:0 10px;font-size:12px}
    .resource-stage{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
    .resource-card{min-height:0}
    .resource-card img,.resource-card i{height:74px}
    .resource-card b{font-size:12px;line-height:1.34}
    .resource-card b{-webkit-line-clamp:2}
    .resource-card em{font-size:10px;margin-bottom:4px}
    .resource-card .card-info{padding:7px;min-height:60px}
    .resource-card small{display:none}
    .pager{gap:6px;padding:14px 0 2px}
    .pager a,.pager strong,.pager span{min-width:34px;min-height:34px;padding:0 10px;font-size:12px}
    .pager-prev,.pager-next{min-width:64px!important}
    .channel-grid{width:calc(100% - 20px);grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-bottom:18px}
    .channel-grid a{min-height:70px;padding:10px;border-radius:16px}
    .channel-grid b{font-size:15px}
    .channel-grid small{font-size:12px;margin-top:5px}
    .entry{padding:16px}
    .entry .lgcg-info dl div{grid-template-columns:72px 1fr}
    .entry .lgcg-preview{grid-template-columns:1fr}
    .entry .lgcg-preview img{height:auto}
}