#main-content{
  --ink: #0c0a07;
  --ink-2: #131009;
  --ink-3: #1c1710;
  --gold: #c8a24e;
  --gold-hi: #edd38c;
  --gold-dim: #8a713a;
  --paper: #f2e9d5;
  --mut: #a3967a;
  --faint: #6e6350;
  --red: #b23a2e;
  --line: rgba(200,162,78,0.16);
  --line-hi: rgba(200,162,78,0.45);
}#main-content, #main-content *{ margin: 0; padding: 0; box-sizing: border-box; }#main-content{ scroll-behavior: smooth; }#main-content{
  background: var(--ink); color: var(--paper);
  font-family: "PingFang SC", "Microsoft YaHei", "Hiragino Sans GB", sans-serif;
  font-weight: 300; line-height: 1.75; letter-spacing: 0.02em;
  -webkit-font-smoothing: antialiased; overflow-x: hidden;
}#main-content ::selection{ background: var(--gold); color: var(--ink); }#main-content a{ color: inherit; text-decoration: none; }#main-content img{ display: block; max-width: 100%; }#main-content .serif{ font-family: "Times New Roman", "Georgia", serif; }#main-content .it{ font-family: "Times New Roman", "Georgia", serif; font-style: italic; font-weight: 400; }#main-content .topbar{
  display: flex; justify-content: space-between; align-items: center;
  padding: 10px 56px; font-size: 11px; letter-spacing: 2px; color: var(--faint);
  border-bottom: 1px solid var(--line);
}#main-content .topbar .l{ display: flex; align-items: center; gap: 14px; }#main-content .topbar .sq{ width: 6px; height: 6px; background: var(--gold); transform: rotate(45deg); }#main-content .topbar .r{ display: flex; align-items: center; gap: 16px; }#main-content .topbar .since{
  padding: 2px 10px; border: 1px solid var(--line-hi); color: var(--gold-hi);
  font-size: 10px; letter-spacing: 3px;
}#main-content .topbar .tel{ color: var(--gold-hi); letter-spacing: 2px; font-weight: 500; }#main-content .nav{
  position: sticky; top: 0; z-index: 100;
  display: flex; justify-content: space-between; align-items: center;
  height: 72px; padding: 0 56px;
  background: rgba(12,10,7,0.9); backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
}#main-content .nav .brand{ display: flex; align-items: baseline; gap: 14px; }#main-content .nav .brand .cn{
  font-size: 24px; font-weight: 500; letter-spacing: 8px; color: var(--paper);
}#main-content .nav .brand .cn i{
  font-style: normal; color: var(--gold-hi);
}#main-content .nav .brand .en{ font-size: 12px; color: var(--faint); letter-spacing: 4px; }#main-content .nav .menu{ display: flex; gap: 30px; }#main-content .nav .menu a{
  font-size: 13px; color: var(--mut); letter-spacing: 1px; padding: 6px 0;
  position: relative; transition: color .25s;
}#main-content .nav .menu a::before{
  content: ""; position: absolute; left: 50%; bottom: -4px; width: 4px; height: 4px;
  background: var(--gold); transform: translateX(-50%) rotate(45deg) scale(0);
  transition: transform .25s;
}#main-content .nav .menu a:hover,#main-content .nav .menu a.active{ color: var(--gold-hi); }#main-content .nav .menu a:hover::before,#main-content .nav .menu a.active::before{ transform: translateX(-50%) rotate(45deg) scale(1); }#main-content .nav .cta{
  padding: 11px 26px; font-size: 12px; letter-spacing: 3px; font-weight: 500;
  color: var(--ink); background: linear-gradient(120deg, var(--gold-dim), var(--gold) 55%, var(--gold-hi));
  transition: transform .25s, box-shadow .25s;
}#main-content .nav .cta:hover{ transform: translateY(-1px); box-shadow: 0 8px 24px rgba(200,162,78,0.28); color: var(--ink); }#main-content .hero{ position: relative; height: calc(100vh - 116px); min-height: 620px; overflow: hidden; }#main-content .hero .slide{ position: absolute; inset: 0; opacity: 0; transition: opacity 1.4s ease; }#main-content .hero .slide.active{ opacity: 1; }#main-content .hero .slide img{
  width: 100%; height: 100%; object-fit: cover;
  transform: scale(1.06); transition: transform 7s ease;
}#main-content .hero .slide.active img{ transform: scale(1); }#main-content .hero .slide::after{
  content: ""; position: absolute; inset: 0;
  background:
    linear-gradient(100deg, rgba(12,10,7,0.95) 8%, rgba(12,10,7,0.55) 45%, rgba(12,10,7,0.15) 75%),
    linear-gradient(to top, rgba(12,10,7,0.9) 0%, transparent 30%);
}#main-content .hero .rail{
  position: absolute; top: 0; bottom: 0; left: 56px; z-index: 3;
  display: flex; flex-direction: column; justify-content: center; align-items: center;
  gap: 20px; pointer-events: none;
}#main-content .hero .rail .vt{
  writing-mode: vertical-rl; font-size: 12px; letter-spacing: 10px; color: var(--gold);
}#main-content .hero .rail .ln{ width: 1px; height: 90px; background: linear-gradient(var(--gold), transparent); }#main-content .hero .txt{
  position: absolute; z-index: 4; left: 130px; top: 50%; transform: translateY(-50%);
  max-width: 780px;
}#main-content .hero .txt .kicker{
  display: inline-flex; align-items: center; gap: 12px; margin-bottom: 28px;
  font-size: 11px; letter-spacing: 5px; color: var(--gold-hi);
}#main-content .hero .txt .kicker::before{ content: ""; width: 34px; height: 1px; background: var(--gold); }#main-content .hero .txt .hero-title{
  font-size: clamp(46px, 6.2vw, 88px); font-weight: 500; line-height: 1.12;
  letter-spacing: 2px; margin-bottom: 26px;
}#main-content .hero .txt .hero-title .g{
  background: linear-gradient(115deg, var(--gold-hi) 20%, var(--gold) 60%, var(--gold-dim));
  -webkit-background-clip: text; background-clip: text; color: transparent;
}#main-content .hero .txt .hero-title .en{
  display: block; font-size: 0.32em; letter-spacing: 6px; color: var(--mut);
  margin-top: 16px; font-weight: 400;
}#main-content .hero .txt p{
  font-size: 15px; color: rgba(242,233,213,0.82); line-height: 1.95;
  max-width: 560px; margin-bottom: 40px;
}#main-content .hero .txt .acts{ display: flex; gap: 16px; }#main-content .hero .txt .acts a{ padding: 15px 36px; font-size: 13px; letter-spacing: 3px; font-weight: 500; transition: all .25s; }#main-content .hero .txt .acts .p{
  color: var(--ink);
  background: linear-gradient(120deg, var(--gold-dim), var(--gold) 55%, var(--gold-hi));
}#main-content .hero .txt .acts .p:hover{ transform: translateY(-2px); box-shadow: 0 10px 28px rgba(200,162,78,0.3); color: var(--ink); }#main-content .hero .txt .acts .g2{ border: 1px solid rgba(242,233,213,0.35); color: var(--paper); }#main-content .hero .txt .acts .g2:hover{ border-color: var(--gold); color: var(--gold-hi); background: rgba(200,162,78,0.06); }#main-content .hero .hud{
  position: absolute; z-index: 5; bottom: 40px; left: 130px; right: 56px;
  display: flex; justify-content: space-between; align-items: flex-end;
}#main-content .hero .dots{ display: flex; gap: 10px; align-items: center; }#main-content .hero .dots .d{
  width: 44px; height: 2px; background: rgba(242,233,213,0.22); cursor: pointer;
  position: relative; overflow: hidden; transition: background .3s;
}#main-content .hero .dots .d.on{ background: var(--gold); }#main-content .hero .dots .no{ font-size: 11px; letter-spacing: 2px; color: var(--mut); margin-right: 8px; }#main-content .hero .hud .yr{ font-size: 12px; letter-spacing: 3px; color: var(--faint); }#main-content .marq{
  border-top: 1px solid var(--line); border-bottom: 1px solid var(--line);
  overflow: hidden; padding: 18px 0; background: var(--ink-2);
}#main-content .marq .track{ display: flex; width: max-content; animation: marq 30s linear infinite; }#main-content .marq span{
  font-size: 13px; letter-spacing: 4px; color: var(--mut); padding: 0 28px;
  white-space: nowrap; display: flex; align-items: center; gap: 28px;
}#main-content .marq span b{ color: var(--gold-hi); font-weight: 500; }#main-content .marq span::after{ content: "◆"; color: var(--gold); font-size: 8px; }
@keyframes marq { to { transform: translateX(-50%); } }
@media (prefers-reduced-motion: reduce) {#main-content .marq .track{ animation: none; }#main-content .hero .slide img{ transition: none; transform: none; }
}#main-content .stats{
  display: grid; grid-template-columns: repeat(5, 1fr);
  padding: 70px 56px; gap: 0; background: var(--ink);
}#main-content .stats .it{ padding: 0 28px; border-left: 1px solid var(--line); }#main-content .stats .it:first-child{ border-left: none; padding-left: 0; }#main-content .stats .n{
  font-size: clamp(44px, 4.6vw, 72px); line-height: 1; font-weight: 500;
  color: var(--gold-hi); letter-spacing: -0.02em;
}#main-content .stats .n i{ font-style: italic; color: var(--red); font-size: 0.5em; }#main-content .stats .l{ font-size: 12px; letter-spacing: 4px; color: var(--paper); margin-top: 16px; }#main-content .stats .d{ font-size: 11.5px; color: var(--faint); margin-top: 8px; line-height: 1.8; }#main-content section.blk{ padding: 140px 56px; position: relative; }#main-content .hd{ max-width: 1320px; margin: 0 auto 70px; display: grid; grid-template-columns: 1.4fr 1fr; gap: 60px; align-items: end; }#main-content .hd .no{
  display: flex; align-items: center; gap: 14px; margin-bottom: 22px;
  font-size: 11px; letter-spacing: 5px; color: var(--gold); text-transform: uppercase;
}#main-content .hd .no .rn{ font-size: 18px; opacity: 0.75; }#main-content .hd .no::after{ content: ""; flex: 0 0 60px; height: 1px; background: var(--line-hi); }#main-content .hd h2{ font-size: clamp(38px, 4.4vw, 60px); font-weight: 500; line-height: 1.18; letter-spacing: 1px; }#main-content .hd h2 .g{
  background: linear-gradient(115deg, var(--gold-hi) 20%, var(--gold) 65%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}#main-content .hd .side{ font-size: 14.5px; color: var(--mut); line-height: 2; max-width: 460px; justify-self: end; }#main-content .hd .side .en{ display: block; font-size: 12px; letter-spacing: 3px; color: var(--faint); margin-top: 14px; }#main-content .tldr{
  max-width: 1320px; margin: -20px auto 70px; padding: 26px 34px;
  border: 1px solid var(--line); border-left: 2px solid var(--gold);
  background: linear-gradient(120deg, rgba(200,162,78,0.07), transparent 60%);
}#main-content .tldr .tag{ font-size: 10px; letter-spacing: 4px; color: var(--gold); margin-bottom: 10px; }#main-content .tldr p{ font-size: 13.5px; color: rgba(242,233,213,0.88); line-height: 1.9; }#main-content .power{ background: var(--ink-2); }#main-content .power .rows{ max-width: 1320px; margin: 0 auto; border-top: 1px solid var(--line); }#main-content .power .row{
  display: grid; grid-template-columns: 120px 1.1fr 1.6fr 220px; gap: 40px;
  align-items: center; padding: 34px 10px;
  border-bottom: 1px solid var(--line); transition: background .3s, padding .3s;
  position: relative;
}#main-content .power .row:hover{ background: rgba(200,162,78,0.04); padding-left: 26px; }#main-content .power .row .num{
  font-size: 46px; font-weight: 500; color: var(--gold-hi); line-height: 1;
}#main-content .power .row .num i{ font-style: italic; color: var(--red); font-size: 0.55em; }#main-content .power .row h3{ font-size: 20px; font-weight: 500; letter-spacing: 1px; }#main-content .power .row h3 .en{ display: block; font-size: 11px; color: var(--faint); letter-spacing: 2px; margin-top: 6px; }#main-content .power .row p{ font-size: 13px; color: var(--mut); line-height: 1.9; }#main-content .power .row .src{ font-size: 10.5px; color: var(--faint); letter-spacing: 1px; text-align: right; }#main-content .courses{ background: var(--ink); }#main-content .courses .idx-list{ max-width: 1320px; margin: 0 auto; border-top: 1px solid var(--line-hi); }#main-content .courses .ci{
  display: grid; grid-template-columns: 90px 260px 1fr 300px 60px; gap: 36px;
  align-items: center; padding: 30px 10px; border-bottom: 1px solid var(--line);
  cursor: pointer; transition: background .3s; position: relative; overflow: hidden;
}#main-content .courses .ci::after{
  content: ""; position: absolute; left: 0; bottom: -1px; height: 1px; width: 0;
  background: var(--gold); transition: width .5s cubic-bezier(.2,.7,.2,1);
}#main-content .courses .ci:hover::after{ width: 100%; }#main-content .courses .ci .no{ font-size: 15px; color: var(--gold); letter-spacing: 2px; }#main-content .courses .ci h3{ font-size: 24px; font-weight: 500; letter-spacing: 2px; transition: color .3s, transform .3s; }#main-content .courses .ci:hover h3{ color: var(--gold-hi); transform: translateX(8px); }#main-content .courses .ci h3 .lbl{
  display: inline-block; vertical-align: middle; margin-left: 14px;
  font-size: 9px; letter-spacing: 2px; color: var(--gold-hi); font-weight: 400;
  border: 1px solid var(--line-hi); padding: 2px 8px; transform: translateY(-2px);
}#main-content .courses .ci .desc{ font-size: 12.5px; color: var(--mut); line-height: 1.85; }#main-content .courses .ci .meta{ display: flex; gap: 22px; justify-content: flex-end; }#main-content .courses .ci .meta .m{ text-align: right; }#main-content .courses .ci .meta .m .k{ font-size: 9px; letter-spacing: 2px; color: var(--faint); text-transform: uppercase; }#main-content .courses .ci .meta .m .v{ font-size: 15px; color: var(--paper); margin-top: 3px; }#main-content .courses .ci .arr{
  font-size: 20px; color: var(--gold); text-align: right;
  transition: transform .3s;
}#main-content .courses .ci:hover .arr{ transform: translateX(6px); color: var(--gold-hi); }#main-content .courses .more{ max-width: 1320px; margin: 54px auto 0; text-align: center; }#main-content .courses .more a{
  display: inline-block; padding: 16px 48px; font-size: 13px; letter-spacing: 3px; font-weight: 500;
  color: var(--ink); background: linear-gradient(120deg, var(--gold-dim), var(--gold) 55%, var(--gold-hi));
  transition: transform .25s, box-shadow .25s;
}#main-content .courses .more a:hover{ transform: translateY(-2px); box-shadow: 0 10px 28px rgba(200,162,78,0.3); color: var(--ink); }#main-content .events{ background: var(--ink-2); overflow: hidden; }#main-content .events .layout{
  max-width: 1320px; margin: 0 auto;
  display: grid; grid-template-columns: 1.15fr 1fr; gap: 60px; align-items: start;
}#main-content .events .fig{ position: relative; }#main-content .events .fig .ph{
  position: relative; overflow: hidden; border: 1px solid var(--line);
}#main-content .events .fig .ph img{ width: 100%; aspect-ratio: 4/5; object-fit: cover; transition: transform 1.2s ease; }#main-content .events .fig .ph:hover img{ transform: scale(1.04); }#main-content .events .fig .cap{
  position: absolute; left: -1px; bottom: 32px; padding: 12px 22px;
  background: var(--ink); border: 1px solid var(--line-hi); border-left: 2px solid var(--gold);
  font-size: 11px; letter-spacing: 3px; color: var(--gold-hi);
}#main-content .events .fig .bigno{
  position: absolute; top: -60px; right: -20px; z-index: 2;
  font-size: 170px; line-height: 1; font-weight: 500;
  color: transparent; -webkit-text-stroke: 1px var(--gold-dim); opacity: .5;
  pointer-events: none;
}#main-content .events .fig .vt{
  position: absolute; top: 40px; right: -34px;
  writing-mode: vertical-rl; font-size: 11px; letter-spacing: 8px; color: var(--faint);
}#main-content .events .elist{ border-top: 1px solid var(--line-hi); }#main-content .events .eit{
  display: grid; grid-template-columns: 64px 1fr auto; gap: 22px; align-items: baseline;
  padding: 22px 6px; border-bottom: 1px solid var(--line); transition: background .3s, padding .3s;
}#main-content .events .eit:hover{ background: rgba(200,162,78,0.04); padding-left: 18px; }#main-content .events .eit .mono{ font-size: 13px; color: var(--gold); letter-spacing: 1px; }#main-content .events .eit h4{ font-size: 16.5px; font-weight: 500; line-height: 1.5; }#main-content .events .eit h4 .en{ display: block; font-size: 11px; color: var(--faint); letter-spacing: 1.5px; margin-top: 3px; }#main-content .events .eit .tg{
  font-size: 10px; letter-spacing: 2px; color: var(--gold-hi);
  border: 1px solid var(--line-hi); padding: 3px 10px; white-space: nowrap;
}#main-content .events .counters{
  max-width: 1320px; margin: 70px auto 0;
  display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line);
}#main-content .events .counters .c{ padding: 28px 24px 0; border-left: 1px solid var(--line); }#main-content .events .counters .c:first-child{ border-left: none; padding-left: 0; }#main-content .events .counters .n{ font-size: 44px; color: var(--gold-hi); font-weight: 500; line-height: 1; }#main-content .events .counters .n i{ font-style: italic; color: var(--red); font-size: 0.55em; }#main-content .events .counters .l{ font-size: 11px; letter-spacing: 3px; color: var(--faint); margin-top: 10px; text-transform: uppercase; }#main-content .film{ background: var(--ink); }#main-content .film .feat{
  max-width: 1320px; margin: 0 auto 90px;
  display: grid; grid-template-columns: 1.5fr 1fr 1fr; gap: 24px;
}#main-content .film .fc{
  border: 1px solid var(--line); background: var(--ink-2);
  display: flex; flex-direction: column; overflow: hidden; transition: border-color .3s, transform .3s;
}#main-content .film .fc:hover{ border-color: var(--line-hi); transform: translateY(-4px); }#main-content .film .fc .ph{ position: relative; overflow: hidden; }#main-content .film .fc .ph img{ width: 100%; aspect-ratio: 16/10; object-fit: cover; transition: transform 1s ease; }#main-content .film .fc:hover .ph img{ transform: scale(1.05); }#main-content .film .fc .ph .dt{
  position: absolute; bottom: 14px; right: 14px; padding: 4px 12px;
  background: rgba(12,10,7,0.75); font-size: 11px; letter-spacing: 2px; color: var(--gold-hi);
  border: 1px solid var(--line);
}#main-content .film .fc .ph .cat{
  position: absolute; top: 14px; left: 14px; padding: 4px 12px;
  background: var(--gold); color: var(--ink); font-size: 10px; letter-spacing: 2px; font-weight: 600;
}#main-content .film .fc .bd{ padding: 28px; flex: 1; display: flex; flex-direction: column; }#main-content .film .fc .bd .en{ font-size: 11px; color: var(--gold); letter-spacing: 2px; margin-bottom: 10px; }#main-content .film .fc .bd h3{ font-size: 22px; font-weight: 500; margin-bottom: 12px; letter-spacing: 1px; }#main-content .film .fc .bd p{ font-size: 12.5px; color: var(--mut); line-height: 1.9; margin-bottom: 18px; }#main-content .film .fc .bd .tags{ margin-top: auto; padding-top: 16px; border-top: 1px dashed var(--line); display: flex; flex-wrap: wrap; gap: 8px; }#main-content .film .fc .bd .tags i{
  font-style: normal; font-size: 11px; color: var(--paper);
  border: 1px solid var(--line); padding: 4px 12px;
}#main-content .film .cal{ max-width: 1320px; margin: 0 auto; }#main-content .film .cal .chd{
  display: flex; justify-content: space-between; align-items: baseline;
  padding-bottom: 26px; border-bottom: 1px solid var(--line-hi); margin-bottom: 0;
}#main-content .film .cal .chd h3{ font-size: 26px; font-weight: 500; letter-spacing: 1px; }#main-content .film .cal .chd h3 .en{ font-size: 13px; color: var(--faint); letter-spacing: 3px; margin-left: 14px; }#main-content .film .cal .legend{ display: flex; gap: 20px; font-size: 10.5px; color: var(--mut); letter-spacing: 1px; }#main-content .film .cal .legend i{ display: inline-block; width: 7px; height: 7px; border-radius: 50%; margin-right: 7px; }#main-content .film .grid-cal{
  display: grid; grid-template-columns: repeat(3, 1fr);
  border-left: 1px solid var(--line);
}#main-content .film .gm{ padding: 24px 24px 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); min-height: 148px; }#main-content .film .gm .mh{
  display: flex; justify-content: space-between; padding-bottom: 12px; margin-bottom: 14px;
  border-bottom: 1px solid var(--line); font-size: 11px; letter-spacing: 3px; color: var(--gold-hi);
}#main-content .film .gm .gi{ display: flex; gap: 9px; font-size: 12px; color: var(--mut); line-height: 1.7; margin-bottom: 7px; }#main-content .film .gm .gi i{ width: 6px; height: 6px; border-radius: 50%; margin-top: 8px; flex-shrink: 0; }#main-content .film .gm .gi .nm{ color: var(--paper); }#main-content .dot-drama{ background: var(--gold); }#main-content .dot-pageant{ background: var(--red); }#main-content .dot-event{ background: var(--gold-hi); }#main-content .dot-concert{ background: #7d9cc4; }#main-content .team{ background: var(--ink-2); }#main-content .team .grid{ max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; }#main-content .team .tc{
  border: 1px solid var(--line); background: var(--ink); padding: 34px 30px;
  position: relative; transition: border-color .3s;
}#main-content .team .tc:hover{ border-color: var(--line-hi); }#main-content .team .tc .top{ display: flex; align-items: center; gap: 18px; margin-bottom: 22px; }#main-content .team .tc .ava{
  width: 64px; height: 64px; flex-shrink: 0; border-radius: 50%;
  border: 1px solid var(--line-hi); color: var(--gold-hi);
  display: flex; align-items: center; justify-content: center;
  font-size: 26px; font-weight: 500;
  background: radial-gradient(circle at 30% 30%, rgba(200,162,78,0.25), transparent 70%);
}#main-content .team .tc .nm{ font-size: 22px; font-weight: 500; letter-spacing: 2px; }#main-content .team .tc .nm .en{ font-size: 12px; color: var(--gold); letter-spacing: 2px; margin-left: 8px; }#main-content .team .tc .role{ font-size: 10.5px; color: var(--faint); letter-spacing: 2px; margin-top: 5px; text-transform: uppercase; }#main-content .team .tc ul{ list-style: none; }#main-content .team .tc li{
  padding: 9px 0; border-bottom: 1px dashed var(--line);
  font-size: 12.5px; color: var(--mut); line-height: 1.75;
  display: flex; gap: 10px;
}#main-content .team .tc li::before{ content: "◆"; color: var(--gold); font-size: 7px; margin-top: 7px; flex-shrink: 0; }#main-content .team .tc li:last-child{ border-bottom: none; }#main-content .team .tc.founder{
  grid-column: span 3; display: grid; grid-template-columns: auto 1fr 1.4fr; gap: 40px; align-items: center;
  background: linear-gradient(120deg, rgba(200,162,78,0.1), rgba(200,162,78,0.02) 60%);
  border-color: var(--line-hi); padding: 44px 40px;
}#main-content .team .tc.founder .ava{ width: 110px; height: 110px; font-size: 44px; }#main-content .team .tc.founder .nm{ font-size: 30px; }#main-content .team .tc.founder .fmark{
  position: absolute; top: 20px; right: 26px; font-size: 10px; letter-spacing: 6px; color: var(--gold);
}#main-content .team .tc.founder ul{ columns: 2; column-gap: 36px; }#main-content .team .tc.founder li{ break-inside: avoid; }#main-content .creds{ background: var(--ink); }#main-content .creds .grid{ max-width: 1320px; margin: 0 auto; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; border-top: 1px solid var(--line); border-left: 1px solid var(--line); }#main-content .creds .cd{
  padding: 34px 26px 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line);
  transition: background .3s; position: relative; min-height: 230px;
  display: flex; flex-direction: column;
}#main-content .creds .cd:hover{ background: rgba(200,162,78,0.05); }#main-content .creds .cd .yr{ font-size: 34px; font-weight: 500; color: var(--gold-hi); line-height: 1; }#main-content .creds .cd .yr .s{ display: block; font-size: 10px; color: var(--faint); letter-spacing: 2px; margin-top: 8px; text-transform: uppercase; }#main-content .creds .cd h4{ font-size: 15.5px; font-weight: 500; line-height: 1.6; margin: 18px 0 10px; }#main-content .creds .cd .from{ font-size: 11px; color: var(--faint); line-height: 1.8; margin-bottom: 16px; }#main-content .creds .cd .lvl{
  margin-top: auto; align-self: flex-start;
  font-size: 9.5px; letter-spacing: 3px; color: var(--gold-hi);
  border: 1px solid var(--line-hi); padding: 3px 12px;
}#main-content .campus{ background: var(--ink-2); }#main-content .campus .list{ max-width: 1320px; margin: 0 auto; border-top: 1px solid var(--line-hi); }#main-content .campus .cp{
  display: grid; grid-template-columns: 130px 1fr 1.2fr auto; gap: 36px; align-items: center;
  padding: 24px 10px; border-bottom: 1px solid var(--line); transition: background .3s, padding .3s;
}#main-content .campus .cp:hover{ background: rgba(200,162,78,0.04); padding-left: 24px; }#main-content .campus .cp .code{ font-size: 12px; color: var(--gold); letter-spacing: 2px; }#main-content .campus .cp h4{ font-size: 19px; font-weight: 500; letter-spacing: 1px; }#main-content .campus .cp h4 .since{ font-size: 11px; color: var(--faint); letter-spacing: 1px; margin-left: 12px; font-weight: 300; }#main-content .campus .cp p{ font-size: 12.5px; color: var(--mut); line-height: 1.8; }#main-content .campus .cp .city{
  font-size: 11px; letter-spacing: 2px; color: var(--gold-hi);
  border: 1px solid var(--line-hi); padding: 4px 14px; white-space: nowrap;
}#main-content .cta{
  position: relative; padding: 180px 56px; text-align: center; overflow: hidden;
  background: var(--ink);
}#main-content .cta .bg{ position: absolute; inset: 0; }#main-content .cta .bg img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.4; }#main-content .cta .bg::after{
  content: ""; position: absolute; inset: 0;
  background: radial-gradient(ellipse at 50% 60%, transparent 0%, rgba(12,10,7,0.88) 70%),
              linear-gradient(rgba(12,10,7,0.5), rgba(12,10,7,0.92));
}#main-content .cta .in{ position: relative; z-index: 2; }#main-content .cta .no{ font-size: 11px; letter-spacing: 6px; color: var(--gold); margin-bottom: 34px; }#main-content .cta h2{
  font-size: clamp(42px, 5.4vw, 76px); font-weight: 500; line-height: 1.18;
  letter-spacing: 2px; max-width: 900px; margin: 0 auto 30px;
}#main-content .cta h2 .g{
  background: linear-gradient(115deg, var(--gold-hi) 20%, var(--gold) 65%);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}#main-content .cta .lead{ font-size: 15px; color: var(--mut); max-width: 620px; margin: 0 auto 54px; line-height: 2; }#main-content .cta .acts{ display: flex; gap: 18px; justify-content: center; }#main-content .cta .acts a{ padding: 17px 46px; font-size: 13px; letter-spacing: 3px; font-weight: 500; transition: all .25s; }#main-content .cta .acts .p{ color: var(--ink); background: linear-gradient(120deg, var(--gold-dim), var(--gold) 55%, var(--gold-hi)); }#main-content .cta .acts .p:hover{ transform: translateY(-2px); box-shadow: 0 12px 32px rgba(200,162,78,0.35); color: var(--ink); }#main-content .cta .acts .g2{ border: 1px solid var(--line-hi); color: var(--paper); }#main-content .cta .acts .g2:hover{ color: var(--gold-hi); background: rgba(200,162,78,0.07); }#main-content .cta .foot{ margin-top: 70px; font-size: 11px; letter-spacing: 4px; color: var(--faint); }#main-content footer{ border-top: 1px solid var(--line); background: var(--ink); padding: 64px 56px 34px; }#main-content footer .cols{
  max-width: 1320px; margin: 0 auto 48px; padding-bottom: 44px;
  display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px;
  border-bottom: 1px solid var(--line);
}#main-content footer .bc .logo{ font-size: 28px; font-weight: 500; letter-spacing: 8px; margin-bottom: 16px; }#main-content footer .bc .logo i{ font-style: normal; color: var(--gold-hi); }#main-content footer .bc p{ font-size: 12.5px; color: var(--faint); line-height: 1.9; max-width: 340px; }#main-content footer .cl h5{ font-size: 10.5px; letter-spacing: 3px; color: var(--gold); margin-bottom: 20px; font-weight: 500; }#main-content footer .cl ul{ list-style: none; }#main-content footer .cl li{ margin-bottom: 11px; }#main-content footer .cl a{ font-size: 13px; color: var(--mut); transition: color .25s; }#main-content footer .cl a:hover{ color: var(--gold-hi); }#main-content footer .base{
  max-width: 1320px; margin: 0 auto; display: flex; justify-content: space-between;
  font-size: 11px; color: var(--faint); letter-spacing: 1.5px;
}#main-content .rv{ opacity: 0; transform: translateY(34px); transition: opacity .8s ease, transform .8s cubic-bezier(.2,.7,.2,1); }#main-content .rv.in{ opacity: 1; transform: translateY(0); }
@media (prefers-reduced-motion: reduce) {#main-content .rv{ opacity: 1; transform: none; transition: none; } }


@media (max-width: 1080px) {#main-content .topbar,#main-content .nav{ padding-left: 24px; padding-right: 24px; }#main-content .hero{ height: 560px; min-height: 0; }#main-content .hero .rail{ display: none; }#main-content .hero .txt{ left: 40px; right: 40px; }#main-content .hero .hud{ left: 40px; right: 24px; }#main-content section.blk{ padding: 90px 24px; }#main-content .hd{ grid-template-columns: 1fr; gap: 26px; }#main-content .hd .side{ justify-self: start; }#main-content .stats{ grid-template-columns: repeat(3, 1fr); gap: 30px 0; padding: 50px 24px; }#main-content .stats .it:nth-child(4){ border-left: none; padding-left: 0; }#main-content .power .row{ grid-template-columns: 90px 1fr; gap: 8px 26px; }#main-content .power .row p,#main-content .power .row .src{ grid-column: 2; text-align: left; }#main-content .courses .ci{ grid-template-columns: 60px 1fr 50px; }#main-content .courses .ci .desc,#main-content .courses .ci .meta{ display: none; }#main-content .events .layout{ grid-template-columns: 1fr; }#main-content .events .fig .bigno{ font-size: 110px; top: -40px; }#main-content .events .fig .vt{ display: none; }#main-content .events .counters{ grid-template-columns: repeat(2, 1fr); gap: 26px 0; }#main-content .events .counters .c:nth-child(3){ border-left: none; padding-left: 0; }#main-content .film .feat{ grid-template-columns: 1fr; }#main-content .film .grid-cal{ grid-template-columns: repeat(2, 1fr); }#main-content .team .grid{ grid-template-columns: 1fr; }#main-content .team .tc.founder{ grid-column: span 1; grid-template-columns: auto 1fr; }#main-content .team .tc.founder ul{ grid-column: span 2; columns: 1; }#main-content .creds .grid{ grid-template-columns: repeat(2, 1fr); }#main-content .campus .cp{ grid-template-columns: 100px 1fr; gap: 6px 20px; }#main-content .campus .cp p{ grid-column: 2; }#main-content .campus .cp .city{ display: none; }#main-content footer .cols{ grid-template-columns: 1fr 1fr; }
}
@media (max-width: 640px) {#main-content .nav .menu{ display: none; }#main-content .topbar .l span:last-child{ display: none; }#main-content .hero{ height: 480px; }#main-content .hero .txt .hero-title{ font-size: 34px; }#main-content .hero .txt .acts{ flex-direction: column; }#main-content .hero .txt .acts a{ text-align: center; }#main-content .stats{ grid-template-columns: repeat(2, 1fr); }#main-content .stats .it{ border-left: none; padding-left: 0; }#main-content .film .grid-cal{ grid-template-columns: 1fr; }#main-content .creds .grid{ grid-template-columns: 1fr; }#main-content footer .cols{ grid-template-columns: 1fr; }#main-content footer .base{ flex-direction: column; gap: 8px; }
}


/* CMS shell integration only: the reference page's visible wording is retained unchanged. */
.yili-cms-chat-script { display: none; }
.site-footer-shell { padding: 0; border: 0; background: transparent; }

@media (min-width: 641px) {#main-content .hero{ height: calc(100vh - 70px); margin-top: 70px; }#main-content .hero .slide{ display: block; width: 100%; height: 100%; }#main-content .hero .slide .txt a{ width: auto; height: auto; }#main-content .team .grid,#main-content .team .tc{ min-width: 0; }#main-content .team .tc .top{ width: auto; margin-left: 0; margin-right: 0; }
}
@media (max-width: 640px) {#main-content .topbar{ display: none; }#main-content .nav{ height: 64px; padding: 0 17px; }#main-content .nav .brand .cn{ font-size: 27px; letter-spacing: 3px; }#main-content .nav .brand .en{ font-size: 7px; letter-spacing: 2px; }#main-content .nav .cta{ padding: 9px 12px; font-size: 11px; letter-spacing: 1px; }#main-content .hero{ height: 574px; }#main-content .hero .txt{ top: 47%; left: 40px; right: 24px; }#main-content .hero .txt p{ margin-bottom: 24px; }#main-content .hero .txt .acts{ gap: 10px; }#main-content .hero .txt .acts a{ padding: 14px 22px; }#main-content .hero .hud{ left: 40px; right: 40px; bottom: 24px; }#main-content .hero .hud .yr{ display: none; }
}
#main-content h1,
#main-content h2,
#main-content h3,
#main-content h4,
#main-content h5,
#main-content h6 { color: var(--paper); }