/**
 * Modown Linear — TapNow 风格顶部导航 + 主页功能区
 *
 * 一、顶部导航（全站生效）
 * 二、主页功能区「今天要做什么？」（仅首页输出）
 * 三、首页 Hero 加边框
 *
 * 配色：底色沿用纯黑，导航靠 TapNow 同源黑渐变纱（.la-nav-veil）跟内容衔接。
 */

/* =====================================================================
 * 一、顶部导航
 * =================================================================== */

/* 导航容器：允许下拉超出、不加分隔线 */
body.linear-home .linear-header,
.linear-skin .linear-header {
  border: 0 !important;
  box-shadow: none !important;
}
body.linear-home .linear-header {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
  border-bottom-color: transparent !important;
}
/* 覆盖 night.css 下滑实色栏，改由 .la-nav-veil 黑渐变承接 */
body.linear-home .linear-header.scrolled,
body.linear-home .linear-header.header.scrolled {
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  border-bottom-color: transparent !important;
}

/* TapNow 实测黑纱：fixed 层（不挂在 72px header ::after 上）
   stops: #000 0% → .9@12% → .7@26% → .38@42% → .14@58% → 0@78%；高 230px */
.la-nav-veil {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  height: 230px;
  z-index: 10000;
  pointer-events: none;
  background: linear-gradient(180deg,
    #000 0%,
    rgba(0, 0, 0, .9) 12%,
    rgba(0, 0, 0, .7) 26%,
    rgba(0, 0, 0, .38) 42%,
    rgba(0, 0, 0, .14) 58%,
    rgba(0, 0, 0, 0) 78%);
  transition: height .38s ease, background .38s ease, opacity .38s ease;
}
.la-nav-veil.is-scrolled {
  height: 230px;
  opacity: 1;
  background: linear-gradient(180deg,
    #000 0%,
    rgba(0, 0, 0, .9) 12%,
    rgba(0, 0, 0, .7) 26%,
    rgba(0, 0, 0, .38) 42%,
    rgba(0, 0, 0, .14) 58%,
    rgba(0, 0, 0, 0) 78%);
}
.la-nav-veil.is-menu-open {
  height: 420px;
  opacity: 1;
  background: linear-gradient(180deg,
    #000 0%,
    rgba(0, 0, 0, .9) 12%,
    rgba(0, 0, 0, .7) 26%,
    rgba(0, 0, 0, .38) 42%,
    rgba(0, 0, 0, .14) 58%,
    rgba(0, 0, 0, 0) 78%);
}
/* 旧 ::after 纱停用，避免与 veil 叠两层 */
body.linear-home .linear-header::after {
  content: none !important;
  display: none !important;
}

/* 顶栏加高，容纳放大后的导航 */
.linear-skin .linear-header,
.linear-skin .linear-header .container { height: 72px !important; }
.linear-skin .linear-header .logo img { height: 34px !important; width: auto; }
.linear-skin .linear-header .container { position: relative; }

/* 导航居中 + 放大到 TapNow 尺寸 */
.linear-skin .linear-header .nav-main {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  align-items: center;
  gap: 3px;
  margin: 0;
  font-size: 14.5px;
  min-width: 0;
  overflow: visible !important;
  white-space: nowrap;
}
.linear-skin .linear-header .nav-main > li {
  float: none !important;
  display: inline-flex;
  position: relative;
  height: auto;
}
.linear-skin .linear-header .nav-main > li > a {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 42px !important;
  line-height: 42px !important;
  padding: 0 15px !important;
  border-radius: 999px;
  font-size: 14.5px;
  font-weight: 600;
  white-space: nowrap;
  border: 1px solid transparent;
  box-sizing: border-box;
  transition: background .18s ease, color .18s ease, border-color .18s ease;
}
.linear-skin .linear-header .nav-main > li > a .icon {
  font-size: 18px;
  line-height: 1;
  margin: 0;
}
.linear-skin .linear-header .nav-main > li > a:hover {
  background: rgba(255, 255, 255, .07);
  color: #f5f5f5 !important;
}
/* 当前页 = TapNow 式深色胶囊：发丝线低对比描边 */
.linear-skin .linear-header .nav-main > li.current-menu-item > a,
.linear-skin .linear-header .nav-main > li.current_page_item > a {
  background: #161616 !important;
  color: #f5f5f5 !important;
  border: 1px solid rgba(255, 255, 255, .1) !important;
  box-shadow: none !important;
}
.linear-skin .linear-header .nav-main > li > a:after { display: none !important; }

/* 「快剪工具」下拉角标 ∨：贴紧文案（父主题 li 有 padding-right:12 会把箭头顶远） */
.linear-skin .linear-header .nav-main > li.menu-item-has-children {
  padding-right: 0 !important;
}
.linear-skin .linear-header .nav-main > li.menu-item-has-children > a {
  padding-right: 18px !important;
}
.linear-skin .linear-header .nav-main > li.menu-item-has-children:after {
  right: 4px !important;
  color: #9a9a9a;
  transition: color .18s ease;
}
.linear-skin .linear-header .nav-main > li.menu-item-has-children:hover:after { color: #f5f5f5; }
.linear-skin .linear-header .nav-main > li.current-menu-item.menu-item-has-children:after { color: #f5f5f5 !important; }

/* 下拉：TapNow 那种整块渐变面板 + 卡片项（不用面板自己的底色/边框） */
.linear-skin .linear-header .nav-main > li > .sub-menu {
  position: absolute !important;
  top: calc(100% + 16px) !important;
  left: -14px !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  width: 640px;
  max-width: calc(100vw - 48px);
  padding: 6px 2px !important;
  margin: 0 !important;
  border-radius: 0 !important;
  min-width: 0 !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  opacity: 0;
  visibility: hidden;
  transition: opacity .22s ease, visibility .22s ease, transform .22s ease;
}
.linear-skin .linear-header .nav-main > li.menu-item-has-children:hover > .sub-menu,
.linear-skin .linear-header .nav-main > li.menu-item-has-children > .sub-menu.show {
  opacity: 1 !important;
  visibility: visible !important;
  display: grid !important;
  transform: translateY(0) !important;
  margin-top: 0 !important;
}
.linear-skin .linear-header .nav-main > li > .sub-menu:before { display: none !important; }
.linear-skin .linear-header .nav-main > li > .sub-menu > li { float: none !important; display: block !important; }
.linear-skin .linear-header .nav-main > li > .sub-menu > li > a {
  display: flex !important;
  align-items: center;
  justify-content: flex-start !important;
  gap: 0;
  padding: 12px 16px !important;
  border-radius: 14px !important;
  line-height: 1.4 !important;
  background: #1d1d1d;
  border: 1px solid rgba(255, 255, 255, .055);
  transition: background .18s ease, border-color .18s ease;
}
.linear-skin .linear-header .nav-main > li > .sub-menu > li > a:hover {
  background: #242424 !important;
  border-color: rgba(255, 255, 255, .14);
}
.la-mm__ico {
  width: 34px;
  height: 34px;
  flex-shrink: 0;
  border-radius: 10px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .07);
  color: #dcdcdc;
}
.la-mm__ico svg { width: 17px; height: 17px; }
/* 卡片文字：标题行内紧跟 ↗，描述另起一行 */
.la-mm__tx {
  display: block !important;
  min-width: 0;
  flex: 1 1 auto;
  max-width: 100%;
  width: auto !important;
}
.la-mm__row {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  max-width: 100%;
  min-width: 0;
}
.la-mm__tx b {
  display: block;
  min-width: 0;
  flex: 0 1 auto !important;
  width: max-content;
  max-width: 100%;
  font-size: 13.5px;
  font-weight: 600;
  color: #f2f2f2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-mm__tx em {
  display: block;
  margin-top: 3px;
  font-style: normal;
  font-size: 11.5px;
  color: #8f8f8f;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.la-mm__go {
  position: static !important;
  right: auto !important;
  left: auto !important;
  top: auto !important;
  bottom: auto !important;
  color: #6e6e6e;
  flex: 0 0 auto !important;
  display: inline-grid !important;
  place-items: center;
  margin: 0 !important;
  padding: 0 !important;
  width: 16px;
  height: 16px;
}
.la-mm__go svg { width: 16px; height: 16px; display: block; }
.linear-skin .linear-header .nav-main > li > .sub-menu > li > a:hover .la-mm__go { color: #fff; }

/* Logo 旁下载按钮（TapNow 蓝，无底色） */
.linear-skin .linear-header .la-navdl {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  margin-left: 8px;
  display: inline-grid;
  place-items: center;
  color: #30a2dc !important;
  text-decoration: none;
  background: none !important;
  border: 0;
  transition: filter .18s ease, color .18s ease;
}
.linear-skin .linear-header .la-navdl:hover { filter: brightness(1.18); color: #5cc0f0 !important; }
.linear-skin .linear-header .la-navdl svg { width: 23px; height: 23px; }

/* 右侧收紧：去掉父主题给 li 的内边距，用 gap 统一间距 */
.linear-skin .linear-header .nav-right { padding: 0 !important; gap: 6px; margin-right: 0 !important; }
.linear-skin .linear-header .nav-right > li { padding: 0 !important; margin: 0 !important; }
.linear-skin .linear-header .nav-right > li.nav-vip > a { padding: 0 10px !important; }

/* 合并后的 登录/注册 按钮 */
.linear-skin .linear-header .nav-right > li.la-login-merged > a {
  height: 38px;
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  padding: 0 18px;
  border-radius: 999px;
  background: #5e6ad2;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
  line-height: 38px;
}
.linear-skin .linear-header .nav-right > li.la-login-merged > a:hover { filter: brightness(1.12); color: #fff !important; }
.linear-skin .linear-header .nav-right > li.la-login-merged > a .icon { font-size: 16px; }
.linear-skin .linear-header .nav-right > li.la-login-merged .nav-line,
.linear-skin .linear-header .nav-right > li.la-login-merged .reg { display: none !important; }

/* VIP 引导指针：尖端锚定 VIP 按钮中心（登录后 VIP 位移仍跟着走） */
.linear-skin .linear-header .nav-right > li.la-promo-host { position: relative; }
.linear-skin .linear-header .nav-right > li.la-promo-host > a:not(.la-promo) {
  position: relative;
  z-index: 1;
}
.linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo {
  position: absolute !important;
  top: calc(100% - 6px) !important;
  left: 50% !important;
  right: auto !important;
  z-index: 9;
  display: block !important;
  padding: 0 !important;
  margin: 0 !important;
  width: max-content !important;
  height: auto !important;
  line-height: normal !important;
  background: transparent !important;
  text-decoration: none;
  pointer-events: auto;
  /* 文案整体左移，箭头尖端指向 VIP 但不压住按钮（约留 20–25px） */
  transform: translateX(calc(-100% - 100px)) translateY(0);
  animation: none;
  transition: opacity .32s ease, visibility .32s ease, transform .32s ease;
}
.linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo:hover {
  animation: la-promo-float 2.4s ease-in-out infinite;
}
@keyframes la-promo-float {
  0%, 100% { transform: translateX(calc(-100% - 100px)) translateY(0); }
  50% { transform: translateX(calc(-100% - 100px)) translateY(-7px); }
}
.linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo .la-promo__text {
  display: inline-block;
  white-space: nowrap;
  padding: 10px 17px;
  border-radius: 16px;
  transform: rotate(-11deg);
  transform-origin: 100% 50%;
  font-size: 13.5px;
  font-weight: 600;
  color: #f0f0f0;
  letter-spacing: .01em;
  border: 1px solid rgba(255, 255, 255, .3);
  background: rgba(18, 18, 18, .66);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}
.linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo:hover .la-promo__text {
  border-color: rgba(255, 255, 255, .55);
  color: #fff;
}
.linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo .la-promo__arrow {
  position: absolute;
  right: -54px;
  top: -28px;
  width: 56px;
  height: 34px;
  color: #f2f2f2;
  overflow: visible;
  pointer-events: none;
  transform: translateX(-16px);
}
.la-promo[hidden] { display: none; }
.linear-skin .linear-header.scrolled .la-promo,
.linear-skin .linear-header:has(.nav-main > li.menu-item-has-children:hover) .la-promo,
.linear-skin .linear-header.la-menu-open .la-promo,
.linear-skin .linear-header:has(.nav-main > li > .sub-menu.show) .la-promo {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  animation: none !important;
}
@media (prefers-reduced-motion: reduce) {
  .linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo:hover { animation: none; }
}

/* 窄屏：菜单收进汉堡，沿用父主题移动端行为 */
@media (max-width: 1024px) {
  .linear-skin .linear-header .nav-main { display: none !important; }
  .la-navdl { margin-left: 2px; }
  .linear-skin .linear-header .nav-right > li.la-promo-host > a.la-promo { display: none !important; }
}
@media (max-width: 1100px) and (min-width: 1025px) {
  .linear-skin .linear-header .nav-main { gap: 1px; }
  .linear-skin .linear-header .nav-main > li > a { padding: 0 10px !important; font-size: 13px; }
}

/* =====================================================================
 * 二、全站背景圆点
 * 底色保持纯黑。圆点按 TapNow 黑度比值换算：底 94 / 点 87.5，
 * 纯黑 100 对应约 #121212。整页铺开，不淡出。
 * 只揭开铺满视口的纯黑底，卡片、按钮、Hero 框内截图不动。
 * =================================================================== */
html,
body.linear-skin:not(.linear-article):not(.single-linear-article),
body.night.linear-skin:not(.linear-article),
body.linear-skin.night:not(.linear-article),
body.linear-skin.linear-bg-atmosphere,
body.night.linear-skin.linear-bg-atmosphere,
html body.linear-skin.page:not(.linear-article),
html body.linear-skin.single:not(.linear-article):not(.single-linear-article),
html body.linear-skin.archive,
html body.linear-skin.search,
html body.linear-skin.ap-page-category,
html body.linear-skin.ap-page-tag,
html body.night.linear-skin.page:not(.linear-article),
html body.la-ecom-page {
  background-color: #000 !important;
  background-image: radial-gradient(circle, #121212 1px, transparent 1.15px) !important;
  background-size: 22px 22px !important;
  background-repeat: repeat !important;
  background-attachment: scroll !important;
}
body.linear-skin .main,
body.linear-skin .linear-main,
body.linear-skin .contents,
body.linear-skin .content-wrap,
body.linear-skin .content,
body.linear-skin .single-content,
body.linear-skin .article-content,
body.linear-skin .article-header,
body.linear-skin .linear-article-content,
body.linear-skin .linear-article-html,
body.linear-skin .linear-home-body,
body.linear-skin .linear-section,
body.linear-skin .linear-block,
body.linear-skin .mocat,
body.linear-skin .mocat:nth-child(2n),
body.linear-skin .mocom-pic,
body.linear-skin .mocom-pic:nth-child(2n),
body.linear-skin .home-blogs,
body.linear-skin .home-authors,
body.linear-skin .home-caticons,
body.linear-skin .home-cathumbs,
body.linear-skin .home-widgets,
body.linear-skin .banner-notices,
body.linear-skin .banner-archive,
body.linear-skin .banner-page,
body.linear-skin .vip-why,
body.linear-skin .vip-content,
body.linear-skin .lists,
body.linear-skin .footer,
body.linear-skin .la-douyin-main,
body.linear-skin .la-title-main,
body.linear-skin .container-user,
body.linear-skin .erphpdown-sc-user-wrap,
body.linear-skin .user-page .content-wrap,
body.linear-skin .user-page .content,
body.linear-skin.page-template-user .content-wrap,
body.linear-skin.page-template-user .content,
body.linear-skin.page-template-templateuser-php .content-wrap,
body.linear-skin.page-template-templateuser-php .content,
body.linear-skin .la-ecom {
  background-color: transparent !important;
  background-image: none !important;
}
/* 上传 HTML 的落地页保持原来的纯黑，不铺圆点，章节背景留给导入样式 */
html body.linear-skin.linear-article,
html body.linear-skin.single-linear-article {
  background-color: #000 !important;
  background-image: none !important;
}

.la-fn {
  position: relative;
  background: transparent;
  padding: 104px 24px 0;
  overflow: visible;
}
.la-fn__glow {
  position: absolute;
  left: 50%;
  top: -120px;
  width: 680px;
  height: 320px;
  transform: translateX(-50%);
  pointer-events: none;
  background: radial-gradient(50% 50% at 50% 50%, rgba(94, 106, 210, .14), transparent 70%);
}
.la-fn__inner { position: relative; max-width: 880px; margin: 0 auto; }

.la-fn__title {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 8px;
  color: #f5f5f5 !important;
  font-size: clamp(1.5rem, 3vw, 2rem) !important;
  font-weight: 700 !important;
  letter-spacing: -.01em;
  line-height: 1.25;
  text-align: left;
  background: none !important;
  border: 0 !important;
  box-shadow: none !important;
}
.la-fn__spark {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border-radius: 11px;
  display: grid;
  place-items: center;
  background: rgba(255, 255, 255, .07);
  color: #fff;
}
.la-fn__spark svg { width: 19px; height: 19px; }
.la-fn__sub {
  margin: 0 0 20px 48px;
  font-size: 13px;
  line-height: 1.6;
  color: #8f8f8f;
}
.la-fn__sub b { color: #e2e2e2; font-weight: 600; }

/* 输入卡：整个 .la-douyin / .la-title 里的 composer 拉出来当卡片 */
.la-fn__composers { position: relative; }
.la-fn__pane[hidden] { display: none !important; }
.la-fn .la-douyin,
.la-fn .la-title { width: 100%; align-items: stretch; gap: 0; }

.la-fn .la-douyin__composer,
.la-fn .la-title__composer {
  width: 100%;
  background: #1a1a1a !important;
  border: 1px solid rgba(255, 255, 255, .07) !important;
  border-radius: 22px !important;
  padding: 16px 16px 12px !important;
  box-shadow: none !important;
  gap: 0 !important;
  transition: border-color .2s ease;
}
.la-fn .la-douyin__composer:focus-within,
.la-fn .la-title__composer:focus-within { border-color: rgba(255, 255, 255, .16) !important; }

.la-fn .la-douyin__input,
.la-fn .la-title__input {
  width: 100%;
  min-height: 86px;
  border: 0 !important;
  outline: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
  color: #f5f5f5 !important;
  font-family: inherit;
  font-size: 15px !important;
  line-height: 1.62;
  resize: none;
  padding: 4px 4px 0 !important;
}
.la-fn .la-douyin__input::placeholder,
.la-fn .la-title__input::placeholder { color: #6e6e6e !important; font-size: 15px; }

.la-fn .la-douyin__toolbar,
.la-fn .la-title__toolbar {
  display: flex;
  align-items: center;
  gap: 4px;
  flex-wrap: wrap;
  margin-top: 12px;
}
.la-fn .la-douyin__toolbar-left { display: flex; align-items: center; gap: 4px; flex-wrap: wrap; }
.la-fn__barright { display: flex; align-items: center; gap: 12px; margin-left: auto; }

/* 单视频 / 主页视频 */
.la-fn .la-douyin__seg {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  padding: 0;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
}
.la-fn .la-douyin__seg button {
  height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: transparent !important;
  color: #9a9a9a !important;
  font-size: 12.5px !important;
  font-weight: 600;
  box-shadow: none !important;
}
.la-fn .la-douyin__seg button.is-active {
  background: #242424 !important;
  color: #f5f5f5 !important;
}
/* 提示词/标题/封面 的模式切换由功能胶囊代替，这里隐藏 */
.la-fn .la-title__seg { display: none !important; }

/* 选项胶囊：TapNow 是「图标 + 文字」，无底色无描边 */
.la-fn .la-douyin__opt {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 10px !important;
  border-radius: 999px !important;
  background: transparent !important;
  border: 0 !important;
  color: #9a9a9a !important;
  font-size: 13px !important;
  font-weight: 600;
  box-shadow: none !important;
  transition: background .18s ease, color .18s ease;
}
.la-fn .la-douyin__opt:hover { background: rgba(255, 255, 255, .07); color: #f5f5f5 !important; }
/* 与 /downvideo 一致：选中态用蓝紫强调色 */
.la-fn .la-douyin__opt.is-active {
  background: var(--dy-accent-soft, rgba(114, 123, 227, .16)) !important;
  border: 1px solid var(--dy-accent-border, rgba(114, 123, 227, .45)) !important;
  color: var(--dy-accent, #727be3) !important;
}
.la-fn .la-douyin__opt.is-hidden,
.la-fn .la-douyin__opt[hidden] { display: none !important; }
.la-fn .la-douyin__opt .la-douyin__ico { width: 15px; height: 15px; }
.la-fn .la-douyin__opt > svg { width: 15px; height: 15px; }

/* 次数 */
.la-fn__quota { font-size: 12.5px; color: #8f8f8f; white-space: nowrap; }
.la-fn__quota b { color: #f5f5f5; font-weight: 700; }
.la-fn__quota-note { display: inline-block; margin-left: 6px; color: #757575; font-size: 12px; }

/* 发送圆钮 */
.la-fn .la-douyin__submit,
.la-fn .la-title__submit {
  width: 36px;
  height: 36px;
  flex-shrink: 0;
  border: 0 !important;
  border-radius: 50% !important;
  background: #3a3a3a !important;
  color: #c8c8c8 !important;
  display: grid;
  place-items: center;
  cursor: not-allowed;
  padding: 0 !important;
  position: relative;
  transition: background .18s ease, color .18s ease, filter .18s ease, transform .18s ease;
}
.la-fn .la-douyin__submit svg,
.la-fn .la-title__submit svg { width: 17px; height: 17px; }
/* 与 /downvideo 一致：可提交态 #7b89eb */
.la-fn .la-douyin__submit.is-ready,
.la-fn .la-title__submit.is-ready { background: #7b89eb !important; color: #fff !important; cursor: pointer; }
.la-fn .la-douyin__submit.is-ready:hover,
.la-fn .la-title__submit.is-ready:hover { filter: brightness(1.08); transform: translateY(-1px); }
.la-fn .la-douyin__submit.is-loading,
.la-fn .la-title__submit.is-loading { background: #3a3a3a !important; color: transparent !important; filter: none; transform: none; }
.la-fn .la-title__submit:disabled { opacity: 1; }

/* 结果「下载视频」：显式对齐 downvideo 蓝紫 */
.la-fn .la-douyin__dl-video {
  border: 1px solid var(--dy-accent-border, rgba(114, 123, 227, .45)) !important;
  background: var(--dy-accent-soft, rgba(114, 123, 227, .16)) !important;
  color: var(--dy-accent, #727be3) !important;
}
.la-fn .la-douyin__dl-video:hover:not(:disabled) { filter: brightness(1.08); }

/* 功能胶囊行 */
.la-fn__fns {
  display: flex;
  align-items: center;
  gap: 2px;
  flex-wrap: wrap;
  margin: 12px 0 0;
  padding: 0 2px;
}
.la-fn__fns button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  height: 32px;
  padding: 0 10px;
  border-radius: 999px;
  font-family: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #9a9a9a;
  background: transparent;
  border: 0;
  cursor: pointer;
  white-space: nowrap;
  transition: background .18s ease, color .18s ease;
}
.la-fn__fns button svg { width: 15px; height: 15px; }
.la-fn__fns button:hover { color: #f5f5f5; background: rgba(255, 255, 255, .07); }
.la-fn__fns button.is-active { color: #f5f5f5; background: #242424; }
.la-fn__fns button em {
  font-style: normal;
  font-size: 9.5px;
  font-weight: 800;
  padding: 1px 5px;
  border-radius: 999px;
  background: #5e6ad2;
  color: #fff;
}

/* 状态 */
.la-fn .la-douyin__status,
.la-fn .la-title__status,
.la-fn .la-fn__status {
  margin: 16px 0 0 !important;
  min-height: 1.2em;
  font-size: 12.5px;
  color: #8f8f8f;
  text-align: center !important;
  width: 100%;
  max-width: none;
}
.la-fn .la-douyin__status.is-ok { color: #6ddea8; }
.la-fn .la-douyin__status[hidden],
.la-fn .la-fn__status[hidden] { display: none !important; }

/* 结果区 */
.la-fn__pane--out { margin-top: 4px; }
.la-fn .la-douyin__results,
.la-fn .la-title__results {
  width: 100%;
  margin-top: 22px !important;
  gap: .65rem;
  align-items: stretch;
}
.la-fn .la-title__results { display: flex; flex-direction: column; }
.la-fn .la-douyin__results-head h2,
.la-fn .la-title__results-head h2 { font-size: 15px !important; color: #f5f5f5 !important; }
.la-fn .la-title__list--covers { grid-template-columns: repeat(4, minmax(0, 1fr)); }

/* 结果卡：底色 + 卡片间距 / 底内边距 */
.la-fn .la-douyin__item,
.la-fn .la-title__card {
  background: #1a1a1a !important;
  border-color: rgba(255, 255, 255, .07) !important;
}
.la-fn #laResultsBody {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
.la-fn .la-douyin__item {
  padding: 1rem 1rem 1.15rem !important;
}
.la-fn .la-douyin__item-actions {
  margin: 0.1rem 0 0 !important;
  padding-bottom: 0.35rem !important;
}
.la-fn .la-douyin__item-actions::after {
  content: "" !important;
  flex: 1 0 100% !important;
  height: 1.15em !important;
}
.la-fn .la-douyin__results {
  margin-bottom: 28px !important;
}

/* =====================================================================
 * 三、首页 Hero（TapNow 大卡片：圆角 + 细边，露出外侧黑底）
 * =================================================================== */
.linear-skin .linear-hero {
  max-width: 1290px !important;
  margin: 0 auto !important;
  padding: 108px 24px 0 !important;
  border: 1px solid rgba(255, 255, 255, .08) !important;
  border-radius: 26px !important;
  overflow: hidden !important;
}
.linear-skin .linear-hero .linear-hero__gradient { border-radius: 26px; }
/* 紧跟在功能区后面的 Hero：不用再给固定导航留 108px */
.linear-skin .la-fn + .linear-hero { padding-top: 52px !important; }

/* 窄屏 */
@media (max-width: 900px) {
  .la-fn { padding: 88px 16px 0; }
  .la-fn__sub { margin-left: 0; }
  .la-fn .la-title__list--covers { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 640px) {
  .la-fn { padding: 80px 14px 0; }
  .la-fn__title { font-size: 1.3rem !important; gap: 9px; }
  .la-fn__spark { width: 30px; height: 30px; border-radius: 10px; }
  .linear-skin .linear-hero { border-radius: 20px !important; }
}