:root{
  --fsnp-bg:#07020f;
  --fsnp-card:#090d16;
  --fsnp-gold:#d7a83c;
  --fsnp-gold2:#ffe071;
  --fsnp-purple:#7722ff;
  --fsnp-text:#fff;
  --fsnp-muted:#a9a4bd;
}
#fsnp-header-bell.fsnp-header-bell{
  width:50px;height:50px;display:flex;align-items:center;justify-content:center;
  border:2px solid var(--fsnp-gold);border-radius:999px;background:rgba(5,7,13,.42);
  box-shadow:0 0 13px rgba(215,168,60,.35), inset 0 0 16px rgba(119,34,255,.18);
  text-decoration:none;z-index:999999;box-sizing:border-box;
}
#fsnp-header-bell .fsnp-bell-gold{font-size:27px;line-height:1;filter:drop-shadow(0 0 6px rgba(255,214,82,.8));}
#fsnp-header-bell .fsnp-bell-count{
  position:absolute;right:-8px;top:-9px;min-width:24px;height:24px;padding:0 6px;
  display:flex;align-items:center;justify-content:center;background:#ff2459;color:#fff;
  border-radius:999px;font-size:14px;font-weight:900;border:2px solid #fff;line-height:1;
}
#fsnp-header-bell.fsnp-fixed-circled-zone{
  position:fixed;
  top:calc(env(safe-area-inset-top, 0px) + 92px);
  right:74px;
}
.admin-bar #fsnp-header-bell.fsnp-fixed-circled-zone{top:124px;}
#fsnp-header-bell.fsnp-inside-header{position:absolute;right:76px;top:50%;transform:translateY(-50%);}
@media(max-width:782px){
  #fsnp-header-bell.fsnp-fixed-circled-zone{
    top:calc(env(safe-area-inset-top, 0px) + 96px);
    right:72px;
    width:48px;height:48px;
  }
  #fsnp-header-bell.fsnp-inside-header{right:72px;width:48px;height:48px;}
}
.fsnp-page{background:radial-gradient(circle at 86% 0%, rgba(104,29,255,.23), transparent 25%), linear-gradient(180deg,#05020b,#090211 55%,#05020b); color:var(--fsnp-text); min-height:100vh; padding:24px 18px 120px; font-family:Inter,Arial,sans-serif;}
.fsnp-hero{display:flex;align-items:center;justify-content:space-between;max-width:1100px;margin:0 auto 20px;}
.fsnp-hero-left{display:flex;gap:18px;align-items:center;}
.fsnp-hero-icon{font-size:36px;color:var(--fsnp-gold);}
.fsnp-hero h1{font-size:34px;line-height:1;margin:0;color:white;font-weight:900;letter-spacing:.5px;}
.fsnp-hero p{margin:8px 0 0;color:var(--fsnp-muted);font-size:18px;}
.fsnp-hero-art{font-size:60px;padding:18px 45px;background:radial-gradient(circle, rgba(147,55,255,.45), transparent 64%);filter:drop-shadow(0 0 15px rgba(255,215,80,.7));}
.fsnp-list{max-width:1100px;margin:0 auto;display:grid;gap:12px;}
.fsnp-card{display:grid;grid-template-columns:110px 1fr auto;gap:22px;align-items:center;padding:18px 28px;border:1.5px solid rgba(215,168,60,.9);border-radius:10px;background:linear-gradient(90deg,rgba(8,8,16,.98),rgba(11,10,18,.94));box-shadow:0 0 15px rgba(0,0,0,.3);}
.fsnp-thumb{width:88px;height:88px;border:1px solid rgba(165,45,255,.8);border-radius:10px;background:linear-gradient(135deg,rgba(90,14,150,.45),rgba(9,9,18,.8));display:flex;align-items:center;justify-content:center;overflow:hidden;}
.fsnp-thumb img{width:100%;height:100%;object-fit:cover;}
.fsnp-thumb span{font-size:48px;filter:drop-shadow(0 0 10px rgba(255,214,70,.8));}
.fsnp-card h2{font-size:24px;line-height:1.15;margin:0 0 7px;color:white;font-weight:900;}
.fsnp-card p{font-size:18px;line-height:1.35;margin:0 0 12px;color:#c7c2d5;}
.fsnp-date{font-size:15px;color:#a98cff;font-weight:700;}
.fsnp-detail-btn,.fsnp-modal-link{justify-self:end;border:1.5px solid var(--fsnp-gold);border-radius:7px;background:transparent;color:#f3c64a;padding:12px 24px;font-size:17px;font-weight:800;text-decoration:none;white-space:nowrap;cursor:pointer;}
.fsnp-empty{padding:28px;border:1px solid var(--fsnp-gold);border-radius:12px;color:white;background:#08111d;}
.fsnp-modal{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:1000000;display:flex;align-items:center;justify-content:center;padding:20px;}
.fsnp-modal-panel{width:min(680px,94vw);max-height:82vh;overflow:auto;background:#090d16;border:2px solid var(--fsnp-gold);border-radius:18px;padding:26px;color:white;box-shadow:0 0 40px rgba(119,34,255,.38);}
.fsnp-modal-close{float:right;background:#ffd75a;border:0;border-radius:50%;width:34px;height:34px;font-size:24px;font-weight:900;}
.fsnp-modal h2{font-size:28px;margin:8px 0 16px;}
.fsnp-modal-body{font-size:18px;line-height:1.55;color:#ddd;}
.fsnp-modal-link{display:inline-block;margin-top:20px;}
@media(max-width:760px){
  .fsnp-page{padding:22px 14px 110px;}
  .fsnp-hero h1{font-size:28px}.fsnp-hero p{font-size:15px}.fsnp-hero-art{display:none;}
  .fsnp-card{grid-template-columns:72px 1fr;gap:14px;padding:14px;border-radius:10px;}
  .fsnp-thumb{width:62px;height:62px}.fsnp-thumb span{font-size:36px;}
  .fsnp-card h2{font-size:20px}.fsnp-card p{font-size:15px}.fsnp-date{font-size:13px;}
  .fsnp-detail-btn{grid-column:2;justify-self:start;padding:9px 14px;font-size:14px;}
}