/* DNF classic version theme: deep red and gold */
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Georgia','Times New Roman',serif;background:#1a0a0a;color:#e8d5b8;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none;transition:.3s}
ul{list-style:none}
img{max-width:100%;display:block}

/* Site navigation */
.classic-nav{position:fixed;top:0;left:0;right:0;background:rgba(26,10,10,0.95);backdrop-filter:blur(10px);border-bottom:3px solid #d4a843;z-index:1000;padding:20px 0;box-shadow:0 4px 20px rgba(0,0,0,.5)}
.classic-nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.classic-logo{display:flex;align-items:center;gap:12px;font-size:26px;font-weight:bold;color:#d4a843}
.mark-icon{font-size:32px;filter:drop-shadow(0 0 10px rgba(212,168,67,.5))}
.classic-menu{display:flex;gap:35px}
.classic-menu a{color:#e8d5b8;font-weight:500;font-size:15px;transition:.3s;position:relative}
.classic-menu a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:#d4a843;transition:.3s}
.classic-menu a:hover{color:#d4a843}
.classic-menu a:hover::after{width:100%}

/* Hero */
.classic-hero{min-height:100vh;display:flex;align-items:center;position:relative;padding:140px 20px 100px;overflow:hidden}
.classic-hero::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#1a0a0a 0%,#2d0a0a 50%,#1a0a0a 100%)}
.classic-hero::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(212,168,67,.1),transparent 60%)}
.hero-ornament{position:absolute;width:200px;height:200px;border:3px solid rgba(212,168,67,.2);opacity:.3}
.hero-ornament.top-left{top:80px;left:40px;border-right:0;border-bottom:0}
.hero-ornament.top-right{top:80px;right:40px;border-left:0;border-bottom:0}
.hero-ornament.bottom-left{bottom:40px;left:40px;border-right:0;border-top:0}
.hero-ornament.bottom-right{bottom:40px;right:40px;border-left:0;border-top:0}
.hero-content{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.mark-badge{display:inline-block;padding:10px 25px;background:rgba(212,168,67,.15);border:2px solid #d4a843;border-radius:4px;color:#d4a843;font-size:14px;letter-spacing:4px;margin-bottom:30px;text-transform:uppercase}
.hero-title{font-size:72px;font-weight:bold;line-height:1.1;margin-bottom:25px;color:#e8d5b8}
.gold-text{display:block;color:#d4a843;margin-top:10px;text-shadow:0 0 30px rgba(212,168,67,.5)}
.hero-desc{font-size:19px;color:#c9a882;line-height:1.8;margin-bottom:45px;max-width:700px;margin-left:auto;margin-right:auto}
.hero-btns{display:flex;gap:25px;justify-content:center;margin-bottom:60px;flex-wrap:wrap}
.btn-classic{display:inline-block;padding:18px 45px;border-radius:6px;font-weight:600;font-size:16px;transition:.3s;letter-spacing:1px}
.btn-classic.primary{background:linear-gradient(135deg,#d4a843,#b8941f);color:#1a0a0a;box-shadow:0 5px 30px rgba(212,168,67,.4)}
.btn-classic.primary:hover{transform:translateY(-3px);box-shadow:0 10px 40px rgba(212,168,67,.6)}
.btn-classic.outline{background:transparent;border:2px solid #d4a843;color:#d4a843}
.btn-classic.outline:hover{background:rgba(212,168,67,.1);box-shadow:0 0 30px rgba(212,168,67,.4)}
.hero-stats{display:flex;justify-content:center;gap:80px;flex-wrap:wrap}
.stat{text-align:center}
.stat-val{display:block;font-size:42px;font-weight:bold;color:#d4a843;text-shadow:0 0 20px rgba(212,168,67,.5)}
.stat-label{font-size:15px;color:#8b6f47;margin-top:8px}

/* Sections */
.classic-section{padding:110px 20px;position:relative}
.classic-container{max-width:1200px;margin:0 auto}
.section-header{text-align:center;margin-bottom:70px}
.ornament{font-size:36px;color:#d4a843;display:block;margin-bottom:20px}
.section-header h2{font-size:48px;color:#d4a843;margin-bottom:15px;text-shadow:0 0 20px rgba(212,168,67,.3)}
.section-sub{font-size:18px;color:#8b6f47;letter-spacing:2px}

/* 版本卡片 */
.versions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.version-card{background:linear-gradient(135deg,rgba(45,10,10,.8),rgba(26,10,10,.9));border:3px solid rgba(212,168,67,.3);border-radius:16px;padding:45px 35px;position:relative;transition:.3s}
.version-card::before{content:'';position:absolute;top:-1px;left:-1px;right:-1px;bottom:-1px;background:linear-gradient(135deg,#d4a843,transparent,#d4a843);border-radius:16px;opacity:0;transition:.3s;z-index:-1}
.version-card:hover{transform:translateY(-10px);box-shadow:0 15px 60px rgba(212,168,67,.4)}
.version-card:hover::before{opacity:.3}
.version-mark{font-size:48px;text-align:center;margin-bottom:20px;filter:drop-shadow(0 0 15px rgba(212,168,67,.5))}
.version-number{font-size:80px;font-weight:bold;color:#d4a843;text-align:center;line-height:1;margin-bottom:15px;text-shadow:0 0 40px rgba(212,168,67,.5)}
.version-name{font-size:26px;color:#e8d5b8;text-align:center;margin-bottom:20px;font-weight:600}
.version-desc{font-size:15px;color:#c9a882;line-height:1.8;margin-bottom:25px;text-align:center}
.version-features{list-style:none;margin-bottom:25px}
.version-features li{padding:10px 0;color:#e8d5b8;font-size:14px;border-bottom:1px solid rgba(212,168,67,.15)}
.version-features li:last-child{border-bottom:none}
.version-status{display:block;text-align:center;padding:10px 20px;background:rgba(34,197,94,.2);border:2px solid #22c55e;border-radius:6px;color:#22c55e;font-size:14px;font-weight:600}

/* 职业卡片 */
.classes-section{background:linear-gradient(135deg,rgba(26,10,10,0) 0%,rgba(45,10,10,.1) 100%)}
.classes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.class-card{background:rgba(26,10,10,.8);border:2px solid rgba(212,168,67,.25);border-radius:12px;padding:35px 25px;text-align:center;transition:.3s;position:relative}
.class-card:hover{transform:translateY(-8px);border-color:#d4a843;box-shadow:0 12px 50px rgba(212,168,67,.35)}
.class-mark{font-size:32px;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(212,168,67,.5))}
.class-icon{font-size:56px;margin-bottom:20px}
.class-name{font-size:26px;color:#d4a843;margin-bottom:15px;font-weight:600}
.class-desc{font-size:14px;color:#c9a882;line-height:1.8;margin-bottom:20px}
.class-features{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:20px}
.class-features span{padding:6px 14px;background:rgba(212,168,67,.1);border:1px solid rgba(212,168,67,.3);border-radius:4px;color:#d4a843;font-size:13px}
.class-jobs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}
.job-tag{padding:6px 14px;background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.4);border-radius:4px;color:#a78bfa;font-size:13px}

/* 副本卡片 */
.dungeons-section{background:linear-gradient(135deg,rgba(45,10,10,.1) 0%,rgba(26,10,10,0) 100%)}
.dungeons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.dungeon-card{background:linear-gradient(135deg,rgba(26,10,10,.9),rgba(45,10,10,.8));border:2px solid rgba(212,168,67,.3);border-radius:14px;padding:40px;transition:.3s;position:relative}
.dungeon-card:hover{transform:translateY(-8px);border-color:#d4a843;box-shadow:0 12px 55px rgba(212,168,67,.4)}
.dungeon-mark{font-size:36px;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(212,168,67,.5))}
.dungeon-icon{font-size:50px;margin-bottom:20px}
.dungeon-card h3{font-size:24px;color:#d4a843;margin-bottom:15px;font-weight:600}
.dungeon-card p{font-size:14px;color:#c9a882;line-height:1.8;margin-bottom:20px}
.dungeon-info{display:flex;gap:15px;margin-bottom:18px}
.dungeon-level{padding:7px 14px;background:rgba(212,168,67,.15);border:1px solid rgba(212,168,67,.3);border-radius:5px;color:#d4a843;font-size:13px;font-weight:600}
.dungeon-difficulty{padding:7px 14px;border-radius:5px;font-size:13px;font-weight:600}
.dungeon-difficulty.medium{background:rgba(59,130,246,.15);border:1px solid rgba(59,130,246,.3);color:#60a5fa}
.dungeon-difficulty.hard{background:rgba(249,115,22,.15);border:1px solid rgba(249,115,22,.3);color:#fb923c}
.dungeon-difficulty.epic{background:rgba(139,92,246,.15);border:1px solid rgba(139,92,246,.3);color:#a78bfa}
.dungeon-drops{display:flex;flex-wrap:wrap;gap:10px}
.drop-item{padding:6px 14px;background:rgba(212,168,67,.1);border:1px solid rgba(212,168,67,.25);border-radius:5px;color:#d4a843;font-size:13px}

/* 装备卡片 */
.equipment-section{background:linear-gradient(135deg,rgba(26,10,10,0) 0%,rgba(45,10,10,.1) 100%)}
.equipment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:35px}
.equip-card{background:linear-gradient(135deg,rgba(45,10,10,.8),rgba(26,10,10,.9));border:3px solid rgba(212,168,67,.3);border-radius:14px;padding:40px;position:relative;overflow:hidden;transition:.3s}
.equip-card:hover{transform:translateY(-8px);box-shadow:0 12px 55px rgba(212,168,67,.45)}
.equip-card.legendary:hover{border-color:#d4a843}
.equip-card.epic:hover{border-color:#a78bfa}
.equip-mark{font-size:36px;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(212,168,67,.5))}
.equip-icon{font-size:56px;margin-bottom:25px}
.equip-name{font-size:26px;color:#d4a843;margin-bottom:12px;font-weight:600}
.equip-type{font-size:15px;color:#a78bfa;margin-bottom:18px;font-weight:500}
.equip-desc{font-size:14px;color:#c9a882;line-height:1.8;margin-bottom:30px}
.equip-stats{margin-top:auto}
.stat-row{display:flex;align-items:center;gap:15px;margin-bottom:15px}
.stat-label{font-size:14px;color:#8b6f47;width:75px;font-weight:500}
.stat-bar{flex:1;height:10px;background:rgba(212,168,67,.1);border-radius:5px;overflow:hidden}
.stat-fill{height:100%;background:linear-gradient(90deg,#d4a843,#b8941f);border-radius:5px;box-shadow:0 0 10px rgba(212,168,67,.5)}

/* PVP */
.pvp-section{background:linear-gradient(135deg,rgba(45,10,10,.1) 0%,rgba(26,10,10,0) 100%)}
.pvp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.pvp-card{background:rgba(26,10,10,.8);border:2px solid rgba(212,168,67,.3);border-radius:12px;padding:35px 25px;text-align:center;transition:.3s}
.pvp-card:hover{transform:translateY(-8px);border-color:#d4a843;box-shadow:0 10px 50px rgba(212,168,67,.4)}
.pvp-mark{font-size:32px;margin-bottom:15px;filter:drop-shadow(0 0 10px rgba(212,168,67,.5))}
.pvp-icon{font-size:56px;margin-bottom:20px}
.pvp-card h3{font-size:24px;color:#d4a843;margin-bottom:15px;font-weight:600}
.pvp-card p{font-size:14px;color:#c9a882;line-height:1.8;margin-bottom:20px}
.pvp-stat{font-size:15px;color:#a78bfa}
.pvp-stat strong{color:#d4a843;font-size:22px;font-weight:bold}

/* 下载区域 */
.download-section{background:linear-gradient(135deg,rgba(26,10,10,.95),rgba(45,10,10,.95));padding:130px 20px;position:relative}
.download-section::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(212,168,67,.1),transparent 60%)}
.download-content{text-align:center;max-width:650px;margin:0 auto;position:relative;z-index:1}
.download-mark{font-size:72px;color:#d4a843;display:block;margin-bottom:25px;filter:drop-shadow(0 0 20px rgba(212,168,67,.5))}
.download-content h2{font-size:52px;color:#d4a843;margin-bottom:20px;text-shadow:0 0 30px rgba(212,168,67,.4)}
.download-content>p{font-size:20px;color:#c9a882;margin-bottom:50px}
.download-buttons{display:flex;gap:25px;justify-content:center;flex-wrap:wrap;margin-bottom:50px}
.btn-download{display:inline-flex;align-items:center;gap:15px;padding:20px 55px;border-radius:8px;font-weight:600;font-size:17px;transition:.3s}
.btn-download.primary{background:linear-gradient(135deg,#d4a843,#b8941f);color:#1a0a0a;box-shadow:0 8px 40px rgba(212,168,67,.5)}
.btn-download.primary:hover{transform:translateY(-4px);box-shadow:0 15px 50px rgba(212,168,67,.7)}
.btn-download.secondary{background:transparent;border:2px solid #d4a843;color:#d4a843}
.btn-download.secondary:hover{background:rgba(212,168,67,.1);box-shadow:0 0 40px rgba(212,168,67,.5)}
.btn-download .btn-icon{font-size:24px}
.download-info{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.download-info span{color:#22c55e;font-size:16px;font-weight:500}

/* FAQ */
.faq-section{background:rgba(26,10,10,.6)}
.faq-list{max-width:850px;margin:0 auto}
.faq-item{background:rgba(45,10,10,.8);border:2px solid rgba(212,168,67,.25);border-radius:10px;margin-bottom:18px;overflow:hidden;transition:.3s}
.faq-item:hover{border-color:#d4a843}
.faq-question{padding:22px 30px;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:17px;font-weight:600;color:#d4a843;transition:.3s}
.faq-question:hover{background:rgba(212,168,67,.05)}
.faq-icon{font-size:22px;color:#a78bfa;transition:.3s;font-weight:bold}
.faq-item.active .faq-icon{transform:rotate(45deg)}
.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.active .faq-answer{max-height:500px}
.faq-answer p{padding:0 30px 25px;font-size:16px;color:#c9a882;line-height:1.8}

/* 页脚 */
.classic-footer{background:#0f0505;border-top:3px solid rgba(212,168,67,.3);padding:70px 20px 35px}
.footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 3fr;gap:60px;margin-bottom:50px}
.footer-brand{display:flex;flex-direction:column;gap:20px}
.footer-logo{display:flex;align-items:center;gap:12px;font-size:28px;color:#d4a843;font-weight:bold}
.footer-brand p{color:#8b6f47;font-size:15px}
.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.link-group h4{color:#d4a843;margin-bottom:18px;font-size:17px;font-weight:600}
.link-group ul{list-style:none}
.link-group li{margin-bottom:12px}
.link-group a{color:#c9a882;font-size:15px;transition:.3s}
.link-group a:hover{color:#d4a843}
.footer-bottom{max-width:1200px;margin:0 auto;padding-top:35px;border-top:2px solid rgba(212,168,67,.15);text-align:center}
.footer-bottom p{color:#8b6f47;font-size:14px;margin-bottom:10px}

/* Mobile layout and interaction polish */
.faq-question.is-focused,
.faq-question:focus-visible {
    outline: 2px solid #d4a843;
    outline-offset: 4px;
}

.classic-menu a.is-active {
    color: #d4a843;
}

@media (max-width: 768px) {
    .classic-nav {
        position: sticky;
        padding: 12px 0;
    }

    .classic-nav-inner {
        flex-direction: row;
        gap: 10px;
        padding: 0 14px;
    }

    .classic-logo {
        font-size: 18px;
        gap: 8px;
        white-space: nowrap;
    }

    .mark-icon {
        font-size: 20px;
    }

    .classic-menu {
        display: none;
    }

    .classic-hero {
        min-height: auto;
        padding: 76px 16px 54px;
    }

    .hero-title {
        font-size: clamp(34px, 10vw, 48px);
        letter-spacing: 0;
    }

    .hero-desc {
        font-size: 16px;
        line-height: 1.8;
        margin-bottom: 28px;
    }

    .hero-btns {
        gap: 12px;
        margin-bottom: 36px;
    }

    .btn-classic {
        padding: 14px 18px;
        font-size: 14px;
    }

    .hero-stats {
        gap: 24px;
    }

    .stat-val {
        font-size: 30px;
    }

    .stat-label {
        font-size: 12px;
    }

    .classic-section {
        padding: 64px 16px;
    }

    .section-header {
        margin-bottom: 38px;
    }

    .section-header h2 {
        font-size: 32px;
    }

    .section-sub {
        font-size: 14px;
        letter-spacing: 1px;
    }

    .versions-grid,
    .classes-grid,
    .dungeons-grid,
    .equipment-grid,
    .pvp-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }

    .version-card,
    .class-card,
    .dungeon-card,
    .equip-card,
    .pvp-card {
        padding: 26px 20px;
    }

    .download-section {
        padding: 76px 16px;
    }

    .download-content h2 {
        font-size: 34px;
    }

    .btn-download {
        width: 100%;
        justify-content: center;
        padding: 16px 18px;
        font-size: 15px;
    }

    .download-info {
        gap: 14px;
        font-size: 13px;
    }

    .faq-question {
        padding: 18px 16px;
        font-size: 15px;
    }

    .faq-answer p {
        padding: 0 16px 20px;
        font-size: 14px;
    }

    .footer-content {
        gap: 36px;
    }

    .footer-links {
        grid-template-columns: 1fr 1fr;
        gap: 24px;
    }
}

/* 响应式 */
@media (max-width: 992px){
    .classic-menu{gap:25px}
    .classic-menu a{font-size:14px}
    .hero-title{font-size:56px}
    .footer-content{grid-template-columns:1fr}
}
@media (max-width: 768px){
    .classic-nav-inner{flex-direction:column;gap:20px}
    .classic-menu{flex-wrap:wrap;justify-content:center}
    .hero-title{font-size:42px}
    .hero-stats{gap:40px}
    .versions-grid,.classes-grid,.dungeons-grid,.equipment-grid,.pvp-grid{grid-template-columns:1fr}
    .footer-links{grid-template-columns:1fr;gap:25px}
    .hero-ornament{width:100px;height:100px}
}


/* ===== 玩家评价 ===== */
.reviews-section {
  background: var(--bg-alt, #111);
  padding: 80px 0;
}

.reviews-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.review-card {
  background: var(--bg-card, #1a1a1a);
  border-radius: 12px;
  padding: 30px;
  transition: transform 0.3s, box-shadow 0.3s;
}

.review-card:hover {
  transform: translateY(-5px);
  box-shadow: 0 10px 30px rgba(0,0,0,0.3);
}

.review-stars {
  color: #ffd700;
  font-size: 20px;
  margin-bottom: 15px;
}

.review-text {
  color: #ddd;
  line-height: 1.8;
  margin-bottom: 20px;
  font-style: italic;
}

.review-author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 15px;
  border-top: 1px solid rgba(255,255,255,0.1);
}

.review-author strong {
  color: var(--accent, #c8aa6e);
  font-size: 16px;
}

.review-author span {
  color: #888;
  font-size: 14px;
}

/* ===== 最新动态 ===== */
.news-section {
  padding: 80px 0;
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.news-card {
  background: var(--bg-card, #1a1a1a);
  border-radius: 12px;
  padding: 30px;
  transition: transform 0.3s;
}

.news-card:hover {
  transform: translateY(-5px);
}

.news-date {
  color: #888;
  font-size: 14px;
  margin-bottom: 15px;
}

.news-title {
  color: var(--accent, #c8aa6e);
  font-size: 20px;
  margin-bottom: 15px;
  line-height: 1.4;
}

.news-excerpt {
  color: #ccc;
  line-height: 1.8;
  margin-bottom: 20px;
}

.news-link {
  color: var(--accent, #c8aa6e);
  text-decoration: none;
  font-weight: 600;
  transition: color 0.3s;
}

.news-link:hover {
  color: #fff;
}

/* ===== 新手指南 ===== */
.guide-section {
  background: var(--bg-alt, #111);
  padding: 80px 0;
}

.guide-steps {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 30px;
  margin-top: 40px;
}

.guide-step {
  background: var(--bg-card, #1a1a1a);
  border-radius: 12px;
  padding: 30px;
  position: relative;
}

.step-number {
  position: absolute;
  top: -20px;
  left: 30px;
  width: 40px;
  height: 40px;
  background: var(--accent, #c8aa6e);
  color: #000;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
}

.guide-step h3 {
  color: var(--accent, #c8aa6e);
  font-size: 22px;
  margin: 20px 0 15px;
}

.guide-step p {
  color: #ccc;
  line-height: 1.8;
}

/* ===== Hero 内容居中修复 ===== */
.hero-content {
    margin: 0 auto !important;
    text-align: center;
    max-width: 900px !important;
    width: 100% !important;
}

/* Hero flex 居中 */
.classic-hero {
    justify-content: center !important;
}

/* ===== Supporting components ===== */
.logo-text { font-size: 1.4rem; font-weight: 700; color: #e8b64c; letter-spacing: 1px; }
.news-list { display: flex; flex-direction: column; gap: 24px; margin-top: 40px; }
.news-item { background: rgba(232,182,76,.05); border: 1px solid rgba(232,182,76,.15); border-radius: 10px; padding: 26px 28px; transition: .3s; }
.news-item:hover { border-color: rgba(232,182,76,.45); box-shadow: 0 6px 20px rgba(0,0,0,.3); }
.news-tag { display: inline-block; padding: 3px 12px; border-radius: 3px; font-size: 12px; background: rgba(232,182,76,.15); color: #e8b64c; margin-bottom: 10px; }
.news-mark { color: #e8b64c; margin-right: 4px; }
.news-content h3 { font-size: 1.15rem; color: #fff; margin-bottom: 8px; }
.news-content p { font-size: .92rem; color: #b0a090; line-height: 1.7; }
.date-day { display: block; font-size: 1.8rem; font-weight: 700; color: #e8b64c; line-height: 1; }
.date-month { display: block; font-size: .8rem; color: #9a8a70; margin-top: 4px; }
.review-header { display: flex; align-items: center; gap: 14px; margin-bottom: 14px; }
.reviewer-avatar { width: 46px; height: 46px; border-radius: 50%; background: linear-gradient(135deg,#e8b64c,#a07020); display: flex; align-items: center; justify-content: center; font-weight: 700; color: #1a0a0a; flex-shrink: 0; }
.reviewer-info strong { display: block; font-size: .95rem; color: #fff; }
.reviewer-server { font-size: .78rem; color: #9a8a70; }
.review-mark { color: #e8b64c; margin-right: 4px; }
.review-rating { color: #e8b64c; letter-spacing: 2px; margin-bottom: 10px; }
.review-footer { display: flex; align-items: center; gap: 10px; margin-top: 14px; }
.review-date { font-size: .78rem; color: #8a7a60; }
.review-verified { font-size: .75rem; color: #2ecc71; background: rgba(46,204,113,.1); padding: 2px 8px; border-radius: 3px; }
.step-mark { display: inline-block; font-size: 1.6rem; color: #e8b64c; margin-bottom: 10px; }
.step-content h3 { font-size: 1.05rem; color: #fff; margin-bottom: 8px; }
.step-content p { font-size: .9rem; color: #b0a090; line-height: 1.7; }
.v60, .v70, .v86 { display: inline-block; padding: 3px 12px; border-radius: 3px; font-size: .78rem; font-weight: 600; }
.v60 { background: rgba(232,182,76,.15); color: #e8b64c; }
.v70 { background: rgba(167,139,250,.15); color: #a78bfa; }
.v86 { background: rgba(239,68,68,.15); color: #ef4444; }
.update { display: inline-block; padding: 3px 12px; border-radius: 3px; font-size: .78rem; background: rgba(232,182,76,.12); color: #e8b64c; }
.event { display: inline-block; padding: 3px 12px; border-radius: 3px; font-size: .78rem; background: rgba(239,68,68,.15); color: #ef4444; }

/* Keep the compact mobile navigation override after legacy media rules. */
@media (max-width: 768px) {
    .classic-nav {
        position: sticky;
        padding: 12px 0;
    }

    .classic-nav-inner {
        flex-direction: row;
        gap: 10px;
        padding: 0 14px;
    }

    .classic-logo {
        font-size: 18px;
        gap: 8px;
        white-space: nowrap;
    }

    .logo-text {
        font-size: 18px;
    }

    .mark-icon {
        font-size: 20px;
    }

    .classic-menu {
        display: none;
    }

    .classic-hero {
        min-height: auto;
        padding: 76px 16px 54px;
    }
}