.central .card {
  margin: 0.5rem 0;
}

.central .title {
  text-align: center;
}

.central .title h1 {
  font-size: 2em;
  font-family: 'Noto Serif SC', serif;
  font-weight: 700;
}

.central .little_texts {
  background: transparent;
  padding: 2rem 0;
  border-radius: 1.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0 18px 40px rgba(164, 123, 134, 0.1);
  border: 1px solid rgba(236, 216, 221, 0.9) !important;
}

.central .little_texts .top-title {
  font-size: 1.5rem;
  line-height: 4rem;
  font-family: 'Noto Serif SC', serif;
  font-weight: 700;
}

.textOneHide{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0 4rem;
}

.central .little_texts .info {
  color: #9a7e85;
}

.central .little_texts .info span {
  font-size: 1.2rem;
  font-family: 'Noto Serif SC', serif;
}

.central .little_texts .info i {
  font-style: normal;
  margin: 0 0.3rem;
}

.little_icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}

.file {
  width: 90%;
  margin: 1rem 0 2rem;
  text-align: left;
  font-size: 1.2rem;
  line-height: 2.2rem;
  letter-spacing: 0.06rem;
  font-family: 'Noto Serif SC', serif;
  font-weight: 400;
}

.f2 {
  font-size: 2rem !important;
  line-height: 3rem !important;
  width: 100%;
  text-align: center;
  margin-bottom: 1rem;
}

.little_texts img {
  width: 100%;
  height: 100%;
  max-height: 450px;
  object-fit: cover;
  box-shadow: 0 4px 8px 0 rgb(28 31 33 / 15%);
  border-radius: 12px;
  /* border: 1px solid rgba(208, 206, 206, 0.6) !important; */
  margin: 1.5rem 0;
}

.little_texts img:hover {
  /*cursor: pointer;*/
  cursor: url(../cur/hover.cur), pointer;
}

.little_texts a {
  width: 100%;
  text-align: center;
}

.line {
  padding: 1rem 0 1rem;
  border-top: 1px solid #e3e3e3;
  width: 90%;
  text-align: center;
  font-weight: 300;
  letter-spacing: 2px;
  color: #b5b5b5;
}

.line-top {
  margin: 2rem 0;
  border-top: 1px solid #e3e3e3;
  width: 90%;
}

.little_texts h1,
.little_texts h2,
.little_texts h3 {
  position: relative;
  padding: 0.5rem 1rem;
  padding-left: 1.5rem;
  box-sizing: border-box;
  border-radius: .35rem;
  margin: 0.8rem 0;
  font-size: 1.5rem;
  line-height: 1.5em;
  font-weight: 700;
}

.little_texts h1 {
  background: #fff2f5;
  color: #b34f69;
}

.little_texts h2 {
  background: #fff7ef;
  color: #a56339;
}

.little_texts h3 {
  background: #fff4f8;
  color: #c04b6b;
}

.little_texts h1::before,
.little_texts h2::before,
.little_texts h3::before {
  content: "";
  position: absolute;
  background: #ffffff;
  width: 4px;
  height: 70%;
  border-radius: 10rem;
  top: 50%;
  left: .95rem;
  transform: translate(-50%, -50%);
}

.little_texts h4,
.little_texts h5,
.little_texts h6 {
  font-size: 1.5rem;
  line-height: 1.5em;
  color: #373737;
  font-weight: 700;
  margin: 0.8rem 0;
}

.little_texts h4 {
  border-bottom: 1px solid #bfbfbf;
}

.little_texts h5 {
  border-bottom: 1px dashed #bfbfbf;
}

.little_texts b {
  font-weight: 700;
}

.little_texts s {
  color: #ff9191;
}

.little_texts i {
  font-style: italic;
  color: #575757;
}


.little_texts iframe {
  width: 100%;
  height: 350px;
  border-radius: 25px;
  border: 2px solid #d9d9d9d1;
  box-shadow: 2px 1px 15px rgb(36 37 38 / 44%);
  margin: 20px 0;
}

.little_texts pre {
  display: none;
}

.little_texts default-Code {
  display: none;
}

.little_texts code {
  padding: 0.2rem 0.3rem;
  border-radius: 0.4rem;
  font-size: 1rem;
  color: #ff5916;
  background-color: rgb(255 241 221);
  font-family: 'Noto Serif SC', serif;
  font-weight: 700;
  margin: 0 .3rem;
}

.little_texts quote {
  display: block;
  width: 100% !important;
  padding: 1rem;
  border-left: 4px solid #fd7e14;
  border-radius: .35rem;
  color: #fd7e14 !important;
  background-color: rgba(253, 126, 20, .1) !important;
  box-sizing: border-box;
  font-weight: 700;
  line-height: 1.5em;
}

.little_texts hr {
  height: 5px;
  border: none;
  border-top: 4px dotted #ffa1a7;
  text-align: center;
  width: 75%;
  margin: 35px auto;
}

.little_texts video {
    width: 100%;
    border-radius: 1rem;
    box-shadow: 0px 6px 20px rgb(122 122 122 / 35%);
}


video::-webkit-media-controls {
    display: none !important;
}

video::-webkit-media-controls-panel {
    display: none !important;
}

.video-container {
    position: relative;
    display: inline-block;
    margin: 1.5rem 0;
}

.play-pause-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgb(255 255 255 / 48%);
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 1;
-webkit-
box-shadow: 0px 6px 20px rgb(122 122 122 / 35%);
}

.play-pause-btn svg {
    width: 2rem !important;
    height: 2rem !important;
    fill: white;
    margin-left: 5px;
    filter: drop-shadow(10px 10px 15px rgba(0, 0, 0, 0.3));
}

/* Main-site articles V7 */
.bg-pdot-vignette { background: radial-gradient(circle at 12% 0, rgba(255, 228, 230, .92), transparent 34rem), radial-gradient(circle at 88% 8%, rgba(219, 234, 254, .9), transparent 32rem), linear-gradient(180deg, #fffafa 0%, #ffffff 42%, #fff7fb 100%); }
.lgnewui-articles-page { position: relative; padding: 1rem 0 5rem; overflow: hidden; }
.lgnewui-articles-page::before { content: ''; position: absolute; inset: 7rem auto auto 50%; width: min(72vw, 760px); height: 1px; transform: translateX(-50%); background: linear-gradient(90deg, transparent, rgba(236,72,153,.24), rgba(59,130,246,.22), transparent); pointer-events: none; }
.lgnewui-articles-hero { position: relative; max-width: 980px; margin: 1.6rem auto 2.4rem; padding: 3rem 1.25rem 2rem; text-align: center; }
.lgnewui-articles-hero__eyebrow { display: inline-flex; align-items: center; justify-content: center; gap: .6rem; padding: .42rem .9rem; border: 1px solid rgba(244, 114, 182, .24); border-radius: 999px; background: rgba(255,255,255,.78); color: #9f5f73; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; box-shadow: 0 16px 40px rgba(190, 83, 116, .08); backdrop-filter: blur(12px); }
.lgnewui-articles-hero__eyebrow i { color: #ef5b7f; font-size: 1rem; }
.lgnewui-articles-hero__title { margin: .7rem 0 .7rem; font-family: 'Noto Serif SC', serif; font-size: clamp(2.6rem, 7vw, 5.2rem); line-height: 1; color: #17141f; letter-spacing: .04em; }
.lgnewui-articles-hero__desc { max-width: 560px; margin: 0 auto; color: #7b6670; font-size: 1rem; line-height: 1.8; }
.lgnewui-article-grid { max-width: 1180px; margin: 0 auto; padding: 0 1rem; clear: both; }
.lgnewui-article-masonry { width: 100%; min-height: 400px; display: grid; grid-template-columns: 1fr; gap: 24px; align-items: start; }
.lgnewui-article-masonry::after { content: ''; display: block; clear: both; }
.lgnewui-article-masonry-item { width: 100%; padding: 0; box-sizing: border-box; }
.lgnewui-article-gutter-sizer { display: none; }
@media (min-width: 820px) { .lgnewui-article-masonry { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; } }
.lgnewui-article-card-base { --aurora-1-x: -20%; --aurora-1-y: -20%; --aurora-1-w: 70%; --aurora-1-h: 70%; --aurora-1-color: rgba(253,186,116,.28); --aurora-2-x: -10%; --aurora-2-y: -10%; --aurora-2-w: 60%; --aurora-2-h: 60%; --aurora-2-color: rgba(236,72,153,.16); position: relative; display: flex; flex-direction: column; min-height: 100%; padding: 28px; border-radius: 20px; cursor: pointer; overflow: hidden; transition: box-shadow .4s ease, border-color .4s ease, transform .3s ease; z-index: 1; -webkit-tap-highlight-color: transparent; -webkit-user-drag: none; user-select: none; text-decoration: none; color: inherit; }
@media (min-width: 768px) { .lgnewui-article-card-base { padding: 32px; } }
.lgnewui-article-theme-light { background: rgba(255,255,255,.88); color: #44403c; border: 1px solid rgba(255,255,255,.86); box-shadow: 0 18px 46px -18px rgba(86, 46, 65, .28); backdrop-filter: blur(18px); }
.lgnewui-article-theme-light:hover { transform: translateY(-3px); box-shadow: 0 28px 60px -22px rgba(86, 46, 65, .34); border-color: #fff; }
.lgnewui-article-aurora-spot::before, .lgnewui-article-aurora-spot::after { content: ''; position: absolute; pointer-events: none; z-index: 0; border-radius: 50%; opacity: 0; transition: opacity .4s ease; }
.lgnewui-article-aurora-spot::before { top: var(--aurora-1-y); left: var(--aurora-1-x); width: var(--aurora-1-w); height: var(--aurora-1-h); background: radial-gradient(circle, var(--aurora-1-color) 0%, transparent 70%); filter: blur(40px); }
.lgnewui-article-aurora-spot::after { bottom: var(--aurora-2-y); right: var(--aurora-2-x); width: var(--aurora-2-w); height: var(--aurora-2-h); background: radial-gradient(circle, var(--aurora-2-color) 0%, transparent 70%); filter: blur(35px); }
.lgnewui-article-card-base:hover.lgnewui-article-aurora-spot::before, .lgnewui-article-card-base:hover.lgnewui-article-aurora-spot::after { opacity: 1; }
.lgnewui-article-card-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 24px; position: relative; z-index: 1; }
.lgnewui-article-date-group { display: flex; align-items: center; gap: 12px; }
.lgnewui-article-big-day { font-family: 'Oswald','Noto Sans SC',sans-serif; font-size: 48px; font-weight: 600; line-height: 1; letter-spacing: 0; color: #111827; }
@media (min-width: 768px) { .lgnewui-article-big-day { font-size: 52px; } }
.lgnewui-article-date-divider { width: 1px; height: 36px; background-color: rgba(0,0,0,.08); transform: rotate(10deg); }
.lgnewui-article-month-year-group { display: flex; flex-direction: column; justify-content: center; gap: 2px; opacity: .6; }
.lgnewui-article-month-chinese { font-family: 'Noto Serif SC',serif; font-size: 15px; font-weight: 700; line-height: 1; letter-spacing: .05em; }
.lgnewui-article-year-text { font-family: 'Oswald','Noto Sans SC',sans-serif; font-size: 14px; font-weight: 400; line-height: 1; letter-spacing: .05em; opacity: .8; }
.lgnewui-article-badge-serial { font-family: 'Oswald','Noto Sans SC',sans-serif; display: flex; align-items: baseline; gap: 6px; margin-top: 8px; }
.lgnewui-article-badge-serial .lgnewui-article-label { font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: .15em; opacity: .4; }
.lgnewui-article-badge-serial .lgnewui-article-num { font-size: 18px; font-weight: 700; line-height: 1; letter-spacing: .05em; opacity: .3; }
.lgnewui-article-meta-info { display: flex; gap: 16px; margin-bottom: 20px; opacity: .6; font-size: 12px; font-weight: 500; flex-wrap: wrap; position: relative; z-index: 1; }
.lgnewui-article-meta-item { display: flex; align-items: center; gap: 6px; }
.lgnewui-article-theme-light .lgnewui-article-meta-item i { color: #6b7280; font-size: 16px; }
.lgnewui-article-card-content { display: block; color: inherit; text-decoration: none; position: relative; z-index: 1; }
.lgnewui-article-card-title { font-family: 'Noto Serif SC',serif; font-size: 18px; font-weight: 700; margin-bottom: 12px; line-height: 1.4; letter-spacing: 0; position: relative; z-index: 1; color: #18181b; }
@media (min-width: 768px) { .lgnewui-article-card-title { font-size: 20px; } }
.lgnewui-article-card-desc { font-family: 'Inter',sans-serif; font-size: 14px; font-weight: 300; line-height: 1.7; opacity: .7; margin-bottom: 28px; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; text-align: left; position: relative; z-index: 1; }
.lgnewui-article-card-footer { display: flex; justify-content: space-between; align-items: center; padding-top: 20px; border-top: 1px solid rgba(156,163,175,.12); margin-top: auto; gap: 15px; position: relative; z-index: 1; }
.lgnewui-article-card-base .lg-author { display: inline-flex; align-items: center; min-width: 0; gap: 10px; }
.lgnewui-article-card-base .lg-author__ring { position: relative; width: 44px; height: 44px; border-radius: 50%; flex: 0 0 auto; padding: 3px; background: linear-gradient(135deg, #fff, #f1f5f9); box-shadow: 0 8px 20px rgba(15,23,42,.08); }
.lgnewui-article-card-base .lg-author__avatar { width: 100%; height: 100%; border-radius: 50%; background-size: cover; background-position: center; background-color: #f8fafc; }
.lgnewui-article-card-base .lg-author__badge { position: absolute; right: -3px; bottom: -3px; width: 18px; height: 18px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; border: 2px solid #fff; font-size: 10px; }
.lgnewui-article-card-base .lg-author__badge.male { background: #3b82f6; }
.lgnewui-article-card-base .lg-author__badge.female { background: #ec4899; }
.lgnewui-article-card-base .lg-author__text { min-width: 0; display: flex; flex-direction: column; gap: 4px; }
.lgnewui-article-card-base .lg-author__name { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; color: #111827; font-weight: 800; line-height: 1.1; }
.lgnewui-article-card-base .lg-author__name em { display: inline-flex; align-items: center; height: 18px; padding: 0 7px; border-radius: 999px; background: #fff1f5; color: #db2777; font-size: 10px; font-style: normal; font-weight: 900; letter-spacing: .08em; }
.lgnewui-article-card-base .lg-author__meta { display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px 2px 2px; border-radius: 999px; background: #f3f4f6; font-size: 11px; font-weight: 500; color: #9ca3af; max-width: 140px; cursor: pointer; transition: all .2s ease; opacity: 1; }
.lgnewui-article-card-base .lg-author__meta i { display: flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; background: #fff; font-size: 10px; color: #9ca3af; flex-shrink: 0; transition: all .2s ease; }
.lgnewui-article-card-base .lg-author__meta span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; flex: 1; min-width: 0; }
.lgnewui-article-card-base .lg-author__meta:hover { background: #f0f9ff; color: #3b82f6; }
.lgnewui-article-interact-box { display: flex; gap: 16px; font-size: 14px; opacity: .8; color: inherit; flex-shrink: 0; }
.lgnewui-article-action-btn { display: flex; align-items: center; gap: 6px; cursor: pointer; user-select: none; position: relative; -webkit-tap-highlight-color: transparent; transition: all .2s ease; }
.lgnewui-article-action-btn i { font-size: 20px; transition: all .3s cubic-bezier(.175,.885,.32,1.275); z-index: 2; position: relative; }
.lgnewui-article-action-btn:hover { opacity: 1; }
.lgnewui-article-action-btn.lgnewui-article-like:hover i, .lgnewui-article-action-btn.active i { color: #ef4444; transform: scale(1.15); }
.lgnewui-article-action-btn.active span { color: #ef4444; font-weight: 700; }
.lgnewui-article-private-card { background: linear-gradient(145deg, rgba(255,255,255,.94), rgba(255,241,245,.9)); border-color: rgba(190,24,93,.12); }
.lgnewui-article-private-card::before { opacity: 1; --aurora-1-color: rgba(190,24,93,.12); }
.lgnewui-article-private-card .lgnewui-article-card-desc { color: #8a5365; opacity: .86; }
.lgnewui-article-private-card .lgnewui-article-badge-serial .lgnewui-article-num { display: inline-flex; align-items: center; justify-content: center; width: 34px; height: 34px; border-radius: 999px; background: rgba(255,255,255,.82); color: #be185d; opacity: 1; box-shadow: inset 0 0 0 1px rgba(190,24,93,.1), 0 10px 24px rgba(190,24,93,.1); }
.lgnewui-private-fingerprint-mini { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 64px; height: 64px; margin-bottom: 18px; border-radius: 22px; background: linear-gradient(135deg, #fff, #fff1f5); color: #be185d; box-shadow: 0 16px 34px rgba(190,24,93,.14), inset 0 0 0 1px rgba(190,24,93,.08); }
.lgnewui-private-fingerprint-mini i { position: relative; z-index: 2; font-size: 34px; }
.lgnewui-private-fingerprint-mini span { position: absolute; inset: -7px; border-radius: 26px; border: 1px solid rgba(190,24,93,.13); animation: lgPrivatePulse 2.2s ease-in-out infinite; }
.lgnewui-article-private-kicker { display: inline-flex; align-items: center; width: fit-content; margin-bottom: 10px; padding: 4px 10px; border-radius: 999px; background: rgba(190,24,93,.08); color: #be185d; font-size: 11px; font-weight: 900; letter-spacing: .12em; }
@keyframes lgPrivatePulse { 0%, 100% { transform: scale(.95); opacity: .34; } 50% { transform: scale(1.08); opacity: .78; } }
.lgnewui-article-empty { text-align: center; padding: 60px 20px; color: #9ca3af; width: 100%; }
.lgnewui-article-empty-icon { font-size: 48px; margin-bottom: 16px; opacity: .5; }
.lgnewui-article-empty-text { font-family: 'Noto Serif SC',serif; font-size: 16px; }
@media (max-width: 767px) { .lgnewui-articles-page { padding-bottom: 6.5rem; } .lgnewui-articles-hero { margin-top: .4rem; padding-top: 2rem; } .lgnewui-article-grid { margin: 1.25rem auto; padding: 0 .75rem; } .lgnewui-article-card-base { border-radius: 18px; } .lgnewui-article-card-footer { align-items: flex-start; flex-direction: column; } }
