.classic176 {
  --c-black: #090908;
  --c-ink: #11100e;
  --c-panel: #1b1915;
  --c-panel-2: #242019;
  --c-line: #51483a;
  --c-line-hi: #84735a;
  --c-gold: #c29a51;
  --c-gold-hi: #ebc879;
  --c-red: #8e1c13;
  --c-red-hi: #bc3824;
  --c-text: #d6c8aa;
  --c-muted: #8e806b;
  background: #0b0a08;
  color: var(--c-text);
  font-family: SimSun, "Microsoft YaHei", sans-serif;
}
.classic176 *, .classic176 *::before, .classic176 *::after { box-sizing: border-box; }
.classic176 img { display: block; max-width: 100%; }
.classic176 a { text-decoration: none; }
.c-shell { width: min(1180px, calc(100% - 40px)); margin: 0 auto; }

.c-nav {
  height: 66px !important;
  background: rgba(10,9,8,.96) !important;
  border-bottom: 1px solid #5b4930 !important;
  backdrop-filter: none !important;
}
.c-nav .nav-inner { max-width: 1180px; }
.c-brand { display:flex; align-items:center; gap:11px; color:var(--c-gold); }
.c-brand-mark {
  display:grid; place-items:center; width:38px; height:38px;
  border:1px solid #745a2e; transform:rotate(45deg);
  color:#e0b561; background:#1b140c; font-weight:700;
}
.c-brand-mark::first-letter { transform:rotate(-45deg); }
.c-brand > span:last-child { display:flex; flex-direction:column; }
.c-brand b { font-size:17px; letter-spacing:3px; color:#e3c37c; line-height:1.2; }
.c-brand small { color:#786952; font-size:10px; letter-spacing:1px; margin-top:3px; }
.c-nav .nav-links a { color:#b9aa90; font-size:13px; }
.c-nav .nav-links a:hover, .c-nav .nav-links a.active { color:#efcb77; }
.c-nav .nav-links a::after { background:#9b742e; }
.c-nav .nav-btn { background:#79160f !important; border-color:#a06c2b !important; color:#efd28e !important; }

.c-hero { position:relative; min-height:720px; padding-top:66px; overflow:hidden; background:#080706; }
.c-hero-bg { position:absolute; inset:66px 0 0; width:100%; height:654px; object-fit:cover; object-position:center 54%; filter:saturate(.72) brightness(.63) contrast(1.08); }
.c-hero-shade {
  position:absolute; inset:66px 0 0;
  background:linear-gradient(90deg, rgba(4,4,3,.98) 0%, rgba(5,5,4,.92) 27%, rgba(5,5,4,.42) 53%, rgba(4,4,3,.14) 100%),
             linear-gradient(0deg, #0c0b09 0%, rgba(6,5,4,.32) 22%, transparent 52%, rgba(5,5,4,.18) 100%);
}
.c-hero-content { position:relative; min-height:654px; display:flex; align-items:center; justify-content:space-between; gap:60px; }
.c-hero-copy { width:590px; padding:60px 0 30px; }
.c-version { display:inline-block; color:#a9884c; font-size:12px; letter-spacing:3px; padding:6px 10px; border:1px solid #5f4a2d; background:rgba(16,13,9,.65); }
.c-hero h1 { margin:20px 0 16px; color:#ded0ae; font:700 clamp(42px,5vw,68px)/1.13 SimSun,serif; letter-spacing:7px; text-shadow:0 3px 1px #000; }
.c-hero h1 span { color:#ae2518; text-shadow:0 2px 0 #300,0 0 18px rgba(136,20,10,.35); }
.c-hero-copy > p { color:#9e8f77; font-size:15px; line-height:2; letter-spacing:1px; }
.c-hero-actions { display:flex; gap:12px; margin:28px 0 22px; }
.c-btn {
  display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:0 27px;
  border:1px solid #66543a; color:#d9c49c; font-weight:700; font-size:14px; letter-spacing:1px;
  box-shadow:inset 0 0 0 1px rgba(0,0,0,.75); transition:.18s ease;
}
.c-btn:hover { transform:translateY(-1px); filter:brightness(1.15); color:#f5ddb0; }
.c-btn-red { background:linear-gradient(#a32b1b,#651008); border-color:#b36d32; }
.c-btn-stone { background:linear-gradient(#302b23,#181612); }
.c-hero-tags { display:flex; flex-wrap:wrap; gap:9px; }
.c-hero-tags span { color:#84745d; font-size:12px; padding:4px 9px; border-left:2px solid #6d542b; background:rgba(12,10,8,.56); }
.c-server-panel {
  align-self:center; width:244px; padding:0 18px 16px; margin-top:70px;
  border:1px solid rgba(104,84,55,.72); background:rgba(11,10,8,.88);
  box-shadow:0 12px 30px rgba(0,0,0,.35),inset 0 0 30px rgba(93,70,35,.08);
}
.c-panel-title { margin:0 -18px 12px; padding:9px 14px; color:#d2b06b; background:#211b13; border-bottom:1px solid #56452f; font-size:13px; letter-spacing:2px; }
.c-server-panel dl > div { display:flex; justify-content:space-between; padding:9px 0; border-bottom:1px dashed #3a3328; font-size:12px; }
.c-server-panel dt { color:#716653; }.c-server-panel dd { color:#c2ae87; }
.c-server-panel .is-testing { color:#d66d37; }
.c-server-panel .is-open { color:#e6b04a; font-weight:700; }
.c-panel-link { display:block; margin-top:14px; text-align:right; color:#a98649; font-size:12px; }

.c-notice { background:#551008; border-top:1px solid #9a3122; border-bottom:1px solid #8a2c1d; }
.c-notice .c-shell { min-height:42px; display:flex; align-items:center; gap:20px; font-size:13px; }
.c-notice b { color:#efc16b; padding-right:20px; border-right:1px solid #873124; }
.c-notice span { color:#c49b72; flex:1; }.c-notice a { color:#f0c26d; }

.c-section { padding:76px 0; background:#d0c2a5; color:#342b21; }
.c-heading { text-align:center; max-width:720px; margin:0 auto 42px; }
.c-heading span { color:#8a4b24; font:700 11px/1 Georgia,serif; letter-spacing:5px; }
.c-heading h2 { margin:10px 0; color:#3c2f22; font:700 32px/1.2 SimSun,serif; letter-spacing:5px; }
.c-heading p { color:#756753; font-size:13px; line-height:1.8; }
.c-heading-light h2 { color:#d6bc83; }.c-heading-light p { color:#81745f; }.c-heading-light span { color:#9f6e31; }

.c-intro { background-color:#cfc0a1; background-image:linear-gradient(rgba(76,59,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(76,59,39,.04) 1px,transparent 1px); background-size:20px 20px; }
.c-feature-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid #a79270; background:#b9aa8d; }
.c-feature-grid article { min-height:180px; padding:24px; border-right:1px solid #9a8768; background:rgba(229,218,195,.65); }
.c-feature-grid article:last-child { border-right:0; }
.c-feature-grid strong { display:block; color:#9b7139; font:700 36px/1 Georgia,serif; opacity:.48; }
.c-feature-grid h3 { margin:8px 0; color:#4b3926; font-size:18px; }.c-feature-grid p { color:#74634e; font-size:13px; line-height:1.8; }

.c-dark-section { background:#0d0c0a; color:var(--c-text); border-top:1px solid #382e21; border-bottom:1px solid #382e21; }
.c-class-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.c-class-card { min-height:370px; display:grid; grid-template-rows:auto 1fr; border:1px solid #4b4031; background:#171511; box-shadow:inset 0 0 30px rgba(0,0,0,.45); }
.c-class-visual { aspect-ratio:2.08/1; overflow:hidden; background:#09090a; border-bottom:1px solid #4b4031; }
.c-class-visual img { width:100%; height:100%; object-fit:cover; object-position:center; image-rendering:auto; }
.c-class-info { padding:22px; }.c-class-info small { color:#806b49; letter-spacing:3px; }
.c-class-info h3 { display:inline; margin-left:10px; color:#d4b26d; font:700 25px SimSun,serif; }
.c-class-info p { margin:13px 0; color:#91836d; font-size:13px; line-height:1.75; }
.c-class-info li { color:#b0a087; font-size:12px; padding:5px 0; border-top:1px dashed #332d24; }

.c-equipment { background:#c8baa0; }
.c-data-window { max-width:1050px; margin:auto; border:4px ridge #766b58; background:#26231e; box-shadow:0 14px 25px rgba(42,31,19,.25); }
.c-window-bar { min-height:48px; display:flex; align-items:center; justify-content:space-between; padding:0 16px; border-bottom:2px ridge #766b58; background:linear-gradient(#454035,#24211c); }
.c-window-bar b { color:#ddc68f; letter-spacing:3px; }
.c-tabs { display:flex; gap:6px; }
.c-tabs button { padding:7px 18px; color:#a99a7e; border:1px solid #625845; background:#1c1a16; cursor:pointer; }
.c-tabs button.active { color:#f0cf80; border-color:#9b7537; background:#4a2515; }
.c-data-window .equip-panel { display:none; padding:24px; }.c-data-window .equip-panel.active { display:block; }
.c-item-grid { display:grid; grid-template-columns:repeat(8,1fr); gap:10px; }
.c-item-grid-short { grid-template-columns:repeat(3,150px); justify-content:center; }
.c-weapon-grid { grid-template-columns:repeat(9,1fr); }
.c-weapon-grid article { position:relative; }
.c-weapon-grid article::before {
  content:attr(data-class); position:absolute; top:8px; left:8px; z-index:1;
  padding:2px 5px; color:#cbb27c; background:rgba(20,17,13,.9);
  border:1px solid #4f4536; font-size:9px;
}
.c-weapon-grid img { object-fit:cover; }
.c-armor-grid { grid-template-columns:repeat(6,1fr); }
.c-item-grid article { min-width:0; padding:7px 7px 9px; text-align:center; border:1px solid #4a4438; background:#11110f; box-shadow:inset 0 0 0 1px #080807; }
.c-item-grid img { width:100%; aspect-ratio:1; object-fit:cover; image-rendering:pixelated; border:1px solid #312e28; }
.c-item-grid b { display:block; margin-top:7px; color:#d4b267; font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c-item-grid span { display:block; margin-top:2px; color:#6f695c; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.c-data-note { padding:12px 18px; border-top:1px solid #484135; color:#746c5d; background:#171612; font-size:11px; }

.c-boss-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; }
.c-boss-grid article { display:grid; grid-template-columns:145px 1fr; align-items:center; min-height:145px; border:1px solid #4d4131; background:#171511; overflow:hidden; }
.c-boss-grid figure { width:145px; height:145px; margin:0; padding:0; display:grid; place-items:center; overflow:hidden; background:#12110e; border-right:1px solid #4d4131; }
.c-boss-grid img { width:100%; height:100%; object-fit:contain; image-rendering:auto; }
.c-boss-grid div { padding:15px; }.c-boss-grid small { color:#765f3d; font-size:10px; letter-spacing:2px; }
.c-boss-grid h3 { margin:5px 0 8px; color:#d3af68; font:700 19px SimSun,serif; }
.c-boss-grid p { color:#82745f; font-size:12px; }.c-more { text-align:center; margin-top:30px; }

.c-shabak { padding:0; background:#15120e; color:#c9b997; }
.c-shabak-layout { width:100%; max-width:none; display:grid; grid-template-columns:1.45fr 1fr; }
.c-shabak-image { max-height:520px; overflow:hidden; }.c-shabak-image img { width:100%; height:100%; object-fit:cover; object-position:70% center; }
.c-shabak-copy { display:flex; flex-direction:column; justify-content:center; padding:55px 8vw 55px 55px; border-left:1px solid #4b3928; background:linear-gradient(135deg,#211b14,#100e0b); }
.c-shabak-copy > span { color:#8b6531; letter-spacing:4px; font-size:11px; }
.c-shabak-copy h2 { margin:10px 0 18px; color:#dbb96f; font:700 31px SimSun,serif; letter-spacing:3px; }
.c-shabak-copy > p { color:#91816a; font-size:13px; line-height:1.9; }
.c-shabak-copy dl { margin:20px 0; border-top:1px solid #43382b; }
.c-shabak-copy dl div { display:flex; justify-content:space-between; padding:10px 0; border-bottom:1px solid #43382b; font-size:12px; }
.c-shabak-copy dt { color:#746653; }.c-shabak-copy dd { color:#bba172; }
.c-shabak-copy .c-btn { align-self:flex-start; }

.c-download { padding:42px 0; background:#54110a; border-top:1px solid #9c3222; border-bottom:1px solid #9c3222; }
.c-download .c-shell { display:flex; align-items:center; justify-content:space-between; gap:30px; }
.c-download small { color:#a97044; letter-spacing:4px; }.c-download h2 { color:#e2bf75; font:700 26px SimSun,serif; margin:4px 0; }
.c-download p { color:#a7775d; font-size:12px; }
.c-footer { padding:34px 0; text-align:center; background:#080807; border-top:1px solid #352a1d; color:#6f6554; }
.c-footer p { color:#98815e; font-size:13px; }.c-footer nav { margin:12px 0; }
.c-footer nav a { color:#796c58; margin:0 11px; font-size:12px; }.c-footer small { color:#49443b; font-size:10px; }

@media (max-width: 980px) {
  .c-server-panel { display:none; }
  .c-hero-copy { width:590px; }
  .c-feature-grid { grid-template-columns:repeat(2,1fr); }
  .c-feature-grid article:nth-child(2) { border-right:0; }
  .c-feature-grid article:nth-child(-n+2) { border-bottom:1px solid #9a8768; }
  .c-class-grid { grid-template-columns:1fr; max-width:760px; margin:auto; }
  .c-class-card { grid-template-columns:1fr; grid-template-rows:auto 1fr; min-height:0; }
  .c-class-visual { border-right:0; border-bottom:1px solid #4b4031; }
  .c-item-grid { grid-template-columns:repeat(4,1fr); }
  .c-weapon-grid { grid-template-columns:repeat(3,1fr); }
  .c-armor-grid { grid-template-columns:repeat(3,1fr); }
  .c-boss-grid { grid-template-columns:repeat(2,1fr); }
  .c-shabak-layout { grid-template-columns:1fr; }.c-shabak-image { height:400px; }
  .c-shabak-copy { padding:45px 30px; border-left:0; border-top:1px solid #4b3928; }
}
@media (max-width: 720px) {
  .c-shell { width:min(100% - 24px,1180px); }
  .c-nav .nav-links { top:66px; background:#0c0b09; }
  .c-hero { min-height:680px; }.c-hero-bg { height:614px; object-position:68% top; }
  .c-hero-shade { background:linear-gradient(90deg,rgba(4,4,3,.95),rgba(4,4,3,.72)),linear-gradient(0deg,#0c0b09,transparent 40%); }
  .c-hero-content { min-height:614px; }.c-hero-copy { width:100%; padding-top:70px; }
  .c-hero h1 { font-size:42px; letter-spacing:3px; }.c-hero-copy > p br { display:none; }
  .c-notice .c-shell { padding:10px 0; align-items:flex-start; gap:10px; }.c-notice b { display:none; }
  .c-section { padding:58px 0; }.c-heading h2 { font-size:27px; }
  .c-feature-grid { grid-template-columns:1fr; }.c-feature-grid article { border-right:0; border-bottom:1px solid #9a8768; min-height:0; }
  .c-class-card { grid-template-columns:1fr; grid-template-rows:auto 1fr; }.c-class-visual { border-right:0; border-bottom:1px solid #4b4031; }
  .c-window-bar { align-items:flex-start; flex-direction:column; gap:8px; padding:12px; }
  .c-tabs { width:100%; }.c-tabs button { flex:1; padding:7px 8px; }
  .c-data-window .equip-panel { padding:12px; }.c-item-grid { grid-template-columns:repeat(2,1fr); }
  .c-item-grid-short { grid-template-columns:repeat(2,1fr); }
  .c-weapon-grid { grid-template-columns:repeat(3,1fr); }
  .c-armor-grid { grid-template-columns:repeat(2,1fr); }
  .c-boss-grid { grid-template-columns:1fr; }.c-boss-grid article { grid-template-columns:115px 1fr; min-height:115px; }
  .c-boss-grid figure { width:115px; height:115px; }
  .c-shabak-image { height:260px; }.c-shabak-copy { padding:38px 22px; }
  .c-download .c-shell { flex-direction:column; align-items:flex-start; }
}
@media (prefers-reduced-motion: reduce) {
  .c-btn { transition:none; }
}

/* ===== 内页统一层（新闻 / 攻略 / 资料 / 下载 / 充值 / 授权）=====
   内页保留原有深色内容结构（style.css），仅统一：导航(c-nav)、页脚(c-footer)、
   页头(page-hero)暖金基调，正文改回微软雅黑保证长文可读。 */
.classic176 .page-wrap {
  padding-top: 66px;
  font-family: "Microsoft YaHei", "微软雅黑", "PingFang SC", sans-serif;
}
.classic176 .page-hero {
  background: linear-gradient(135deg, #1b140d 0%, #0d0b08 100%);
  border-bottom: 1px solid #4b3928;
}
.classic176 .page-hero h1 { color: #dbb96f; font-family: SimSun, serif; letter-spacing: 5px; }
.classic176 .page-hero p { color: #90815f; }
.classic176 .breadcrumb a { color: #a5813f; }

/* 内页真实下载按钮 —— 醒目红金主按钮 */
.classic176 .page-wrap .btn-primary,
.dl-download-btn {
  background: linear-gradient(#a82d1c, #6a1109);
  border: 1px solid #c07a3a;
  color: #f6ddad;
  box-shadow: 0 0 18px rgba(150, 30, 15, .45), inset 0 0 0 1px rgba(0,0,0,.5);
}
.classic176 .page-wrap .btn-primary:hover,
.dl-download-btn:hover { filter: brightness(1.12); color: #ffe9c2; transform: translateY(-2px); }

/* 下载页 —— 官方下载高亮条 */
.dl-official {
  display: flex; align-items: center; gap: 20px; flex-wrap: wrap;
  padding: 22px 26px; margin-bottom: 24px;
  border: 1px solid #a06c2b; border-radius: 6px;
  background: linear-gradient(135deg, #241a10, #14100b);
  box-shadow: inset 0 0 30px rgba(120, 80, 30, .12);
}
.dl-official .dl-official-icon { font-size: 2.6rem; line-height: 1; }
.dl-official .dl-official-txt { flex: 1; min-width: 220px; }
.dl-official .dl-official-txt b { color: #ecc879; font-size: 1.05rem; letter-spacing: 1px; }
.dl-official .dl-official-txt p, .dl-official .dl-official-txt small { color: #978463; font-size: .84rem; line-height: 1.7; display: block; margin-top: 4px; }
.dl-official .dl-download-btn { flex-shrink: 0; padding: 14px 40px; font-size: 1rem; font-weight: 700; letter-spacing: 2px; border-radius: 6px; text-decoration: none; }

/* 充值页 —— 多线路选择按钮 */
.pay-tip { color: #d98a4a; font-size: .86rem; margin: 6px 0 18px; }
.pay-lines {
  display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px;
  max-width: 460px; margin: 8px auto 0;
}
.pay-line {
  display: block; padding: 14px 10px; text-align: center;
  font-size: 1rem; font-weight: 700; letter-spacing: 2px; border-radius: 6px;
  color: #f6ddad; text-decoration: none;
  background: linear-gradient(#a82d1c, #6a1109);
  border: 1px solid #c07a3a;
  box-shadow: 0 0 14px rgba(150, 30, 15, .35), inset 0 0 0 1px rgba(0,0,0,.5);
  transition: .16s ease;
}
.pay-line:hover { filter: brightness(1.13); color: #ffe9c2; transform: translateY(-2px); }
@media (max-width: 520px) { .pay-lines { grid-template-columns: 1fr; } }