/* ============================================================
   coolnew 风格友情链接页 —— [friendlink_coolnew]
   一套结构 + 两套颜色：默认浅色（对齐 coolnew.com 现行页），深色由 .fla-coolnew-theme--dark 覆盖
   颜色全部走 CSS 变量，便于后台 浅色/深色 切换
   ============================================================ */
.fla-coolnew-page{
  /* —— 浅色默认（基准）—— */
  --fla-z-accent:var(--theme-color,#ff3f9f);
  --fla-z-accent-soft:rgba(255,63,159,.12);
  --fla-z-bg:#f5f6f7;              /* 页面底色 */
  --fla-z-card:#ffffff;            /* 卡片底 */
  --fla-z-card-hover:#fafbfc;      /* 卡片悬停底 */
  --fla-z-text:#4e5358;            /* 主文字 */
  --fla-z-text-muted:#8a8f95;      /* 弱化文字 */
  --fla-z-cover:#ffffff;           /* 封面底 */
  --fla-z-cover-title:#33363b;     /* 封面标题 */
  --fla-z-overlay:rgba(0,0,0,.04); /* 通用浅叠层（输入框/标签底） */
  --fla-z-border:rgba(0,0,0,.08);  /* 通用边框 */
  --fla-z-shadow:rgba(0,0,0,.10);  /* 卡片/封面阴影 */
  --fla-z-radius:var(--main-radius,8px);
  /* —— 字号 / 字重规范（统一文字层级，便于维护与 SEO 一致渲染）—— */
  --fla-z-fs-h1:32px;      /* 封面主标题 H1（可被后台覆盖） */
  --fla-z-fs-h2:14px;      /* 分区标题 H2/H3（分类/推荐/导航） */
  --fla-z-fs-body:13px;    /* 正文 / 卡片名称 */
  --fla-z-fs-muted:12.5px; /* 描述 / 辅助文字 */
  --fla-z-fs-small:12px;   /* 小字 */
  --fla-z-fw-h1:700;       /* 主标题：加粗，不用 900 黑体 */
  --fla-z-fw-h2:600;       /* 分区标题 */
  --fla-z-fw-body:600;     /* 名称类 */
  --fla-z-fw-muted:400;    /* 描述类 */
  box-sizing:border-box;width:100%;max-width:var(--fla-z-page-max,100%);
  margin-left:auto;margin-right:auto;
  background:transparent;
  color:var(--fla-z-text);
  border-radius:0;
  font-family:inherit;
}

/* ============================================================
   主题兼容层：作用域隔离的元素重置
   不同主题会全局覆盖 a / img / h1-h3 / ul / button / select，
   这里把本页内的基础元素归一，保证在任意主题下视觉一致。
   ============================================================ */
.fla-coolnew-page *, .fla-coolnew-page *::before, .fla-coolnew-page *::after{box-sizing:border-box;}
.fla-coolnew-page img{max-width:100%;height:auto;display:block;}
.fla-coolnew-page h1,.fla-coolnew-page h2,.fla-coolnew-page h3{margin:0;padding:0;border:0;background:none;line-height:1.4;}
.fla-coolnew-page p{margin:0;}
.fla-coolnew-page ul,.fla-coolnew-page ol{list-style:none;margin:0;padding:0;}
.fla-coolnew-page li{margin:0;padding:0;}
.fla-coolnew-page a{text-decoration:none;color:inherit;-webkit-tap-highlight-color:transparent;}
.fla-coolnew-page a:hover{text-decoration:none;}
.fla-coolnew-page button{font:inherit;line-height:1;}
.fla-coolnew-page input,.fla-coolnew-page select{font:inherit;}
.fla-coolnew-page svg{display:block;}
/* 让本页内所有走 --fl-primary 的元素（模态框、提交/获取验证码等按钮）统一跟随主题强调色 */
.fla-coolnew-page{--fl-primary:var(--fla-z-accent);--fl-primary-dark:var(--fla-z-accent);--fl-shadow-lg:0 8px 24px var(--fla-z-accent-soft);}
/* —— 深色模式：仅覆盖颜色变量，结构不变 —— */
.fla-coolnew-page.fla-coolnew-theme--dark{
  --fla-z-accent:var(--theme-color,#ff3f9f);
  --fla-z-accent-soft:rgba(255,63,159,.16);
  --fla-z-bg:#202124;
  --fla-z-card:#323335;
  --fla-z-card-hover:#3c3d40;
  --fla-z-text:#e5eef7;
  --fla-z-text-muted:#9aa0a6;
  --fla-z-cover:#2b2d31;
  --fla-z-cover-title:#ffffff;
  --fla-z-overlay:rgba(255,255,255,.06);
  --fla-z-border:rgba(255,255,255,.08);
  --fla-z-shadow:rgba(0,0,0,.35);
}

/* 申请入驻按钮由 [friendlink_apply_modal] 短代码输出（触发器即按钮），样式见下方 .fla-coolnew-nav .fla-modal-trigger-button */

/* ---- 顶部封面：标题 + 搜索整合（对齐原版 page-cover） ---- */
.fla-coolnew-cover{
  position:relative;border-radius:var(--fla-z-card-radius,12px);overflow:hidden;text-align:center;
  padding:34px 24px 28px;margin-bottom:var(--fla-z-section-gap,24px);
  background:var(--fla-z-cover);
  box-shadow:0 2px 14px var(--fla-z-shadow);
}
/* 右侧悬浮：明暗模式切换（固定跟随滚动，图标在上 + 文字在下，无外部字体/图标） */
.fla-coolnew-theme-toggle{
  position:fixed;right:14px;top:50%;transform:translateY(-50%);z-index:999;
  display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;
  padding:8px 10px;min-width:52px;border:1px solid var(--fla-z-border);border-radius:12px;cursor:pointer;
  background:var(--fla-z-card);color:var(--fla-z-text);
  box-shadow:0 4px 16px var(--fla-z-shadow);
  font-size:var(--fla-z-fs-h2,14px);font-weight:var(--fla-z-fw-h2,600);line-height:1;white-space:nowrap;
  font-family:inherit;
  transition:background .2s ease,color .2s ease,box-shadow .2s ease,border-color .2s ease,transform .2s ease;
}
.fla-coolnew-theme-toggle:hover{background:var(--fla-z-accent);color:#fff;transform:translateY(-50%) scale(1.05);}
.fla-coolnew-theme-toggle svg{width:16px;height:16px;display:block;fill:currentColor;flex:none;}
.fla-coolnew-theme-toggle .fla-icon-moon{display:none;}
.fla-coolnew-page.fla-coolnew-theme--dark .fla-coolnew-theme-toggle .fla-icon-sun{display:none;}
.fla-coolnew-page.fla-coolnew-theme--dark .fla-coolnew-theme-toggle .fla-icon-moon{display:block;}
.fla-coolnew-theme-toggle-label{display:inline;font-size:var(--fla-z-fs-h2,14px);}
.fla-coolnew-theme-toggle-label.fla-label-light{display:none;}
.fla-coolnew-page.fla-coolnew-theme--dark .fla-coolnew-theme-toggle-label.fla-label-dark{display:none;}
.fla-coolnew-page.fla-coolnew-theme--dark .fla-coolnew-theme-toggle-label.fla-label-light{display:inline;}
.fla-coolnew-cover-title{
  margin:0;font-size:var(--fla-z-cover-title-size,var(--fla-z-fs-h1,32px));line-height:1.3;font-weight:var(--fla-z-fw-h1,700);letter-spacing:1px;
  /* 后台「封面标题颜色」优先，留空则回退主题/深色模式的默认标题色 */
  color:var(--fla-z-cover-title-color,var(--fla-z-cover-title));
  font-family:inherit;
}
.fla-coolnew-cover-subtitle{
  margin:10px 0 0;font-size:var(--fla-z-subtitle-size,14px);font-weight:var(--fla-z-fw-muted,400);color:var(--fla-z-subtitle-color,var(--fla-z-accent));opacity:.9;
}
/* 打字机效果：行内闪烁光标（仅在 JS 已接管时由 .fla-tw-active 触发，无 JS 时静态文案无光标） */
.fla-coolnew-cover-subtitle.fla-tw-active::after{
  content:"";display:inline-block;width:2px;height:1em;margin-left:3px;vertical-align:-2px;
  background:currentColor;animation:flaTwCaret .9s steps(1,end) infinite;
}
@keyframes flaTwCaret{0%,49%{opacity:1}50%,100%{opacity:0}}
.fla-coolnew-cover .fla-coolnew-search{margin-top:20px;}
.fla-coolnew-cover .fla-coolnew-search-box{max-width:680px;margin:0 auto;}
/* 搜索引擎横向标签（封面内，激活项带下划线） */
.fla-coolnew-engine-tabs{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:4px 24px;margin:0 auto 16px;max-width:680px;
}
.fla-coolnew-page .fla-coolnew-engine-tab{
  display:inline-block;cursor:pointer;padding:6px 4px;user-select:none;
  font-size:var(--fla-z-engine-size,18px);line-height:1.4;
  color:var(--fla-z-accent);opacity:.9;
  background:transparent;border:0;outline:none;box-shadow:none;
  border-bottom:2px solid transparent;
  border-radius:0;
  transition:opacity .2s ease, color .2s ease, border-color .2s ease;
}
/* 任何交互态都保持纯净：不加背景框、不加边框、不加轮廓 */
.fla-coolnew-engine-tab:hover,
.fla-coolnew-engine-tab:focus,
.fla-coolnew-engine-tab:active,
.fla-coolnew-engine-tab:focus-visible{
  background:transparent;border:0;border-bottom:2px solid transparent;
  outline:none;box-shadow:none;border-radius:0;
}
.fla-coolnew-engine-tab:hover{opacity:1;}
.fla-coolnew-engine-tab.fla-is-current,
.fla-coolnew-engine-tab.fla-is-current:hover,
.fla-coolnew-engine-tab.fla-is-current:focus,
.fla-coolnew-engine-tab.fla-is-current:active{
  opacity:1;font-weight:600;color:var(--fla-z-accent);
  background:transparent;box-shadow:none;outline:none;border-radius:0;
  border:0;border-bottom:2px solid var(--fla-z-accent);
}
/* 封面：动态渐变动画 / 背景图片遮罩（后台可配） */
.fla-coolnew-cover--animated{animation:flaCoverGrad 9s ease infinite;}
@keyframes flaCoverGrad{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.fla-coolnew-cover--image::before{content:"";position:absolute;inset:0;background:rgba(15,18,25,.55);z-index:0;}
.fla-coolnew-cover>*{position:relative;z-index:1;}
/* 封面背景为图片时：强制文字/搜索框高对比，避免与图片颜色相近看不清 */
.fla-coolnew-cover--image .fla-coolnew-cover-title,
.fla-coolnew-cover--image .fla-coolnew-cover-subtitle{color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.55);}
.fla-coolnew-cover--image .fla-coolnew-engine-tab{color:#fff;opacity:.92;}
.fla-coolnew-cover--image .fla-coolnew-engine-tab:hover,
.fla-coolnew-cover--image .fla-coolnew-engine-tab.fla-is-current{color:#fff;}
.fla-coolnew-cover--image .fla-coolnew-search-box{background:rgba(255,255,255,.94);border-color:rgba(255,255,255,.6);box-shadow:0 8px 28px rgba(0,0,0,.28);}
.fla-coolnew-cover--image .fla-coolnew-search-input{color:#2b2f36;}
.fla-coolnew-cover--image .fla-coolnew-search-float{color:#8a8f99;}
.fla-coolnew-cover--image .fla-coolnew-search-box.fla-is-active .fla-coolnew-search-float{color:var(--fla-z-accent);}
.fla-coolnew-cover--image .fla-coolnew-search-engine{color:#5b6168;border-left-color:rgba(0,0,0,.1);}
.fla-coolnew-cover--image .fla-coolnew-search-tips{color:#fff;}
.fla-coolnew-cover--image .fla-coolnew-hot-tag{color:#fff;background:rgba(255,255,255,.22);}
.fla-coolnew-cover--image .fla-coolnew-hot-label{color:#fff;opacity:.9;}
.fla-coolnew-cover--image .fla-coolnew-hot-tag:hover{color:#fff;background:var(--fla-z-accent);}

/* ---- 响应式（统一）：桌面=左侧竖向导航，移动=吸顶横向分类条 ---- */
/* 桌面端：隐藏横向分类条，显示左侧导航；底部申请按钮隐藏（左侧已含） */
.fla-coolnew-catbar{display:none;}
.fla-coolnew-apply-bottom{display:none;}
.fla-coolnew-body{display:flex;gap:24px;align-items:flex-start;
  /* 分类内容区（导航+链接分类）宽度跟随「页面宽度」设置等比适配，以 1200px 为基准 */
  width:100%;max-width:var(--fla-z-body-max,none);margin-left:auto;margin-right:auto;}

/* ---- 吸顶横向分类条 ---- */
/* z-index 只需略高于页面内容（侧栏导航 90 / 卡片 auto）即可；
   不能高于悬浮按钮（998）——手机端「申请入驻」模态框渲染在悬浮按钮容器
   （position:fixed + z-index:998，自成层叠上下文）内部，若分类条过高会遮挡模态框 */
.fla-coolnew-catbar{
  position:sticky;top:var(--fla-z-sticky-top);z-index:100;margin:0 0 20px;
  background:var(--fla-z-card);backdrop-filter:blur(6px);
  border:1px solid var(--fla-z-border);border-radius:10px;
}
/* 深色模式显式锁定分类条底色，避免被主题层覆盖成浅色导致看不清 */
.fla-coolnew-page.fla-coolnew-theme--dark .fla-coolnew-catbar{background:var(--fla-z-card);}
.fla-coolnew-catbar-inner{display:flex;flex-wrap:nowrap;gap:6px;padding:10px;overflow-x:auto;scrollbar-width:thin;}
.fla-coolnew-catbar-inner::-webkit-scrollbar{height:6px;}
.fla-coolnew-catbar-inner::-webkit-scrollbar-thumb{background:rgba(255,255,255,.18);border-radius:3px;}
.fla-coolnew-catbar-item{
  flex:0 0 auto;padding:7px 14px;font-size:13px;color:var(--fla-z-text-muted);
  text-decoration:none;border-radius:20px;background:var(--fla-z-overlay);
  white-space:nowrap;transition:all .2s;
}
.fla-coolnew-catbar-item:hover{color:#fff;background:var(--fla-z-accent);}
.fla-coolnew-catbar-item.fla-active{color:#fff;background:var(--fla-z-accent);font-weight:600;}

/* ---- 底部申请按钮（移动端显示） ---- */
.fla-coolnew-apply-bottom{margin-top:26px;text-align:center;}
.fla-coolnew-apply-bottom .fla-modal-wrap{display:inline-block;}
.fla-coolnew-apply-bottom .fla-modal-trigger-button{
  padding:11px 30px;font-size:14px;font-weight:600;color:var(--fla-z-accent);
  background:transparent;border:1px solid var(--fla-z-accent);border-radius:8px;
  cursor:pointer;transition:all .25s;
}
.fla-coolnew-apply-bottom .fla-modal-trigger-button:hover{background:var(--fla-z-accent);color:#fff;}

.fla-coolnew-nav{
  flex:0 0 150px;width:150px;position:sticky;top:var(--fla-z-sticky-top);z-index:90;
  display:flex;flex-direction:column;gap:14px;align-self:flex-start;
  box-sizing:border-box;padding:14px 10px;
  background:var(--fla-z-card);border:1px solid var(--fla-z-border);
  border-radius:var(--fla-z-card-radius,12px);box-shadow:0 0 10px var(--fla-z-shadow);
}
.fla-coolnew-page .fla-coolnew-nav-title{
  display:flex;align-items:center;gap:8px;white-space:nowrap;
  /* 区域标题字号：跟随后台「区域标题字号」设置 */
  font-size:var(--fla-z-section-title-size,16px) !important;font-weight:600 !important;line-height:1.4 !important;margin:0 0 10px;color:var(--fla-z-text);
}
.fla-coolnew-nav-list{list-style:none;margin:0;padding:0;}
.fla-coolnew-nav-item{margin:0;}
.fla-coolnew-nav-item a{
  display:block;padding:9px 12px;font-size:var(--fla-z-fs-body,13px);color:var(--fla-z-text-muted);
  text-decoration:none;border-left:3px solid transparent;border-radius:0 6px 6px 0;
  transition:color .2s, background .2s, border-color .2s;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis;
}
.fla-coolnew-nav-item a:hover{color:var(--fla-z-text);background:var(--fla-z-overlay);}
.fla-coolnew-nav-item.fla-active a{
  color:var(--fla-z-accent);border-left-color:var(--fla-z-accent);
  background:var(--fla-z-accent-soft);font-weight:600;
}
.fla-coolnew-nav-apply{margin-top:4px;}
.fla-coolnew-nav-apply .fla-modal-wrap{display:block;width:100%;}
/* 申请入驻按钮：[friendlink_apply_modal] 输出的触发器，覆盖其默认按钮样式 */
.fla-coolnew-nav .fla-modal-trigger-button{
  width:100%;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:10px 12px;font-size:14px;font-weight:600;line-height:1.4;
  color:var(--fla-z-accent);background:transparent;
  border:1px solid var(--fla-z-accent);border-radius:8px;
  cursor:pointer;transition:all .25s;
}
.fla-coolnew-nav .fla-modal-trigger-button:hover{
  background:var(--fla-z-accent);color:#fff;
  box-shadow:0 4px 14px var(--fla-z-accent-soft);transform:none;
}
.fla-coolnew-nav .fla-modal-trigger-icon{display:inline-flex;}
.fla-coolnew-nav .fla-modal-trigger-icon .fla-icon{width:16px;height:16px;}

/* 「区块背景底色」开关关闭时（页面加 .fla-no-section-bg）：左侧导航栏同步透明，页面底色直接透出；
   封面区已由独立的「封面区透明背景」开关控制，此处不再处理 */
.fla-coolnew-page.fla-no-section-bg .fla-coolnew-nav{
  background:transparent !important;
  box-shadow:none !important;
}

/* 「封面区透明背景」独立开关开启时（页面加 .fla-coolnew-cover-transparent）：
   封面背景透明、渐变与背景图片均不生效，页面底色直接透出；
   用 !important 覆盖封面可能的渐变/图片内联背景，并停用图片模式的深色遮罩与强制白字 */
.fla-coolnew-page.fla-coolnew-cover-transparent .fla-coolnew-cover{
  background:transparent !important;background-image:none !important;
  box-shadow:none !important;
}
.fla-coolnew-page.fla-coolnew-cover-transparent .fla-coolnew-cover--image::before{display:none !important;}
.fla-coolnew-page.fla-coolnew-cover-transparent .fla-coolnew-cover--image .fla-coolnew-cover-title,
.fla-coolnew-page.fla-coolnew-cover-transparent .fla-coolnew-cover--image .fla-coolnew-cover-subtitle{
  color:var(--fla-z-cover-title-color,var(--fla-z-cover-title));text-shadow:none;
}

/* ---- 右侧内容 ---- */
.fla-coolnew-content{flex:1;min-width:0;}
/* 分类为独立一块区域：自带背景/边框/圆角/内边距，与页面及链接卡片背景区分
   （背景由后台「区块背景底色」开关控制：关闭时输出 --fla-z-section-bg:transparent） */
.fla-coolnew-cat{
  margin-bottom:var(--fla-z-section-gap,24px);scroll-margin-top:calc(var(--fla-z-sticky-top) + max(96px, 30vh) - 40px);
  background:var(--fla-z-section-bg,var(--fla-z-card));border:1px solid var(--fla-z-border);
  border-radius:var(--fla-z-card-radius,12px);padding:16px 18px 14px;
  box-shadow:0 0 10px var(--fla-z-shadow);
}
/* 分类标题行：标题 + 描述共用一行，弹性布局，绝不换行/溢出（超长省略），适配任意宽度 */
.fla-coolnew-cat-head{
  display:flex;align-items:baseline;flex-wrap:nowrap;gap:6px 12px;
  margin:0 0 12px;min-width:0;overflow:hidden;
}
.fla-coolnew-page .fla-coolnew-cat-title{
  display:flex;align-items:center;gap:10px;
  /* 区域标题字号：跟随后台「区域标题字号」设置 */
  font-size:var(--fla-z-section-title-size,16px) !important;font-weight:600 !important;line-height:1.4 !important;margin:0;color:var(--fla-z-text);
  flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
/* 分类/推荐/导航标题左侧粉色竖条（对齐原版 .title-theme::before） */
.fla-coolnew-cat-title::before,
.fla-coolnew-recommend-title::before,
.fla-coolnew-nav-title::before{
  content:"";flex:0 0 auto;width:4px;height:15px;border-radius:2px;
  background:var(--fla-z-accent);
}
/* 移除部分主题（如 Puock）给 h2/h3 自动追加的蓝色下划线/横线装饰 */
.fla-coolnew-cat-title::after,
.fla-coolnew-recommend-title::after,
.fla-coolnew-nav-title::after{
  content:none !important;display:none !important;border:0 !important;background:none !important;
}
/* 链接分类标题右侧的描述：比标题小一号、弱化的灰色小字，单行不换行（超长省略，悬停看全文）
   —— 由后台「显示分类描述」开关控制是否输出；移动端默认隐藏，需「移动端也显示」开关开启 */
.fla-coolnew-cat-desc{
  flex:1 1 auto;min-width:0;
  font-size:clamp(11px, calc(var(--fla-z-section-title-size,16px) * 0.78), 14px) !important;
  font-weight:400;line-height:1.4 !important;
  color:var(--fla-z-text-muted, #8a93a6);opacity:0.9;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.fla-coolnew-cat-desc:empty{display:none !important;}
/* 移动端（≤768px）默认隐藏分类描述，避免窄屏拥挤 */
@media (max-width:768px){
  .fla-coolnew-cat-desc{display:none !important;}
  /* 开启「移动端也显示」后：与桌面一致，标题与描述同行，超长描述自动省略（缩隐），
     限制可见字数、绝不换行也绝不横向溢出（full text 仍保留在 title 悬停提示中） */
  .fla-coolnew-page.fla-cat-desc-enable-mobile .fla-coolnew-cat-desc{
    display:block !important;flex:1 1 auto;min-width:0;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  }
}

/* 猜你喜欢 推荐区（由链接评分控制）—— 独立卡片区块，与分类卡片视觉一致
   （背景同样受后台「区块背景底色」开关控制） */
.fla-coolnew-recommend{
  margin-bottom:var(--fla-z-section-gap,24px);scroll-margin-top:calc(var(--fla-z-sticky-top) + max(96px, 30vh) - 40px);
  background:var(--fla-z-section-bg,var(--fla-z-card));border:1px solid var(--fla-z-border);
  border-radius:var(--fla-z-card-radius,12px);padding:16px 18px 14px;
  box-shadow:0 0 10px var(--fla-z-shadow);
}
.fla-coolnew-page .fla-coolnew-recommend-title{
  display:flex;align-items:center;gap:10px;
  /* 区域标题字号：跟随后台「区域标题字号」设置 */
  font-size:var(--fla-z-section-title-size,16px) !important;font-weight:600 !important;line-height:1.4 !important;margin:0 0 10px;color:var(--fla-z-text);
}

/* 卡片网格：统一 CSS Grid 自适应列数 —— 随容器宽度自动增减列，卡片永不被压扁 */
.fla-coolnew-cards{display:grid;gap:14px;}
/* 大卡片网格（猜你喜欢）：列数随宽度 2→6 自适应，桌面端单卡目标宽度约 203px */
.fla-coolnew-cards--recommend{grid-template-columns:repeat(auto-fill,minmax(203px,1fr));}
/* 猜你喜欢卡片目标尺寸约 203×157（auto-fill 下宽度随容器浮动，非死值）。
   高度只作用于推荐区大卡片：写进通用 .fla-coolnew-card 会被小卡片的 height:61px 冲突（min-height 会盖过 height） */
.fla-coolnew-cards--recommend .fla-coolnew-card{min-height:157px;justify-content:center;}
.fla-coolnew-card{
  box-sizing:border-box;width:100%;margin:0;
  /* 定位上下文：供右上角回链状态角标定位 */
  position:relative;
  display:flex;flex-direction:column;align-items:center;gap:12px;
  background:var(--fla-z-card);border:1px solid transparent;
  border-radius:var(--fla-z-card-radius,12px);padding:20px 12px 16px;text-align:center;
  text-decoration:none;color:inherit;
  box-shadow:0 0 10px rgba(116,116,116,.08);
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}
.fla-coolnew-card:hover{
  transform:translateY(-3px);background:var(--fla-z-card-hover);
  border-color:var(--fla-z-accent-soft);
  box-shadow:0 8px 22px var(--fla-z-shadow), 0 6px 18px var(--fla-z-accent-soft);
}
/* 回链状态角标：仅「友链页面 → 显示回链状态」开启时输出在卡片右上角。
   定位基准为卡片本身（而非图标容器），既避免遮挡站点图标，
   也不会被图标容器的 overflow:hidden 裁切（绝对定位元素的包含块在其外层）。 */
.fla-coolnew-card-status{
  position:absolute;top:6px;right:6px;z-index:2;
  width:10px;height:10px;box-sizing:border-box;border-radius:50%;
  border:2px solid var(--fla-z-card,#fff);
  background:var(--fla-z-text-muted,#8a8f95);
  box-shadow:0 1px 4px rgba(0,0,0,.25);
}
.fla-coolnew-card-status.fla-has-backlink{background:#28a745;}
.fla-coolnew-card-status.fla-no-backlink{background:#dc3545;}
.fla-coolnew-card-status.fla-status-unknown{background:var(--fla-z-text-muted,#8a8f95);}
.fla-coolnew-card-icon{
  flex:0 0 58px;width:58px;height:58px;overflow:hidden;
  /* 猜你喜欢大卡片图标：圆角方块，圆角大小跟随后台「卡片圆角」设置（小卡片由下方规则覆盖为 4px） */
  border-radius:var(--fla-z-card-radius,12px);
  background:var(--fla-z-overlay);display:flex;align-items:center;justify-content:center;
}
.fla-coolnew-card-icon img{width:100%;height:100%;object-fit:cover;display:block;}
.fla-coolnew-card-icon-default{color:var(--fla-z-text-muted);}
.fla-coolnew-card-icon-default .fla-icon{width:26px;height:26px;}
.fla-icon-fallback img{display:none;}
.fla-coolnew-card-info{min-width:0;width:100%;}
.fla-coolnew-card-name{
  font-size:14px;font-weight:var(--fla-z-fw-body,600);color:var(--fla-z-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:5px;
  transition:color .2s ease;
}
.fla-coolnew-card-desc{
  font-size:var(--fla-z-fs-muted,12.5px);font-weight:var(--fla-z-fw-muted,400);color:var(--fla-z-text-muted);line-height:18px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}

/* coolnew「小卡片」：分类链接使用 —— 网格自适应列数（随容器宽度自动增减列，卡片永不被压扁）
   桌面端单卡目标宽度约 219px（auto-fill 下宽度随容器浮动，非死值） */
.fla-coolnew-cards--small{
  display:grid;gap:10px;
  grid-template-columns:repeat(auto-fill,minmax(219px,1fr));
}
.fla-coolnew-card--small{
  box-sizing:border-box;width:100%;height:61px;margin:0;
  display:flex;flex-direction:row;align-items:center;gap:10px;
  background:var(--fla-z-card);border:1px solid transparent;border-radius:var(--fla-z-card-radius,12px);
  padding:10px 10px;text-align:left;overflow:hidden;
  box-shadow:0 0 10px rgba(116,116,116,.08);
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.fla-coolnew-card--small:hover{
  transform:none;background:var(--fla-z-card-hover);
  border-color:var(--fla-z-accent-soft);
  box-shadow:0 0 10px rgba(116,116,116,.08), 0 6px 16px var(--fla-z-accent-soft);
}
/* 长方形卡片图标：38×38 */
.fla-coolnew-card--small .fla-coolnew-card-icon{
  flex:0 0 38px;width:38px;height:38px;border-radius:4px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;background:transparent;
}
.fla-coolnew-card--small .fla-coolnew-card-icon img{width:100%;height:100%;object-fit:cover;display:block;border-radius:4px;}
.fla-coolnew-card--small .fla-coolnew-card-icon-default .fla-icon{width:18px;height:18px;}
.fla-coolnew-card--small .fla-coolnew-card-info{min-width:0;flex:1;overflow:hidden;}
.fla-coolnew-card--small .fla-coolnew-card-name{
  margin:0;font-size:14px;font-weight:var(--fla-z-fw-body,600);line-height:20px;color:var(--fla-z-text);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease;
}
.fla-coolnew-card--small .fla-coolnew-card-desc{
  margin:2px 0 0;font-size:var(--fla-z-fs-small,12px);font-weight:var(--fla-z-fw-muted,400);line-height:16px;color:var(--fla-z-text-muted);
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
/* 卡片悬停：站点标题使用主题强调色（大/小卡片通用） */
.fla-coolnew-card:hover .fla-coolnew-card-name{color:var(--fla-z-accent);}

/* ---- 顶部搜索区（搜索框 + 搜索引擎 + 热搜词）—— 大气居中大搜索 ---- */
.fla-coolnew-search{margin:6px auto 0;max-width:880px;}
.fla-coolnew-search-form{max-width:880px;margin:0 auto;}
.fla-coolnew-search-box{
  position:relative;display:flex;align-items:center;
  background:var(--fla-z-overlay);
  /* 搜索框描边：采用主题强调色 —— 未激活态为低亮度弱描边（.28 透明度） */
  border:1px solid rgba(var(--fla-z-accent-rgb,255,63,159),.28);
  border-radius:14px;overflow:visible;
  /* 搜索框阴影：采用主题强调色渲染（保持原有透明度 .10 不变） */
  box-shadow:0 8px 28px rgba(var(--fla-z-accent-rgb,255,63,159),.10);
  transition:border-color .2s ease, box-shadow .2s ease, transform .2s ease;
}
.fla-coolnew-search-box:focus-within{
  /* 激活态：描边切换为完整亮度强调色，与未激活态形成明显明暗差异 */
  border-color:var(--fla-z-accent);
  /* 阴影同样采用主题强调色（保持原有透明度 .12 不变） */
  box-shadow:0 10px 30px rgba(var(--fla-z-accent-rgb,255,63,159),.12);
  transform:translateY(-1px);
}
/* 清除内部 input/按钮的默认矩形聚焦描边，只保留圆角框的强调色描边 */
.fla-coolnew-search-box .fla-coolnew-search-input:focus,
.fla-coolnew-search-box .fla-coolnew-search-btn:focus{
  outline:0 !important;
  box-shadow:none !important;
}
/* 浮动标签：未聚焦时居中作占位；聚焦/有值时缩小上浮、变强调色，提示当前搜索引擎 */
.fla-coolnew-search-float{
  position:absolute;left:24px;top:50%;right:74px;
  transform:translateY(-50%);transform-origin:left center;
  font-size:16px;font-weight:400;color:var(--fla-z-text-muted);
  text-align:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
  pointer-events:none;
  transition:transform .2s ease, color .2s ease;
}
.fla-coolnew-search-box.fla-is-active .fla-coolnew-search-float{
  transform:translateY(-32px) scale(.7);
  color:var(--fla-z-accent);font-weight:600;
}
.fla-coolnew-search-input{
  flex:1;min-width:0;height:58px;padding:0 22px 0 24px;background:transparent;border:0;outline:0;
  font-size:16px;font-weight:600;color:var(--fla-z-accent);
}
.fla-coolnew-search-btn{
  flex:0 0 auto;width:66px;height:58px;display:flex;align-items:center;justify-content:center;
  background:var(--fla-z-accent);border:0;color:#fff;cursor:pointer;
  border-radius:0 14px 14px 0;
  transition:filter .2s ease, transform .2s ease;
}
.fla-coolnew-search-btn:hover{filter:brightness(1.08);}
.fla-coolnew-search-btn:active{transform:scale(.96);}
/* 搜索引擎切换：行内紧凑下拉（位于搜索框内） */
.fla-coolnew-search-engine{
  flex:0 0 auto;height:58px;padding:0 30px 0 16px;margin-right:2px;
  background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E") no-repeat right 10px center;
  border:0;border-left:1px solid var(--fla-z-border);
  color:var(--fla-z-text-muted);font-size:14px;line-height:58px;cursor:pointer;outline:0;
  appearance:none;-webkit-appearance:none;
}
.fla-coolnew-search-engine option{background:var(--fla-z-card);color:var(--fla-z-text);}
.fla-coolnew-search-tips{
  margin:12px auto 0;max-width:680px;min-height:20px;text-align:center;
  font-size:12.5px;line-height:20px;color:var(--fla-z-cover-title);opacity:.8;
  word-break:break-word;
}
.fla-coolnew-search-tips a{color:inherit;text-decoration:underline;}
.fla-coolnew-search-hot{
  display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:18px;
}
/* 热搜前缀「大家都在搜：」 */
.fla-coolnew-hot-label{
  font-size:13px;color:var(--fla-z-text-muted);white-space:nowrap;
}
.fla-coolnew-hot-tag{
  font-size:13px;color:var(--fla-z-hot-color,var(--fla-z-accent));
  background:var(--fla-z-accent-soft);border-radius:999px;padding:5px 14px;
  text-decoration:none;transition:color .2s ease, background .2s ease;
}
.fla-coolnew-hot-tag:hover{color:#fff;background:var(--fla-z-accent);}

/* ---- 滚动入场动画 ---- */
/* 默认可见：JS 未加载/缓存失效/被拦截时，绝不出现整页空白 */
.fla-reveal{opacity:1;transform:none;}
/* JS 就绪后（.fla-js-on）才隐藏并等待入场；隐藏无过渡，避免可见→隐藏的反向闪烁 */
.fla-coolnew-page.fla-js-on .fla-reveal{opacity:0;transform:translateY(22px);}
/* 进入视口后淡入上移，带逐项延迟 */
.fla-coolnew-page.fla-js-on .fla-reveal.fla-is-visible{opacity:1;transform:translateY(0);transition:opacity .55s ease, transform .55s ease;transition-delay:var(--fla-reveal-delay, 0ms);}

/* 无障碍：键盘焦点可见 */
.fla-coolnew-page a:focus-visible,
.fla-coolnew-page button:focus-visible,
.fla-coolnew-page .fla-coolnew-search-input:focus-visible{
  outline:2px solid var(--fla-z-accent);outline-offset:2px;
}

/* 稳定性：尊重系统「减少动态效果」，降低动画/位移引发的不适 */
@media (prefers-reduced-motion: reduce){
  .fla-coolnew-page .fla-reveal,
  .fla-coolnew-page.fla-js-on .fla-reveal{transition:none !important;opacity:1 !important;transform:none !important;}
  .fla-coolnew-page *{scroll-behavior:auto !important;}
  .fla-coolnew-cover--animated{animation:none !important;}
}

/* 图片加载失败：隐藏裂图，显示默认图标 */
.fla-coolnew-card-icon-default.fla-is-hidden{display:none;}
.fla-coolnew-card-icon.fla-icon-fallback img{display:none;}
.fla-coolnew-card-icon.fla-icon-fallback .fla-coolnew-card-icon-default.fla-is-hidden{display:flex;}

/* 回到顶部 */
.fla-coolnew-backtop{
  /* 向上移动约 150px（原 bottom:28px），避免与页面右下角内容贴得太近 */
  position:fixed;right:24px;bottom:178px;z-index:998;
  width:42px;height:42px;border:none;border-radius:50%;cursor:pointer;
  display:flex;align-items:center;justify-content:center;
  background:var(--fla-z-accent);color:#fff;
  box-shadow:0 4px 14px rgba(0,0,0,.18);
  opacity:0;visibility:hidden;transform:translateY(12px);
  transition:opacity .3s ease, transform .3s ease, visibility .3s ease, background .2s ease;
}
.fla-coolnew-backtop:hover{filter:brightness(1.08);}
.fla-coolnew-backtop.fla-is-show{opacity:1;visibility:visible;transform:translateY(0);}
@media (max-width:768px){.fla-coolnew-backtop{right:14px;bottom:168px;width:38px;height:38px;}}

/* 空状态占位 */
.fla-coolnew-empty{
  text-align:center;padding:60px 20px;color:var(--fla-z-text-muted);
  background:var(--fla-z-card);border-radius:var(--fla-z-card-radius,12px);
}
.fla-coolnew-empty-icon{margin-bottom:14px;opacity:.45;display:flex;justify-content:center;align-items:center;}
.fla-coolnew-empty-icon .fla-icon{width:44px;height:44px;}
.fla-coolnew-empty-text{margin:0 0 16px;font-size:15px;}
.fla-coolnew-empty-apply{margin-top:8px;display:inline-block;}
.fla-coolnew-cat-empty{margin:8px 0 0;font-size:13px;color:var(--fla-z-text-muted);}

/* ---- 响应式：移动端隐藏左侧导航，改用吸顶横向分类条 ---- */
@media (max-width:768px){
  .fla-coolnew-body{flex-direction:column;gap:0;}
  .fla-coolnew-nav{display:none;}
  .fla-coolnew-catbar{display:block;}
  /* 移动端：申请入驻悬浮于右侧中部（位于明暗切换按钮上方，避免与其重叠） */
  .fla-coolnew-apply-bottom{
    display:block;position:fixed;right:14px;top:calc(50% - 64px);bottom:auto;z-index:998;margin:0;text-align:left;
  }
  .fla-coolnew-apply-bottom .fla-modal-wrap{display:block;}
  .fla-coolnew-apply-bottom .fla-modal-trigger-button{
    padding:9px 15px;font-size:13px;font-weight:600;white-space:nowrap;line-height:1.4;
    color:var(--fla-z-accent);background:var(--fla-z-card);
    border:1px solid var(--fla-z-accent);border-radius:20px;cursor:pointer;
    box-shadow:0 4px 14px var(--fla-z-shadow);transition:all .25s;
  }
  .fla-coolnew-apply-bottom .fla-modal-trigger-button:hover{background:var(--fla-z-accent);color:#fff;}
  .fla-coolnew-cat{scroll-margin-top:calc(var(--fla-z-sticky-top) + max(96px, 30vh) - 40px);}
  .fla-coolnew-recommend{scroll-margin-top:calc(var(--fla-z-sticky-top) + max(96px, 30vh) - 40px);}
  .fla-coolnew-cover{padding:26px 16px 22px;}
  .fla-coolnew-cover-title{font-size:24px;}
  .fla-coolnew-cover-subtitle{font-size:min(var(--fla-z-subtitle-size,14px),13px);}
  .fla-coolnew-cards--recommend{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}
  .fla-coolnew-card{padding:16px 8px 12px;}
  .fla-coolnew-card-icon{flex:0 0 52px;width:52px;height:52px;}
  .fla-coolnew-cards--small{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;}
  .fla-coolnew-card--small{height:61px;margin:0;padding:10px 8px;}
  .fla-coolnew-card--small .fla-coolnew-card-icon{flex:0 0 38px;width:38px;height:38px;}
  .fla-coolnew-card--small .fla-coolnew-card-name{font-size:14px;line-height:20px;}
  .fla-coolnew-search-input{height:42px;font-size:16px;}
  .fla-coolnew-search-btn{height:42px;}
  .fla-coolnew-search-engine{height:42px;line-height:42px;font-size:12px;}
  /* 手机端：封面背景区域（.fla-coolnew-cover）不使用圆角 —— 窄屏下满宽铺开更利落 */
  .fla-coolnew-cover{border-radius:0;}
  /* 手机端：申请入驻按钮竖向排列，减少横向遮挡 */
  .fla-coolnew-apply-bottom .fla-modal-trigger-button{
    writing-mode:vertical-rl;
    padding:12px 8px;letter-spacing:2px;line-height:1.2;border-radius:14px;
  }
}
/* 超小屏（手机）进一步收敛 */
@media (max-width:560px){
  .fla-coolnew-cover{padding:24px 12px 20px;}
  .fla-coolnew-cover-title{font-size:21px;letter-spacing:.5px;}
  .fla-coolnew-cover-subtitle{font-size:min(var(--fla-z-subtitle-size,14px),12.5px);}
  /* 手机端：申请入驻按钮保持右侧中部（仅收窄右边距） */
  .fla-coolnew-engine-tabs{gap:4px 16px;margin-bottom:12px;}
  .fla-coolnew-page .fla-coolnew-engine-tab{font-size:15px;padding:5px 3px;}
  /* 手机端：申请入驻保持右侧中部（仅收窄右边距），明暗切换按钮仍在右下角 */
  .fla-coolnew-apply-bottom{right:10px;bottom:auto;}
  /* 竖向按钮：左右内边距收窄（竖向排列时左右为文字两侧） */
  .fla-coolnew-apply-bottom .fla-modal-trigger-button{padding:10px 8px;font-size:12px;letter-spacing:2px;}
  .fla-coolnew-theme-toggle{top:auto;bottom:116px;right:10px;transform:none;padding:7px 11px;font-size:12px;}
  .fla-coolnew-theme-toggle:hover{transform:scale(1.05);}
  .fla-coolnew-cat{padding:14px 12px 12px;}
  .fla-coolnew-search-tips{font-size:11.5px;}
  .fla-coolnew-cards--recommend,
  .fla-coolnew-cards--small{gap:8px;}
}