/* ============================================
   project-intro.css — 作品集简介
   ============================================ */

.project-intro{
  position:relative;padding:100px 6% 80px;z-index:1;
  background:linear-gradient(180deg,var(--ivory-deep) 0%,var(--ivory) 50%,var(--ivory-light) 100%);
}
.project-intro-inner{
  max-width:980px;margin:0 auto;position:relative;z-index:1;
}
.project-intro-frame{
  position:relative;padding:60px 50px;
  background:linear-gradient(135deg,rgba(244,236,216,0.5),rgba(232,220,192,0.3));
  border:1px solid var(--gold-light);
  box-shadow:0 20px 60px rgba(var(--gold-deep-rgb), 0.1);
}
.project-intro-frame::before,.project-intro-frame::after{content:'';position:absolute;width:50px;height:50px;
  border:1.5px solid var(--gold);opacity:0.7}
.project-intro-frame::before{top:14px;left:14px;border-right:none;border-bottom:none}
.project-intro-frame::after{bottom:14px;right:14px;border-left:none;border-top:none}

.project-intro-label{
  font-family:'Cinzel',serif;font-size:11px;letter-spacing:0.5em;
  color:var(--gold);text-transform:uppercase;text-align:center;margin-bottom:14px;opacity:0.85;
}
.project-intro-title{
  font-family:'Noto Serif SC',serif;font-size:clamp(24px,3.5vw,34px);font-weight:600;
  letter-spacing:0.15em;line-height:1.4;text-align:center;margin:0 0 8px;color:var(--ink);
}
.project-intro-sub{
  font-family:'Cormorant Garamond',serif;font-size:14px;font-style:italic;
  letter-spacing:0.2em;text-align:center;color:var(--gold-deep);margin:0 0 32px;opacity:0.75;
}
.project-intro-body{
  font-family:'Noto Serif SC',serif;font-size:16px;line-height:2.1;color:var(--ink);
  text-align:left;max-width:780px;margin:0 auto;
}
.project-intro-body p{margin:0 0 1em}
.project-intro-tags{
  display:flex;flex-wrap:wrap;justify-content:center;gap:10px;
  margin-top:30px;padding-top:30px;border-top:1px solid var(--gold-light);
}
.project-intro-tag{
  font-family:'Cinzel',serif;font-size:10px;letter-spacing:0.25em;
  padding:6px 14px;border:1px solid var(--gold);color:var(--gold-deep);
  text-transform:uppercase;background:rgba(var(--gold-rgb), 0.04);
}
.project-intro-meta{
  display:flex;justify-content:center;flex-wrap:wrap;gap:30px;
  margin-top:30px;font-family:'Cormorant Garamond',serif;font-size:14px;
  font-style:italic;color:var(--gold-deep);letter-spacing:0.1em;
}
.project-intro-meta span{display:flex;align-items:center;gap:6px}
.project-intro-meta span::before{content:'◆';color:var(--gold);font-size:8px}

@media(max-width:600px){
  .project-intro{padding:60px 4% 50px}
  .project-intro-frame{padding:36px 22px}
  .project-intro-tags{gap:8px}
  .project-intro-tag{font-size:9px;padding:5px 10px}
  .project-intro-meta{gap:16px;font-size:12px}
}

/* ========== 数据卡：3 张选题依据 stat cards ========== */
.project-intro-stats{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:20px;margin-top:36px;
}
.project-intro-stat{
  padding:28px 22px;text-align:center;
  background:linear-gradient(180deg,rgba(244,236,216,0.6),rgba(232,220,192,0.3));
  border:1px solid rgba(var(--gold-deep-rgb), 0.25);
  border-top:2px solid var(--gold);
  position:relative;transition:transform 0.4s ease,box-shadow 0.4s ease;
}
.project-intro-stat:hover{transform:translateY(-3px);box-shadow:0 10px 30px rgba(var(--gold-deep-rgb), 0.18)}
.project-intro-stat-num{
  font-family:'Cinzel Decorative',serif;
  font-size:clamp(28px,3.5vw,42px);font-weight:700;
  color:var(--gold-deep);line-height:1.1;letter-spacing:0.02em;
  background:linear-gradient(180deg,var(--gold-light) 0%,var(--gold-deep) 50%,var(--gold) 100%);
  -webkit-background-clip:text;background-clip:text;
  -webkit-text-fill-color:transparent;
}
.project-intro-stat-unit{
  font-size:0.55em;font-weight:500;color:var(--gold-deep);
  margin-left:3px;letter-spacing:0.05em;
  -webkit-text-fill-color:var(--gold-deep);
}
.project-intro-stat-label{
  font-family:'Noto Serif SC',serif;font-size:13px;font-weight:500;
  color:var(--ink);letter-spacing:0.08em;margin-top:10px;line-height:1.4;
}
.project-intro-stat-source{
  font-family:'Cormorant Garamond',serif;font-size:11px;font-style:italic;
  color:var(--ink-soft);letter-spacing:0.04em;margin-top:8px;opacity:0.75;
}
@media (max-width:760px){
  .project-intro-stats{grid-template-columns:1fr;gap:14px;margin-top:24px}
  .project-intro-stat{padding:20px 18px}
}

/* ============================================
   v7.1.12 project-intro 段暗色增强
   - .project-intro-frame 背景：暗月蓝
   - .project-intro-* 文字 → 月白
   - .project-intro-tag 月金边
   - .project-intro-stat 卡背景：暗月蓝
   ============================================ */
:root[data-theme="dark"] .project-intro {
  background: linear-gradient(180deg, #0F1B2A 0%, #1A2840 50%, #0F1B2A 100%);
}
:root[data-theme="dark"] .project-intro-frame {
  background: linear-gradient(135deg, rgba(36, 58, 82, 0.5), rgba(15, 27, 42, 0.3));
  border-color: var(--gold-light);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4);
}
:root[data-theme="dark"] .project-intro-frame::before,
:root[data-theme="dark"] .project-intro-frame::after {
  border-color: var(--gold-bright);
  opacity: 0.6;
}
:root[data-theme="dark"] .project-intro-label {
  color: var(--gold-light);
}
:root[data-theme="dark"] .project-intro-title {
  color: var(--text-light);
}
:root[data-theme="dark"] .project-intro-sub {
  color: var(--gold-light);
}
:root[data-theme="dark"] .project-intro-body {
  color: var(--text-light);
}
:root[data-theme="dark"] .project-intro-tags {
  border-top-color: var(--gold-light);
}
:root[data-theme="dark"] .project-intro-tag {
  border-color: var(--gold-light);
  color: var(--gold-bright);
  background: rgba(168, 192, 216, 0.06);
}
:root[data-theme="dark"] .project-intro-meta {
  color: var(--gold-light);
}
:root[data-theme="dark"] .project-intro-meta span::before {
  color: var(--gold-bright);
}
:root[data-theme="dark"] .project-intro-stat {
  background: linear-gradient(180deg, rgba(36, 58, 82, 0.6), rgba(15, 27, 42, 0.3));
  border-color: var(--gold-light);
  border-top-color: var(--gold-bright);
}
:root[data-theme="dark"] .project-intro-stat:hover {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4);
}
:root[data-theme="dark"] .project-intro-stat-num {
  background: linear-gradient(180deg, var(--gold-pale) 0%, var(--gold-bright) 50%, var(--gold-light) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}
:root[data-theme="dark"] .project-intro-stat-unit {
  -webkit-text-fill-color: var(--gold-light);
  color: var(--gold-light);
}
:root[data-theme="dark"] .project-intro-stat-label {
  color: var(--text-light);
}
:root[data-theme="dark"] .project-intro-stat-source {
  color: var(--gold-light);
  opacity: 0.85;
}