/* The Click - Genshin Impact Page Hub v1.0 */
.tc-genshin-page .primary-sidebar,
.tc-genshin-page #secondary,
.tc-genshin-page .entry-header,
.tc-genshin-page .post-thumbnail,
.tc-genshin-page .entry-hero-container-inner{display:none!important}
.tc-genshin-page .content-wrap,.tc-genshin-page .content-container,.tc-genshin-page .site-main,.tc-genshin-page #primary,.tc-genshin-page .content-area{width:100%!important;max-width:none!important}
.tc-genshin-page .content-container,.tc-genshin-page .entry-content-wrap,.tc-genshin-page .entry-content{padding:0!important;margin:0!important}
.tc-genshin-page .content-wrap,.tc-genshin-page .content-container{display:block!important}
.tc-genshin-page .site-main,.tc-genshin-page .content-area,.tc-genshin-page #primary{grid-column:1/-1!important}

.tc-gi-hub{
  --gi-bg:#080b14;
  --gi-panel:#10172a;
  --gi-panel-2:#151f38;
  --gi-panel-3:#1a2441;
  --gi-gold:#e4c36c;
  --gi-purple:#8974ff;
  --gi-purple-deep:#45329c;
  --gi-cyan:#7ccde6;
  --gi-teal:#3db9bb;
  --gi-red:#bd536d;
  --gi-ink:#eef1f3;
  --gi-muted:#b8c0cf;
  --gi-line:rgba(255,255,255,.08);
  color:var(--gi-ink);
  background:
    radial-gradient(circle at top right, rgba(137,116,255,.16), transparent 32%),
    radial-gradient(circle at top left, rgba(61,185,187,.12), transparent 24%),
    linear-gradient(180deg,#06080f 0%,#08111a 16%,#080b14 100%);
  padding:0 0 56px;
}
.tc-gi-shell{width:min(1520px,calc(100vw - 40px));margin:0 auto}
.tc-gi-kicker,.tc-gi-section__eyebrow,.tc-gi-card__date,.tc-gi-tool__eyebrow,.tc-gi-statrow span{letter-spacing:.16em;text-transform:uppercase;font-size:12px;font-weight:800}
.tc-gi-hero{padding:38px 0 30px;position:relative;overflow:hidden}
.tc-gi-hero:before,.tc-gi-hero:after{content:"";position:absolute;border-radius:50%;pointer-events:none}
.tc-gi-hero:before{width:560px;height:560px;right:-160px;top:-120px;background:radial-gradient(circle,rgba(228,195,108,.18),transparent 65%)}
.tc-gi-hero:after{width:680px;height:680px;left:-240px;top:10px;background:radial-gradient(circle,rgba(124,205,230,.1),transparent 65%)}
.tc-gi-hero__copy{max-width:900px;padding:20px 0 26px}
.tc-gi-hero h1{font-size:clamp(44px,8vw,92px);line-height:.95;margin:0 0 14px;font-weight:900}
.tc-gi-hero p{margin:0;font-size:22px;line-height:1.55;color:var(--gi-muted);max-width:820px}
.tc-gi-kicker{display:inline-block;margin-bottom:18px;color:#ff7fa3}
.tc-gi-statrow{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.tc-gi-statrow span{display:inline-flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid var(--gi-line);border-radius:999px;background:rgba(255,255,255,.03);color:#f3ead0}
.tc-gi-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(340px,.7fr);gap:22px;align-items:stretch;margin-top:10px}

.tc-gi-jump{width:min(1520px,calc(100vw - 40px));margin:0 auto 30px;display:flex;gap:12px;overflow:auto;padding:0 0 6px}
.tc-gi-jump a{white-space:nowrap;padding:13px 18px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.09);color:#f5ecd1;font-weight:800;text-decoration:none}
.tc-gi-jump a:hover{background:linear-gradient(180deg,rgba(137,116,255,.28),rgba(61,185,187,.12))}

.tc-gi-tools{padding:0 0 8px}
.tc-gi-tools__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tc-gi-tool{display:block;padding:22px;border-radius:22px;text-decoration:none;color:#fff;border:1px solid var(--gi-line);box-shadow:0 18px 34px rgba(0,0,0,.28)}
.tc-gi-tool strong{display:block;font-size:22px;line-height:1.25;margin-top:10px}
.tc-gi-tool--gold{background:linear-gradient(135deg,rgba(228,195,108,.2),rgba(228,195,108,.06) 55%,rgba(16,23,42,.96))}
.tc-gi-tool--violet{background:linear-gradient(135deg,rgba(137,116,255,.24),rgba(137,116,255,.06) 55%,rgba(16,23,42,.96))}
.tc-gi-tool--teal{background:linear-gradient(135deg,rgba(61,185,187,.25),rgba(61,185,187,.05) 55%,rgba(16,23,42,.96))}
.tc-gi-tool__eyebrow{color:#fff0bf}

.tc-gi-section{padding:30px 0 6px}
.tc-gi-section__header{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}
.tc-gi-section__eyebrow{color:#ff88ae}
.tc-gi-section__header h2{margin:0;font-size:clamp(30px,5vw,58px);line-height:1;font-weight:900}

.tc-gi-feature-card,
.tc-gi-card,
.tc-gi-compact-card,
.tc-gi-archive-box{border:1px solid var(--gi-line);box-shadow:0 22px 46px rgba(0,0,0,.28)}
.tc-gi-feature-card{min-height:520px;border-radius:30px;overflow:hidden;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.03));background-size:cover;background-position:center}
.tc-gi-feature-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,11,20,.08) 0%,rgba(8,11,20,.55) 56%,rgba(8,11,20,.96) 100%)}
.tc-gi-feature-card a{display:flex;position:relative;z-index:1;height:100%;padding:26px;justify-content:flex-end;flex-direction:column;color:#fff;text-decoration:none}
.tc-gi-feature-card h3{font-size:clamp(28px,4.5vw,52px);line-height:1.02;margin:12px 0}
.tc-gi-feature-card p{font-size:18px;line-height:1.55;color:#d5deea;max-width:850px;margin:0 0 10px}
.tc-gi-feature-card--event{border-color:rgba(228,195,108,.24)}
.tc-gi-feature-card--lead{min-height:560px}

.tc-gi-side-list,.tc-gi-mag-list{display:grid;gap:16px}
.tc-gi-compact-card{border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(255,255,255,.035));padding:18px}
.tc-gi-compact-card a{display:block;color:#fff;text-decoration:none}
.tc-gi-compact-card h3{font-size:26px;line-height:1.12;margin:10px 0 0}
.tc-gi-card__date{color:#f2d790}
.tc-gi-link{display:inline-flex;margin-top:10px;font-weight:800;color:#8fe6f0}

.tc-gi-mag-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:22px}
.tc-gi-highlight-wrap{display:grid;gap:22px}

.tc-gi-grid{display:grid;gap:20px}
.tc-gi-grid--four{grid-template-columns:repeat(4,minmax(0,1fr))}
.tc-gi-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}
.tc-gi-card{overflow:hidden;border-radius:26px;background:linear-gradient(180deg,rgba(26,36,65,.9),rgba(14,20,37,.96))}
.tc-gi-card a{display:block;color:#fff;text-decoration:none;height:100%}
.tc-gi-card__image{aspect-ratio:16/10;background-size:cover;background-position:center}
.tc-gi-card__body{padding:18px 18px 20px}
.tc-gi-card h3{font-size:28px;line-height:1.1;margin:8px 0 0}
.tc-gi-card--fix{background:linear-gradient(180deg,rgba(189,83,109,.17),rgba(19,21,33,.96));border-color:rgba(189,83,109,.28)}

.tc-gi-section--fix .tc-gi-section__eyebrow{color:#ff93ad}
.tc-gi-archive-box{padding:28px;border-radius:28px;background:linear-gradient(180deg,rgba(20,26,47,.96),rgba(10,14,24,.98));display:flex;align-items:center;justify-content:space-between;gap:24px}
.tc-gi-archive-box p{margin:0;font-size:20px;line-height:1.5;max-width:920px;color:var(--gi-muted)}
.tc-gi-button{display:inline-flex;align-items:center;justify-content:center;padding:16px 24px;border-radius:999px;background:linear-gradient(135deg,var(--gi-gold),#c89f43);color:#241b08;text-decoration:none;font-weight:900;min-width:280px}

@media (max-width: 1200px){
  .tc-gi-hero__grid,.tc-gi-mag-grid{grid-template-columns:1fr}
  .tc-gi-grid--four{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tc-gi-grid--three,.tc-gi-tools__grid{grid-template-columns:1fr}
  .tc-gi-feature-card--lead,.tc-gi-feature-card{min-height:460px}
  .tc-gi-archive-box{flex-direction:column;align-items:flex-start}
}
@media (max-width: 780px){
  .tc-gi-shell,.tc-gi-jump{width:min(calc(100vw - 24px),1520px)}
  .tc-gi-hero{padding-top:22px}
  .tc-gi-hero p{font-size:18px}
  .tc-gi-grid--four,.tc-gi-grid--three{grid-template-columns:1fr}
  .tc-gi-card h3,.tc-gi-compact-card h3{font-size:23px}
  .tc-gi-feature-card h3{font-size:34px}
  .tc-gi-statrow span{padding:10px 14px}
}

.tc-gi-archive-box--simple{justify-content:flex-start}