/* ============================================================
   鲨鱼导航 · 活泼校园 · 多彩渐变 美化皮肤 v3
   - 电脑端（minima）与手机端（default2 SPA）分别适配
   - minima 规则尽量 scope 到 .main-content，避免影响手机端
   ============================================================ */

:root{
  --bf-violet:#7c3aed;
  --bf-indigo:#6366f1;
  --bf-cyan:#06b6d4;
  --bf-pink:#ec4899;
  --bf-orange:#f97316;
  --bf-green:#10b981;
  --bf-grad-main:linear-gradient(135deg,#7c3aed 0%,#6366f1 45%,#06b6d4 100%);
  --bf-grad-warm:linear-gradient(135deg,#ec4899 0%,#f97316 100%);
}

/* ---------- 彩色光晕背景（全局） ---------- */
body{
  background-color:#f6f7fd !important;
  background-image:
    radial-gradient(900px 520px at 6% -10%, rgba(124,58,237,.13), transparent 60%),
    radial-gradient(820px 500px at 102% -4%, rgba(236,72,153,.11), transparent 55%),
    radial-gradient(980px 620px at 50% 112%, rgba(6,182,212,.11), transparent 60%) !important;
  background-repeat:no-repeat !important;
  background-attachment:fixed !important;
}

/* =========================================================
   电脑端 minima
   ========================================================= */

/* 导航栏 */
.navbar{
  background:rgba(255,255,255,.82) !important;
  border-bottom:1px solid rgba(124,58,237,.12) !important;
  box-shadow:0 8px 28px -18px rgba(99,102,241,.55) !important;
}
.navbar-brand{
  background:var(--bf-grad-main);
  -webkit-background-clip:text;
  background-clip:text;
  -webkit-text-fill-color:transparent;
  color:transparent !important;
  font-weight:800 !important;
  letter-spacing:.4px;
}
.navbar-brand:hover{opacity:.88}

/* 搜索框（仅 minima） */
.main-content .search-box{
  background:#fff !important;
  border:1.5px solid rgba(124,58,237,.16) !important;
  border-radius:999px !important;
  box-shadow:0 12px 32px -16px rgba(99,102,241,.50),0 4px 14px -8px rgba(6,182,212,.25) !important;
}
.main-content .search-box:focus-within{
  border-color:var(--bf-violet) !important;
  box-shadow:0 14px 36px -16px rgba(124,58,237,.60),0 0 0 4px rgba(124,58,237,.10) !important;
}
.main-content .search-box .search-icon{color:var(--bf-violet) !important}
.main-content .search-box .search-clear:hover{background:rgba(124,58,237,.10) !important;color:var(--bf-violet) !important}
.main-content .search-box .search-input::placeholder{color:#9aa3b2 !important}

/* 分类标签 */
.category-tabs{
  background:rgba(255,255,255,.72) !important;
  border:1px solid rgba(124,58,237,.10) !important;
  border-radius:16px !important;
  box-shadow:0 10px 28px -20px rgba(99,102,241,.45) !important;
  -webkit-backdrop-filter:blur(10px);
  backdrop-filter:blur(10px);
}
.category-tabs .nav-link{
  border-radius:999px !important;
  color:#4b5563 !important;
  font-weight:600 !important;
  transition:all .22s ease !important;
}
.category-tabs .nav-link i{opacity:.78}
.category-tabs .nav-link:hover{
  background:rgba(124,58,237,.10) !important;
  color:var(--bf-violet) !important;
}
.category-tabs .nav-link.active{
  background:var(--bf-grad-main) !important;
  color:#fff !important;
  box-shadow:0 10px 22px -10px rgba(124,58,237,.60) !important;
}
.category-tabs .nav-link.active i{opacity:1}
.category-tabs .nav-link.active::after{display:none !important}
.cat-scroll-btn{
  background:rgba(124,58,237,.10) !important;
  color:var(--bf-violet) !important;
  border-radius:12px !important;
}
.cat-scroll-btn:hover{background:var(--bf-grad-main) !important;color:#fff !important}

/* 分类标题 */
.category-title{
  position:relative !important;
  padding-left:1.1rem !important;
  border:1px solid rgba(124,58,237,.10) !important;
  border-radius:14px !important;
  background:linear-gradient(90deg,rgba(124,58,237,.10),rgba(236,72,153,.06) 45%,rgba(255,255,255,0)) !important;
}
.category-title::before{
  content:"" !important;
  position:absolute !important;
  left:.45rem !important;
  top:22% !important;
  bottom:22% !important;
  width:4px !important;
  border-radius:4px !important;
  background:var(--bf-grad-main) !important;
}
.category-icon{color:var(--bf-violet) !important}
.category-title .badge{
  background:var(--bf-grad-warm) !important;
  color:#fff !important;
  border-radius:999px !important;
  font-weight:700 !important;
  border:0 !important;
}

/* 书签卡片 */
.bookmark-card{
  border-radius:18px !important;
  border:1px solid rgba(124,58,237,.09) !important;
  background:#fff !important;
  box-shadow:0 6px 20px -16px rgba(30,41,59,.35) !important;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease !important;
}
.bookmark-card:hover{
  transform:translateY(-5px) !important;
  border-color:rgba(124,58,237,.35) !important;
  box-shadow:0 20px 44px -22px rgba(124,58,237,.45),0 8px 20px -14px rgba(6,182,212,.30) !important;
}
.bookmark-title{color:#1f2937 !important;font-weight:700 !important}
.bookmark-description{color:#5b6472 !important}

/* 文本 / 公告卡片图标渐变 */
.template-type-icon{
  background:var(--bf-grad-main) !important;
  color:#fff !important;
  border-radius:12px !important;
  box-shadow:0 10px 20px -12px rgba(124,58,237,.65) !important;
}
.copy-type-icon{background:var(--bf-grad-warm) !important;color:#fff !important}
.template-action-label{color:var(--bf-violet) !important}

/* favicon 圆角底色 */
.bookmark-favicon img{
  border-radius:10px !important;
  background:#f4f0ff !important;
  padding:3px !important;
}

/* 页脚 */
.site-footer{
  border-top:1px solid rgba(124,58,237,.10) !important;
  background:transparent !important;
  color:#6b7280 !important;
}
.site-footer a{color:var(--bf-violet) !important}

/* 浮动按钮 */
.fab{
  background:var(--bf-grad-main) !important;
  border-radius:50% !important;
  box-shadow:0 14px 30px -12px rgba(124,58,237,.65) !important;
}
.fab-top{
  background:#fff !important;
  color:var(--bf-violet) !important;
  border:1px solid rgba(124,58,237,.18) !important;
  box-shadow:0 8px 20px -12px rgba(30,41,59,.35) !important;
}

/* 滚动条 */
::-webkit-scrollbar-thumb{
  background:linear-gradient(180deg,#a78bfa,#67e8f9) !important;
  border-radius:8px !important;
}

/* 兼职栏（跑马灯 + 轮播）配色对齐 */
.rj-marquee{border-left-color:var(--bf-violet) !important}
.rj-marquee-label{background:var(--bf-grad-main) !important}
.rj-carousel-title i{color:var(--bf-pink) !important}
.rj-arrow:hover{background:var(--bf-violet) !important;border-color:var(--bf-violet) !important}
.rj-card:hover{border-color:rgba(124,58,237,.35) !important;box-shadow:0 14px 32px -20px rgba(124,58,237,.5) !important}
.rj-card-more{color:var(--bf-violet) !important}
.rj-modal-ok{background:var(--bf-grad-main) !important}
.rj-modal-head h3{color:#1f2937 !important}

/* =========================================================
   手机端 default2 SPA
   ========================================================= */
.common-layout,.el-container,.el-main,.main{background:transparent !important}

/* 顶部搜索条 */
.main-top{
  background:rgba(255,255,255,.82) !important;
  -webkit-backdrop-filter:blur(12px) saturate(180%) !important;
  backdrop-filter:blur(12px) saturate(180%) !important;
  border-bottom:1px solid rgba(124,58,237,.10) !important;
}


/* 卡片 */
.draggable-box .link{
  background:rgba(255,255,255,.95) !important;
  border:1px solid rgba(124,58,237,.10) !important;
  border-radius:16px !important;
  box-shadow:0 8px 24px -18px rgba(99,102,241,.55) !important;
  transition:transform .18s ease,box-shadow .18s ease !important;
}
.draggable-box .link:active{transform:scale(.99) !important}
.draggable-box .link .ico{
  background:linear-gradient(135deg,#f3f0ff,#e0f2fe) !important;
}
.draggable-box .link .link-title b{color:#1f2937 !important;font-weight:700 !important}
.draggable-box .link .link-description{color:#7b8494 !important}

/* 分类标题 */
.category .ctitle{
  position:relative !important;
  padding-left:12px !important;
  color:#4c1d95 !important;
  font-weight:800 !important;
}
.category .ctitle::before{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:22% !important;
  bottom:22% !important;
  width:4px !important;
  border-radius:4px !important;
  background:var(--bf-grad-main) !important;
}

/* 手机端个人主页头部渐变 */
@media (max-width: 767.98px){
  body{background-attachment:scroll !important}
  #mobileProfileHeader{
    background:linear-gradient(160deg,#7c3aed 0%,#6366f1 42%,#06b6d4 100%) !important;
    color:#fff !important;
    box-shadow:0 20px 44px -26px rgba(124,58,237,.9) !important;
  }
  #mobileProfileHeader .mobile-profile-name,
  #mobileProfileHeader h1{color:#fff !important}
  #mobileProfileHeader .mobile-profile-intro{color:rgba(255,255,255,.92) !important}
  #mobileProfileHeader .mobile-profile-menu,
  #mobileProfileHeader .mobile-profile-share{color:#fff !important}
  #mobileProfileHeader .mobile-profile-avatar{
    border-color:rgba(255,255,255,.92) !important;
    box-shadow:0 12px 32px -14px rgba(0,0,0,.5) !important;
  }
}