/* 黑料吃瓜仿站补充样式 —— 覆盖生成模板用到的 Tailwind 工具类(站点编译版未包含) */
/* ===== 布局 / 显示 ===== */
.block{display:block}
.inline-block{display:inline-block}
.inline-flex{display:inline-flex}
.flex{display:flex}
.grid{display:grid}
.hidden{display:none}
.relative{position:relative}
.absolute{position:absolute}
.sticky{position:sticky}
.inset-0{inset:0}
.top-0{top:0}
.left-0{left:0}
.right-0{right:0}
.bottom-0{bottom:0}
.z-50{z-index:50}
.mx-auto{margin-left:auto;margin-right:auto}
.overflow-hidden{overflow:hidden}
.overflow-x-auto{overflow-x:auto}
.object-cover{object-fit:cover}
.object-top{object-fit:top}

/* ===== Flex / Grid ===== */
.flex-wrap{flex-wrap:wrap}
.flex-nowrap{flex-wrap:nowrap}
.flex-shrink-0{flex-shrink:0}
.items-center{align-items:center}
.justify-center{justify-content:center}
.justify-between{justify-content:space-between}
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.gap-1{gap:.25rem}
.gap-2{gap:.5rem}
.gap-3{gap:.75rem}
.gap-4{gap:1rem}
.gap-5{gap:1.25rem}
.gap-6{gap:1.5rem}
.gap-8{gap:2rem}
.gap-x-4{column-gap:1rem}
.space-y-2>*+*{margin-top:.5rem}
.space-y-3>*+*{margin-top:.75rem}
.space-y-4>*+*{margin-top:1rem}
.space-y-8>*+*{margin-top:2rem}

/* ===== 尺寸 ===== */
.w-full{width:100%}
.w-1\.5{width:.375rem}
.w-9{width:2.25rem}
.w-20{width:5rem}
.h-full{height:100%}
.h-5{height:1.25rem}
.h-6{height:1.5rem}
.h-9{height:2.25rem}
.h-14{height:3.5rem}
.h-16{height:4rem}
.h-\[360px\]{height:360px}
.h-\[380px\]{height:380px}
.h-\[400px\]{height:400px}
.h-\[420px\]{height:420px}
.max-w-2xl{max-width:42rem}
.max-w-3xl{max-width:48rem}
.max-w-7xl{max-width:80rem}
.aspect-video{aspect-ratio:16/9}

/* ===== 间距 ===== */
.p-3{padding:.75rem}
.p-4{padding:1rem}
.p-5{padding:1.25rem}
.p-6{padding:1.5rem}
.px-2\.5{padding-left:.625rem;padding-right:.625rem}
.px-3{padding-left:.75rem;padding-right:.75rem}
.px-4{padding-left:1rem;padding-right:1rem}
.px-5{padding-left:1.25rem;padding-right:1.25rem}
.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}
.py-1{padding-top:.25rem;padding-bottom:.25rem}
.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}
.py-2{padding-top:.5rem;padding-bottom:.5rem}
.py-3{padding-top:.75rem;padding-bottom:.75rem}
.py-6{padding-top:1.5rem;padding-bottom:1.5rem}
.py-12{padding-top:3rem;padding-bottom:3rem}
.pb-6{padding-bottom:1.5rem}
.pb-8{padding-bottom:2rem}
.pt-6{padding-top:1.5rem}
.mt-1{margin-top:.25rem}
.mt-2{margin-top:.5rem}
.mt-3{margin-top:.75rem}
.mb-3{margin-bottom:.75rem}
.mb-4{margin-bottom:1rem}
.mb-5{margin-bottom:1.25rem}
.mb-6{margin-bottom:1.5rem}
.mt-10{margin-top:2.5rem}
.mt-12{margin-top:3rem}

/* ===== 文字 ===== */
.text-xs{font-size:.75rem;line-height:1rem}
.text-sm{font-size:.875rem;line-height:1.25rem}
.text-lg{font-size:1.125rem;line-height:1.75rem}
.text-xl{font-size:1.25rem;line-height:1.75rem}
.text-2xl{font-size:1.5rem;line-height:2rem}
.font-medium{font-weight:500}
.font-bold{font-weight:700}
.font-black{font-weight:900}
.text-center{text-align:center}
.leading-tight{line-height:1.25}
.leading-snug{line-height:1.375}
.leading-relaxed{line-height:1.625}
.whitespace-nowrap{white-space:nowrap}
.line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2}

/* ===== 颜色 ===== */
.text-white{color:#fff}
.text-white\/70{color:rgba(255,255,255,.7)}
.text-gray-300{color:#d1d5db}
.text-gray-400{color:#9ca3af}
.text-gray-500{color:#6b7280}
.text-gray-600{color:#4b5563}
.text-gray-700{color:#374151}
.text-gray-800{color:#1f3734}
.text-gray-900{color:#112626}
.text-orange-500{color:#f91657}
.bg-white{background-color:#fff}
.bg-white\/95{background-color:rgba(255,255,255,.95)}
.bg-gray-100{background-color:#f3f4f6}
.bg-gray-900{background-color:#112626}
.bg-blue-500{background-color:#3af6e7}
.bg-cyan-500{background-color:#06d461}
.bg-emerald-500{background-color:#15b810}
.bg-indigo-500{background-color:#62c9f1}
.bg-orange-500\/80{background-color:rgba(249,22,87,.8)}
.bg-pink-500{background-color:#cc48ec}
.bg-rose-500{background-color:#f43edc}
.bg-violet-500{background-color:#5b98f6}
.border-t{border-top-width:1px}
.border-b{border-bottom-width:1px}
.border-gray-100{border-color:#f3f4f6}
.border-gray-800{border-color:#1f3734}

/* ===== 圆角 / 阴影 / 过渡 ===== */
.rounded-lg{border-radius:.5rem}
.rounded-xl{border-radius:.75rem}
.rounded-2xl{border-radius:1rem}
.rounded-full{border-radius:9999px}
.shadow-sm{box-shadow:0 1px 2px 0 rgb(0 0 0/.05)}
.shadow-md{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.shadow-lg{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:150ms}
.duration-300{transition-duration:300ms}
.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}

/* ===== hover / group ===== */
.hover\:text-white:hover{color:#fff}
.hover\:text-orange-500:hover{color:#f91657}
.hover\:bg-white\/10:hover{background-color:rgba(255,255,255,.1)}
.hover\:shadow-md:hover{box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}
.hover\:shadow-lg:hover{box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}
.group:hover .group-hover\:scale-105{transform:scale(1.05)}

/* ===== 渐变 ===== */
.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}
.bg-gradient-to-t{background-image:linear-gradient(to top,var(--tw-gradient-stops))}
.bg-gradient-to-b{background-image:linear-gradient(to bottom,var(--tw-gradient-stops))}
.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}
.from-orange-500{--tw-gradient-from:#f91657;--tw-gradient-to:rgba(249,22,87,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-cyan-500{--tw-gradient-from:#06d461;--tw-gradient-to:rgba(6,212,97,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-emerald-500{--tw-gradient-from:#15b810;--tw-gradient-to:rgba(21,184,16,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-indigo-500{--tw-gradient-from:#62c9f1;--tw-gradient-to:rgba(98,201,241,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-pink-500{--tw-gradient-from:#cc48ec;--tw-gradient-to:rgba(204,72,236,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-rose-500{--tw-gradient-from:#f43edc;--tw-gradient-to:rgba(244,62,220,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-violet-500{--tw-gradient-from:#5b98f6;--tw-gradient-to:rgba(91,152,246,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-blue-500{--tw-gradient-from:#3af6e7;--tw-gradient-to:rgba(58,246,231,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-black\/80{--tw-gradient-from:rgba(0,0,0,.8);--tw-gradient-to:rgba(0,0,0,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-black\/85{--tw-gradient-from:rgba(0,0,0,.85);--tw-gradient-to:rgba(0,0,0,0);--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-black\/30{--tw-gradient-stops:var(--tw-gradient-from),rgba(0,0,0,.3),var(--tw-gradient-to)}
.to-transparent{--tw-gradient-to:transparent}
.to-red-500{--tw-gradient-to:#ee44bb}
.to-blue-500{--tw-gradient-to:#3af6e7}
.to-cyan-500{--tw-gradient-to:#06d461}
.to-teal-500{--tw-gradient-to:#14b833}
.to-indigo-500{--tw-gradient-to:#62c9f1}
.to-purple-500{--tw-gradient-to:#5473f7}
.to-fuchsia-500{--tw-gradient-to:#6246ee}

/* ===== 响应式 ===== */
@media (min-width:640px){
  .sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:768px){
  .md\:block{display:block}
  .md\:flex{display:flex}
  .md\:hidden{display:none}
  .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .md\:p-8{padding:2rem}
  .md\:p-10{padding:2.5rem}
  .md\:pb-12{padding-bottom:3rem}
  .md\:px-6{padding-left:1.5rem;padding-right:1.5rem}
  .md\:px-10{padding-left:2.5rem;padding-right:2.5rem}
  .md\:text-2xl{font-size:1.5rem;line-height:2rem}
  .md\:text-3xl{font-size:1.875rem;line-height:2.25rem}
  .md\:text-4xl{font-size:2.25rem;line-height:2.5rem}
  .md\:h-\[460px\]{height:460px}
  .md\:h-\[540px\]{height:540px}
  .md\:left-6{left:1.5rem}
  .md\:right-6{right:1.5rem}
  .md\:w-11{width:2.75rem}
  .md\:h-11{height:2.75rem}
}
@media (min-width:1024px){
  .lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .lg\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
  .lg\:grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
  .lg\:col-span-4{grid-column:span 4/span 4}
  .lg\:col-span-8{grid-column:span 8/span 8}
}
@media (min-width:1280px){
  .xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
}

/* ===== ligatis 页脚子结构 ===== */
.ms-footer__brand strong{color:#e5e7eb;font-size:1.125rem;font-weight:700}
.ms-footer__brand p{color:var(--ms-muted,#9ca3af);margin:8px auto 0;max-width:560px;font-size:.875rem;line-height:1.7}
.ms-footer__links{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:14px}
.ms-footer__links a{color:var(--ms-muted,#9ca3af);font-size:.875rem;text-decoration:none}
.ms-footer__links a:hover{color:#fff}
.ms-footer__copy{margin-top:18px;font-size:.75rem;opacity:.7}


/* ===== beijing 文章正文 prose ===== */
.prose-custom p{line-height:1.85}
.prose-custom p+p{margin-top:1.25em}

/* ===== ligatis 详情页容器补丁(原骨架类,style.css 未含) ===== */
.ms-detail{min-width:0}
.ms-detail-main{min-width:0}
.ms-detail-side{min-width:0}
.ms-story{min-width:0}

/* ===== 03aeb 站点补充 ===== */
.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}
.scrollbar-hide::-webkit-scrollbar{display:none}
.prose{max-width:65ch}
.prose p{line-height:1.75}
.prose p+p{margin-top:1.25em}
.prose-sm{font-size:.875rem;line-height:1.625}
@media (min-width:768px){.md\:prose-base{font-size:1rem;line-height:1.75}}

/* ===== hostingnet 站点补充 ===== */
.prose.max-w-none{max-width:none}
.bg-\[\#fafafa\]{background-color:#fafafa}
.skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;top:8px;left:8px;width:auto;height:auto;padding:8px 16px;margin:0;clip:auto;background:#fff;color:#111;z-index:9999;border-radius:8px}

/* ===== vihg 站点补充(主题色 oklch 透明度修饰 / 渐变) ===== */
.bg-background-50\/20{background-color:oklch(98% .01 84 / 20%)}
.bg-background-50\/90{background-color:oklch(98% .01 84 / 90%)}
.bg-background-50\/95{background-color:oklch(98% .01 84 / 95%)}
.bg-background-50\/98{background-color:oklch(98% .01 84 / 98%)}
.bg-background-100\/60{background-color:oklch(96% .015 84 / 60%)}
.bg-primary-500\/80{background-color:oklch(65% .2 38 / 80%)}
.text-background-100\/90{color:oklch(96% .015 84 / 90%)}
.text-background-200\/80{color:oklch(92% .02 84 / 80%)}
.text-background-200\/90{color:oklch(92% .02 84 / 90%)}
.border-background-200\/60{border-color:oklch(92% .02 84 / 60%)}
.border-primary-100\/60{border-color:oklch(91% .07 38 / 60%)}
.hover\:bg-background-50\/30:hover{background-color:oklch(98% .01 84 / 30%)}
.hover\:bg-background-200\/60:hover{background-color:oklch(92% .02 84 / 60%)}
.from-foreground-900\/55{--tw-gradient-from:oklch(16% .01 0 / 55%);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.from-foreground-900\/80{--tw-gradient-from:oklch(16% .01 0 / 80%);--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}
.via-foreground-900\/20{--tw-gradient-stops:var(--tw-gradient-from),oklch(16% .01 0 / 20%),var(--tw-gradient-to)}
.via-foreground-900\/35{--tw-gradient-stops:var(--tw-gradient-from),oklch(16% .01 0 / 35%),var(--tw-gradient-to)}
.to-foreground-900\/55{--tw-gradient-to:oklch(16% .01 0 / 55%)}