/* ============================================================
   聊球官方版 · 共享样式 /assets/site.css
   粗野主义竞技风：深墨黑 + 纸白 + 球场绿锚点 + 荧光橙强调
   ============================================================ */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:170px}
body,h1,h2,h3,h4,h5,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{list-style:none;padding:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
input{font:inherit;color:inherit}
a{color:inherit;text-decoration:none}
img,svg,video{max-width:100%;display:block}
table{border-collapse:collapse;width:100%}

:root{
  --ink:#0B0E11;
  --paper:#F7F7F4;
  --white:#FFFFFF;
  --green:#00C46A;
  --orange:#FF5A1F;
  --navy:#10243F;
  --gray:#55606B;
  --green-soft:#BDF7D8;
  --orange-soft:#FFDCCB;
  --line:#2A3038;
  --font-sans:"Noto Sans SC","Source Han Sans SC","PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,sans-serif;
  --font-mono:"JetBrains Mono","IBM Plex Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --shadow-hard:6px 6px 0 var(--ink);
  --shadow-soft:3px 3px 0 var(--ink);
  --ease:180ms cubic-bezier(.2,.7,.3,1);
  --break:900px;
}

body{
  font-family:var(--font-sans);
  font-size:1.0625rem;
  line-height:1.75;
  color:var(--ink);
  background:var(--paper);
  -webkit-font-smoothing:antialiased;
}

h1,h2,h3,h4{line-height:1.15;letter-spacing:-.02em;font-weight:900}
strong{font-weight:700}

:focus-visible{outline:3px solid var(--orange);outline-offset:2px}

/* ---------- 容器与通用 ---------- */
.lq-container{
  width:min(1240px,calc(100% - 40px));
  margin-inline:auto;
}
.lq-main{padding-bottom:96px}
.lq-num{
  font-family:var(--font-mono);
  font-variant-numeric:tabular-nums;
  letter-spacing:-.03em;
}
.lq-eyebrow{
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--gray);
}
.lq-prose{max-width:36em}
.lq-prose p + p{margin-top:1.1em}
.lq-prose h2{margin-top:2.4em;font-size:clamp(1.5rem,2.6vw,2rem)}
.lq-prose h3{margin-top:2em;font-size:1.25rem}
.lq-prose ul{margin-top:1em;display:grid;gap:.5em}
.lq-prose li{padding-left:1.4em;position:relative}
.lq-prose li::before{content:"";position:absolute;left:0;top:.72em;width:12px;height:3px;background:var(--green)}
.lq-prose a{color:var(--ink);border-bottom:3px solid var(--green)}
.lq-prose a:hover{background:var(--green)}

/* ---------- 按钮 ---------- */
.lq-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:13px 22px;
  font-weight:700;
  font-size:.95rem;
  border:3px solid var(--ink);
  background:var(--white);
  color:var(--ink);
  box-shadow:var(--shadow-hard);
  transition:transform var(--ease),box-shadow var(--ease),background-color var(--ease),color var(--ease);
}
.lq-btn:hover{transform:translate(3px,3px);box-shadow:var(--shadow-soft)}
.lq-btn--cta{background:var(--orange);color:var(--ink)}
.lq-btn--ghost{background:transparent;color:var(--paper);border-color:var(--paper);box-shadow:6px 6px 0 var(--green)}
.lq-btn--ghost:hover{box-shadow:3px 3px 0 var(--green)}
.lq-btn--sm{padding:9px 15px;font-size:.85rem;border-width:2px;box-shadow:5px 5px 0 var(--ink)}
.lq-btn--sm:hover{box-shadow:2px 2px 0 var(--ink)}

/* ---------- 跳过链接 ---------- */
.lq-skip{
  position:fixed;
  left:14px;
  top:-120px;
  z-index:300;
  padding:12px 18px;
  font-weight:700;
  background:var(--green);
  color:var(--ink);
  border:3px solid var(--ink);
  box-shadow:var(--shadow-hard);
  transition:top var(--ease);
}
.lq-skip:focus{top:14px}

/* ---------- 顶部赛季简报条 ---------- */
.lq-announce{background:var(--ink);color:var(--paper);border-bottom:2px solid var(--line)}
.lq-announce__inner{display:flex;align-items:center;gap:14px;min-height:40px}
.lq-announce__label{
  flex:0 0 auto;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.18em;
  padding:4px 9px;
  background:var(--green);
  color:var(--ink);
  font-weight:700;
}
.lq-announce__track{position:relative;flex:1 1 auto;min-width:0;height:40px}
.lq-announce__item{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  font-size:13px;
  color:#D7DEE6;
  opacity:0;
  visibility:hidden;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  transition:opacity var(--ease);
}
.lq-announce__item[data-active]{opacity:1;visibility:visible}
.lq-announce__dots{display:flex;gap:6px;flex:0 0 auto}
.lq-announce__dot{
  width:11px;height:11px;
  border:2px solid var(--gray);
  background:transparent;
  transition:background-color var(--ease),border-color var(--ease);
}
.lq-announce__dot[data-active]{background:var(--orange);border-color:var(--orange)}

/* ---------- 吸顶刊头 ---------- */
.lq-header{
  position:sticky;
  top:0;
  z-index:200;
  background:var(--paper);
  border-bottom:3px solid var(--ink);
}
.lq-header__bar{
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:18px;
  padding:18px 0 14px;
  transition:padding var(--ease);
}
.lq-header[data-scrolled] .lq-header__bar{padding:8px 0 7px}
.lq-masthead{text-align:center;min-width:0}
.lq-brand{display:inline-flex;flex-direction:column;align-items:center;line-height:1}
.lq-brand__name{
  font-size:clamp(1.3rem,3vw,2.35rem);
  font-weight:900;
  letter-spacing:-.02em;
  transition:font-size var(--ease);
}
.lq-brand:hover .lq-brand__name{background:var(--green)}
.lq-brand__sig{
  margin-top:7px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--gray);
}
.lq-header[data-scrolled] .lq-brand__name{font-size:1.3rem}
.lq-header[data-scrolled] .lq-brand__sig{display:none}

.lq-utility{display:flex;align-items:center;gap:10px;justify-self:end}
.lq-utility__btn{
  padding:9px 14px;
  font-size:.85rem;
  font-weight:700;
  background:var(--white);
  border:2px solid var(--ink);
  box-shadow:4px 4px 0 var(--ink);
  transition:transform var(--ease),box-shadow var(--ease),background-color var(--ease);
}
.lq-utility__btn:hover{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink);background:var(--green-soft)}
.lq-utility__btn[aria-expanded="true"]{background:var(--green);box-shadow:2px 2px 0 var(--ink);transform:translate(2px,2px)}

/* ---------- 移动栏目开关 ---------- */
.lq-navtoggle{
  display:none;
  align-items:center;
  gap:9px;
  padding:9px 13px;
  font-size:.85rem;
  font-weight:700;
  background:var(--white);
  border:2px solid var(--ink);
  box-shadow:4px 4px 0 var(--ink);
}
.lq-navtoggle__bars{
  display:block;
  width:18px;height:2px;
  background:var(--ink);
  box-shadow:0 -6px 0 var(--ink),0 6px 0 var(--ink);
}
.lq-navtoggle[aria-expanded="true"]{background:var(--green);box-shadow:2px 2px 0 var(--ink)}

/* ---------- 主栏目 ---------- */
.lq-nav{background:var(--paper);border-top:2px solid var(--ink)}
.lq-nav__list{display:flex;justify-content:center;flex-wrap:wrap;gap:2px}
.lq-nav__item{display:flex}
.lq-nav__link{
  display:inline-block;
  padding:12px 19px;
  font-size:.95rem;
  font-weight:700;
  transition:background-color var(--ease),color var(--ease),transform var(--ease);
}
.lq-nav__link:hover{background:var(--green);color:var(--ink);transform:translateY(-3px)}
.lq-nav__link[aria-current="page"]{background:var(--ink);color:var(--paper)}

/* ---------- 页头机型检索面板 ---------- */
.lq-search{
  position:absolute;
  left:0;right:0;top:100%;
  background:var(--navy);
  color:var(--paper);
  border-bottom:3px solid var(--ink);
  opacity:0;
  visibility:hidden;
  transform:translateY(-8px);
  pointer-events:none;
  transition:opacity var(--ease),transform var(--ease),visibility var(--ease);
}
.lq-search[data-open]{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.lq-search__panel{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  padding:22px 0 24px;
}
.lq-search__label{
  grid-column:1/-1;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--green-soft);
}
.lq-search__input{
  width:100%;
  padding:13px 14px;
  font-family:var(--font-mono);
  font-size:1rem;
  letter-spacing:-.01em;
  background:var(--ink);
  color:var(--paper);
  border:3px solid var(--paper);
}
.lq-search__input::placeholder{color:#8794A1}
.lq-search__clear{
  padding:13px 18px;
  font-weight:700;
  background:var(--green);
  color:var(--ink);
  border:3px solid var(--paper);
  transition:background-color var(--ease),transform var(--ease);
}
.lq-search__clear:hover{background:var(--orange);transform:translateY(-2px)}
.lq-search__hint{grid-column:1/-1;font-size:.85rem;color:#C6D1DC}
.lq-search__more{
  grid-column:1/-1;
  justify-self:start;
  font-weight:700;
  color:var(--orange);
  border-bottom:3px solid var(--orange);
  transition:color var(--ease),border-color var(--ease);
}
.lq-search__more:hover{color:var(--green);border-color:var(--green)}

/* ---------- 页脚 ---------- */
.lq-footer{
  position:relative;
  background:var(--ink);
  color:var(--paper);
  margin-top:96px;
}
.lq-footer__slash{
  display:block;
  height:54px;
  background:var(--green);
  clip-path:polygon(0 100%,100% 0,100% 100%);
}
.lq-footer__top{
  display:grid;
  grid-template-columns:1.1fr 1.5fr 1.1fr;
  gap:48px;
  padding:56px 0 44px;
}
.lq-footer__brand{display:flex;flex-direction:column;gap:10px}
.lq-footer__name{font-size:clamp(1.4rem,2.4vw,1.9rem);font-weight:900;letter-spacing:-.02em}
.lq-footer__sig{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.2em;
  color:var(--green);
}
.lq-footer__closing{
  margin-top:6px;
  padding-left:14px;
  border-left:3px solid var(--orange);
  font-size:1rem;
  color:#D7DEE6;
}
.lq-footer__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:24px;
}
.lq-footer__group{display:flex;flex-direction:column;gap:12px}
.lq-footer__title{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  color:#8C99A6;
}
.lq-footer__links{display:grid;gap:8px}
.lq-footer__link{
  display:inline-block;
  font-size:.95rem;
  padding-bottom:2px;
  border-bottom:2px solid transparent;
  transition:color var(--ease),border-color var(--ease),transform var(--ease);
}
.lq-footer__link:hover{color:var(--green);border-color:var(--green);transform:translateX(3px)}
.lq-footer__contact{
  display:flex;
  flex-direction:column;
  gap:12px;
  padding:20px;
  background:var(--navy);
  border:2px solid var(--line);
}
.lq-footer__contact-title{
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:700;
  letter-spacing:.2em;
  color:var(--green-soft);
}
.lq-footer__line{
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:start;
  gap:10px;
  font-size:.9rem;
}
.lq-footer__label{
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.14em;
  color:#8C99A6;
  padding-top:3px;
}
.lq-footer__value{overflow-wrap:anywhere;color:var(--paper)}
.lq-footer__note{
  margin-top:4px;
  padding-top:12px;
  border-top:2px solid var(--line);
  font-size:.82rem;
  line-height:1.7;
  color:#A9B5C0;
}
.lq-footer__bottom{
  display:flex;
  flex-wrap:wrap;
  gap:12px 24px;
  justify-content:space-between;
  align-items:center;
  padding:18px 0 26px;
  border-top:2px solid var(--line);
  font-size:.82rem;
  color:#A9B5C0;
}
.lq-footer__icp{color:var(--paper)}
.lq-footer__copy{letter-spacing:.02em}

/* ---------- 一键复制 ---------- */
.lq-copy{display:inline-flex}
.lq-copy__btn{
  padding:5px 10px;
  font-family:var(--font-mono);
  font-size:11px;
  letter-spacing:.1em;
  color:var(--paper);
  border:2px solid var(--line);
  transition:background-color var(--ease),color var(--ease),border-color var(--ease);
}
.lq-copy__btn:hover{background:var(--green);color:var(--ink);border-color:var(--green)}
.lq-copy__btn[data-copied]{background:var(--orange);color:var(--ink);border-color:var(--orange)}

/* ---------- 面包屑 ---------- */
.lq-breadcrumb{margin-top:22px}
.lq-breadcrumb__list{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--gray);
}
.lq-breadcrumb__item{display:flex;align-items:center;gap:10px}
.lq-breadcrumb__item + .lq-breadcrumb__item::before{content:"/";color:var(--gray)}
.lq-breadcrumb__link{color:var(--gray);border-bottom:2px solid transparent}
.lq-breadcrumb__link:hover{color:var(--ink);border-color:var(--green)}

/* ---------- 编号章节 ---------- */
.lq-section{padding:96px 0}
.lq-section__head{
  display:flex;
  flex-wrap:wrap;
  align-items:baseline;
  gap:14px 20px;
  margin-bottom:34px;
  padding-bottom:14px;
  border-bottom:3px solid var(--ink);
}
.lq-section__title{font-size:clamp(1.6rem,3.2vw,2.4rem);font-weight:900}
.lq-chapter{position:relative}
.lq-chapter__num{
  display:block;
  font-family:var(--font-mono);
  font-size:clamp(2.5rem,7vw,5.5rem);
  line-height:.9;
  letter-spacing:-.03em;
  color:var(--green);
  transition:color var(--ease);
}
.lq-chapter[data-active] .lq-chapter__num{color:var(--orange)}

/* ---------- 旋转注释 ---------- */
.lq-anno-host{position:relative;padding-left:46px}
.lq-anno{
  position:absolute;
  left:0;top:6px;
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.2em;
  color:var(--gray);
}

/* ---------- 网格 ---------- */
.lq-grid{display:grid;gap:32px}
.lq-grid--5-7{grid-template-columns:5fr 7fr}
.lq-grid--7-5{grid-template-columns:7fr 5fr}
.lq-grid--4-8{grid-template-columns:4fr 8fr}

/* ---------- 卡片与标签 ---------- */
.lq-card{
  padding:22px;
  background:var(--white);
  border:3px solid var(--ink);
  box-shadow:var(--shadow-hard);
  transition:transform var(--ease),box-shadow var(--ease),background-color var(--ease);
}
.lq-card:hover{transform:translate(3px,3px);box-shadow:var(--shadow-soft)}
.lq-card--green{background:var(--green-soft)}
.lq-card--ink{background:var(--ink);color:var(--paper);border-color:var(--paper);box-shadow:6px 6px 0 var(--green)}
.lq-card--ink:hover{box-shadow:3px 3px 0 var(--green)}
.lq-tag{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:3px 9px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.08em;
  background:var(--white);
  color:var(--ink);
  border:2px solid var(--ink);
}
.lq-tag--green{background:var(--green);color:var(--ink)}
.lq-tag--orange{background:var(--orange-soft);color:var(--ink)}
.lq-tag--line{background:transparent;color:var(--paper);border-color:var(--line)}

/* ---------- 折叠面板 ---------- */
.lq-accordion{border-top:3px solid var(--ink)}
.lq-accordion__item{background:var(--paper);border-bottom:3px solid var(--ink)}
.lq-accordion__trigger{
  display:flex;
  align-items:center;
  gap:16px;
  width:100%;
  padding:20px 6px;
  text-align:left;
  font-size:1.0625rem;
  font-weight:700;
  transition:background-color var(--ease),padding var(--ease);
}
.lq-accordion__trigger::after{
  content:"+";
  margin-left:auto;
  font-family:var(--font-mono);
  font-size:1.35rem;
  line-height:1;
  color:var(--green);
}
.lq-accordion__trigger[aria-expanded="true"]{background:var(--green-soft);padding-left:14px}
.lq-accordion__trigger[aria-expanded="true"]::after{content:"–";color:var(--orange)}
.lq-accordion__panel{height:0;overflow:hidden;transition:height var(--ease)}
.lq-accordion__inner{padding:0 6px 24px}

/* ---------- 粘性目录 ---------- */
.lq-toc{position:sticky;top:150px}
.lq-toc__list{display:grid;gap:2px}
.lq-toc__link{
  display:block;
  padding:8px 12px;
  font-size:.9rem;
  color:var(--gray);
  border-left:3px solid #D5D5CF;
  transition:color var(--ease),border-color var(--ease),background-color var(--ease);
}
.lq-toc__link:hover{color:var(--ink);border-color:var(--green);background:var(--white)}
.lq-toc__link[aria-current="true"]{color:var(--ink);font-weight:700;border-color:var(--orange)}

/* ---------- 筛选标签 ---------- */
.lq-filter{display:flex;flex-wrap:wrap;gap:8px}
.lq-filter__btn{
  padding:8px 15px;
  font-size:.85rem;
  font-weight:700;
  background:var(--white);
  border:2px solid var(--ink);
  transition:background-color var(--ease),color var(--ease),transform var(--ease);
}
.lq-filter__btn:hover{background:var(--green-soft);transform:translateY(-2px)}
.lq-filter__btn[data-active]{background:var(--ink);color:var(--paper)}
[data-filtered-out]{display:none !important}

/* ---------- 图片容器基础规则 ---------- */
.lq-figure{margin:0}
.lq-figure__media{
  position:relative;
  overflow:hidden;
  aspect-ratio:16/9;
  background:var(--navy);
  border:3px solid var(--ink);
  box-shadow:var(--shadow-hard);
}
.lq-figure__img{width:100%;height:100%;object-fit:cover}
.lq-figure__cap{
  margin-top:10px;
  font-family:var(--font-mono);
  font-size:12px;
  letter-spacing:.1em;
  color:var(--gray);
}
.lq-figure--wide .lq-figure__media{aspect-ratio:21/9}
.lq-figure--tall .lq-figure__media{aspect-ratio:4/5}
.lq-figure--square .lq-figure__media{aspect-ratio:1/1}

/* ---------- 斜切横幅 ---------- */
.lq-band{
  padding:72px 0;
  background:var(--green);
  color:var(--ink);
  clip-path:polygon(0 5%,100% 0,100% 95%,0 100%);
}

/* ---------- 响应式 ---------- */
@media (max-width:1080px){
  .lq-footer__top{grid-template-columns:1fr 1fr;gap:36px}
  .lq-footer__contact{grid-column:1/-1}
}
@media (max-width:900px){
  .lq-grid--5-7,.lq-grid--7-5,.lq-grid--4-8{grid-template-columns:1fr}
  .lq-toc{position:static}
  .lq-navtoggle{display:inline-flex}
  .lq-nav{display:none}
  .lq-nav[data-open]{display:block}
  .lq-nav__list{flex-direction:column;justify-content:flex-start;gap:0;padding:6px 0 12px}
  .lq-nav__item{display:block}
  .lq-nav__link{display:block;padding:15px 6px;border-bottom:1px solid #DCDCD6;font-size:1.05rem}
  .lq-nav__link:hover{transform:none}
  .lq-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
  .lq-section{padding:72px 0}
}
@media (max-width:680px){
  .lq-container{width:calc(100% - 28px)}
  .lq-header__bar{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    padding:12px 0 11px;
  }
  .lq-masthead{order:1;flex:1 1 100%}
  .lq-navtoggle{order:2}
  .lq-utility{order:3;justify-self:auto}
  .lq-header[data-scrolled] .lq-brand__name{font-size:1.15rem}
  .lq-brand__name{font-size:1.55rem}
  .lq-utility__btn{padding:8px 11px;font-size:.8rem}
  .lq-btn--sm{padding:8px 12px;font-size:.8rem}
  .lq-announce__label{display:none}
  .lq-search__panel{grid-template-columns:minmax(0,1fr) auto;padding:16px 0 18px}
  .lq-footer__top{grid-template-columns:1fr;padding:40px 0 32px}
  .lq-footer__grid{grid-template-columns:1fr 1fr}
  .lq-footer__bottom{justify-content:flex-start}
  .lq-anno-host{padding-left:0}
  .lq-anno{
    position:static;
    writing-mode:horizontal-tb;
    transform:none;
    display:block;
    margin-bottom:10px;
  }
  .lq-band{clip-path:none}
  .lq-section{padding:56px 0}
}

/* ---------- 动效克制 ---------- */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }
  .lq-btn:hover,.lq-card:hover,.lq-nav__link:hover,.lq-filter__btn:hover{transform:none}
  .lq-btn:hover{box-shadow:var(--shadow-hard)}
  .lq-card:hover{box-shadow:var(--shadow-hard)}
}