/* 尤物影视 - 翡翠碧玉·东方美人优雅华韵风格 */
:root{
  --jade-deep:#1a4d3e;
  --jade-emerald:#2d7d64;
  --jade-spring:#4ea882;
  --jade-light:#7fcbaa;
  --jade-pale:#c6e6d2;
  --pearl-white:#f5f2e8;
  --pearl-ivory:#faf6e9;
  --pearl-cream:#f0ead6;
  --gold-chinese:#c7a96e;
  --gold-bright:#e0c88a;
  --gold-pale:#ecdfb1;
  --ink-soft:#3a3a3a;
  --ink-light:#6a6a6a;
  --font-jade:'Songti SC','Noto Serif SC','STSong','SimSun','Cinzel','Playfair Display',serif;
  --font-zhuan:'STXingkai','STKaiti','Kaiti SC','KaiTi','Noto Serif SC',cursive;
  --jade-shadow:0 8px 30px rgba(45,125,100,0.22);
  --jade-glow:0 0 20px rgba(78,168,130,0.35);
}
*{box-sizing:border-box;margin:0;padding:0}
body{
  font-family:var(--font-jade);
  background:var(--pearl-ivory);
  color:var(--ink-soft);
  min-height:100vh;line-height:1.8;
  position:relative;overflow-x:hidden;
}
/* 水墨山水画底纹背景 */
body::before{
  content:'';position:fixed;inset:0;z-index:-3;
  background:
    radial-gradient(ellipse at 15% 25%,rgba(78,168,130,0.18) 0%,transparent 55%),
    radial-gradient(ellipse at 85% 70%,rgba(199,169,110,0.18) 0%,transparent 52%),
    linear-gradient(180deg,var(--pearl-ivory) 0%,var(--pearl-cream) 50%,var(--pearl-white) 100%);
}
/* 宣纸纹理 */
body::after{
  content:'';position:fixed;inset:0;z-index:-2;opacity:0.7;
  background-image:
    repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(45,125,100,0.03) 2px,rgba(45,125,100,0.03) 3px),
    repeating-linear-gradient(90deg,transparent 0,transparent 4px,rgba(199,169,110,0.04) 4px,rgba(199,169,110,0.04) 5px);
}
/* 玉质光晕浮动 */
.yw-halo{position:fixed;border-radius:50%;filter:blur(90px);
  pointer-events:none;z-index:-1;opacity:0.5;
  animation:ywHalo 22s ease-in-out infinite;
}
.halo-1{width:520px;height:520px;
  background:radial-gradient(circle,rgba(127,203,170,0.45),transparent 70%);
  top:-100px;right:-80px;
}
.halo-2{width:460px;height:460px;
  background:radial-gradient(circle,rgba(199,169,110,0.38),transparent 70%);
  bottom:-140px;left:-60px;animation-delay:-7s;
}
@keyframes ywHalo{
  0%,100%{transform:translate(0,0) scale(1);opacity:0.45}
  50%{transform:translate(20px,-20px) scale(1.1);opacity:0.6}
}
/* 飘落的碧玉花瓣 */
.jade-petal{
  position:fixed;top:-40px;width:14px;height:14px;
  background:linear-gradient(135deg,var(--jade-spring),var(--jade-light));
  border-radius:150% 0 150% 0;opacity:0.65;z-index:0;pointer-events:none;
  animation:jadeFall linear infinite;
}
@keyframes jadeFall{
  0%{transform:translateY(-50px) rotate(0deg);opacity:0.8}
  100%{transform:translateY(100vh) rotate(640deg);opacity:0.15}
}
.container{max-width:1180px;margin:0 auto;padding:0 28px}

/* ========== Header ========== */
.yw-header{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(18px);
  background:rgba(250,246,233,0.92);
  border-bottom:2px solid transparent;
  background-image:linear-gradient(var(--pearl-ivory),var(--pearl-ivory)),
    linear-gradient(90deg,transparent,var(--jade-emerald),var(--gold-chinese),var(--jade-emerald),transparent);
  background-origin:border-box;background-clip:padding-box,border-box;
  box-shadow:0 4px 24px rgba(26,77,62,0.12);
}
.yw-header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 0}
.yw-logo{display:flex;align-items:center;gap:14px}
.yw-jade-logo{
  width:60px;height:72px;position:relative;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
}
/* 翡翠玉环+流苏 */
.yw-jade-ring{
  width:54px;height:54px;border-radius:50%;position:relative;
  background:
    radial-gradient(circle at 35% 30%,rgba(255,255,255,0.85),transparent 45%),
    conic-gradient(from 135deg,var(--jade-pale),var(--jade-spring),var(--jade-emerald),var(--jade-deep),var(--jade-emerald),var(--jade-spring),var(--jade-pale));
  box-shadow:inset 0 0 8px rgba(255,255,255,0.6),0 0 18px rgba(78,168,130,0.45),
    inset 0 3px 10px rgba(26,77,62,0.4);
  animation:ywJadeSpin 18s linear infinite;
}
.yw-jade-ring::before{
  content:'';position:absolute;inset:16%;border-radius:50%;
  background:var(--pearl-ivory);
  box-shadow:inset 0 0 6px rgba(26,77,62,0.25);
}
.yw-jade-ring::after{
  content:'物';position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);
  font-family:var(--font-zhuan);font-weight:700;font-size:16px;
  color:var(--jade-deep);letter-spacing:0;
  text-shadow:0 1px 2px rgba(255,255,255,0.6);
}
@keyframes ywJadeSpin{to{transform:rotate(360deg)}}
.yw-jade-tassel{
  position:absolute;bottom:-6px;width:3px;height:18px;
  background:linear-gradient(180deg,var(--gold-chinese),var(--gold-bright),var(--gold-pale));
  border-radius:0 0 4px 4px;
}
.yw-jade-tassel::before,.yw-jade-tassel::after{
  content:'';position:absolute;top:12px;width:1.5px;height:14px;
  background:inherit;opacity:0.7;
}
.yw-jade-tassel::before{left:-4px;transform:rotate(-18deg);border-radius:0 0 3px 3px;}
.yw-jade-tassel::after{right:-4px;transform:rotate(18deg);border-radius:0 0 3px 3px;}

.yw-brand{
  font-family:var(--font-zhuan);font-size:26px;font-weight:700;letter-spacing:4px;
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.yw-brand-sub{
  font-size:10.5px;color:var(--gold-chinese);letter-spacing:5px;margin-top:3px;
  font-family:var(--font-jade);font-weight:600;
}
.yw-user-btns{display:flex;gap:12px}
.yw-btn-guest,.yw-btn-vip{
  padding:9px 20px;border-radius:4px 18px 4px 18px;
  font-size:13px;font-weight:700;text-decoration:none;transition:.3s;cursor:pointer;
  font-family:var(--font-jade);letter-spacing:2px;position:relative;
}
.yw-btn-guest{
  color:var(--jade-emerald);
  border:1.5px solid var(--jade-spring);
  background:rgba(198,230,210,0.3);
}
.yw-btn-guest:hover{background:linear-gradient(135deg,var(--jade-pale),rgba(198,230,210,0.5));
  border-color:var(--jade-emerald);
  box-shadow:var(--jade-glow);
  color:var(--jade-deep);transform:translateY(-2px);
}
.yw-btn-vip{
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  background-size:200% 100%;
  color:var(--pearl-white);border:none;
  box-shadow:var(--jade-shadow);
}
.yw-btn-vip::after{
  content:'';position:absolute;inset:3px;border-radius:4px 18px 4px 18px;
  border:1px solid rgba(255,255,255,0.45);pointer-events:none;
}
.yw-btn-vip:hover{background-position:100% 0;transform:translateY(-2px);
  box-shadow:0 10px 32px rgba(45,125,100,0.4);
}

/* ========== Nav ========== */
.yw-nav{
  background:linear-gradient(90deg,transparent,rgba(198,230,210,0.6),rgba(236,223,177,0.55),rgba(198,230,210,0.6),transparent);
  border-top:1px dashed var(--jade-spring);
  border-bottom:1px dashed var(--jade-spring);
  position:relative;
}
.yw-nav::before,.yw-nav::after{
  content:'❀';position:absolute;top:50%;transform:translateY(-50%);
  color:var(--jade-emerald);font-size:15px;opacity:0.7;
}
.yw-nav::before{left:2%}
.yw-nav::after{right:2%}
.yw-nav ul{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:0}
.yw-nav a{
  display:block;padding:14px 26px;color:var(--ink-soft);
  text-decoration:none;font-size:14px;font-weight:600;letter-spacing:3px;
  transition:.3s;position:relative;font-family:var(--font-jade);
}
.yw-nav a::before{
  content:'❖';position:absolute;left:6px;top:50%;transform:translateY(-50%) scale(0);
  color:var(--jade-emerald);font-size:11px;transition:.25s;opacity:0;
}
.yw-nav a.active,.yw-nav a:hover{color:var(--jade-deep)}
.yw-nav a.active::before,.yw-nav a:hover::before{opacity:0.9;left:10px;transform:translateY(-50%) scale(1)}
.yw-nav a.active::after{
  content:'';position:absolute;bottom:0;left:18%;right:18%;height:2.5px;
  background:linear-gradient(90deg,transparent,var(--jade-emerald),var(--gold-chinese),var(--jade-emerald),transparent);
  border-radius:2px;
}

/* ========== Hero ========== */
.yw-hero{padding:90px 0 70px;text-align:center;position:relative;overflow:hidden}
.yw-hero-ornament-top{
  position:absolute;top:26px;left:50%;transform:translateX(-50%);
  font-family:var(--font-zhuan);font-size:18px;letter-spacing:22px;color:var(--jade-emerald);opacity:0.55;
}
.yw-hero-ornament-top::before,.yw-hero-ornament-top::after{
  content:'~~';color:var(--gold-chinese);margin:0 16px;letter-spacing:-2px;font-size:16px;
}
.yw-hero-content{position:relative;z-index:2}
.yw-hero-seal{
  display:inline-block;padding:8px 26px;margin-bottom:28px;
  background:rgba(198,230,210,0.4);
  border:1.5px solid var(--jade-spring);color:var(--jade-deep);
  font-family:var(--font-zhuan);font-size:14px;letter-spacing:6px;font-weight:700;
  border-radius:2px 22px 2px 22px;position:relative;
}
.yw-hero-seal::before,.yw-hero-seal::after{
  content:'❀';position:absolute;top:50%;transform:translateY(-50%);
  color:var(--jade-emerald);font-size:12px;opacity:0.8;
}
.yw-hero-seal::before{left:8px}
.yw-hero-seal::after{right:8px}
.yw-hero-title{font-size:clamp(42px,6.4vw,74px);line-height:1.28;margin-bottom:18px;font-weight:700;
  font-family:var(--font-zhuan);letter-spacing:5px;
}
.yw-hero-title .t1{
  display:block;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald) 55%,var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 3px 16px rgba(45,125,100,0.22);
}
.yw-hero-title .t2{
  display:block;margin-top:10px;
  font-family:var(--font-jade);font-style:italic;font-weight:600;
  font-size:0.35em;letter-spacing:8px;color:var(--gold-chinese);
}
.yw-hero-title .t2 em{
  font-family:var(--font-zhuan);font-style:normal;font-size:1.9em;
  background:linear-gradient(135deg,var(--jade-emerald),var(--gold-chinese));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding:0 6px;letter-spacing:3px;
}
.yw-hero-sub{font-size:16px;color:var(--ink-light);margin-bottom:36px;
  letter-spacing:4px;font-weight:500;font-family:var(--font-jade);
}
.yw-hero-btns{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}
.yw-btn{
  padding:14px 36px;border-radius:4px 22px 4px 22px;text-decoration:none;
  font-weight:700;letter-spacing:3px;font-size:14px;transition:.3s;cursor:pointer;
  font-family:var(--font-jade);display:inline-block;position:relative;
}
.yw-btn-primary{
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring),var(--jade-emerald));
  background-size:200% 100%;color:var(--pearl-white);
  box-shadow:var(--jade-shadow);
}
.yw-btn-primary::after{
  content:'';position:absolute;inset:4px;border-radius:4px 22px 4px 22px;
  border:1px solid rgba(255,255,255,0.5);pointer-events:none;
}
.yw-btn-primary:hover{background-position:100% 0;transform:translateY(-3px);
  box-shadow:0 14px 40px rgba(45,125,100,0.42);
}
.yw-btn-ghost{
  color:var(--jade-deep);border:1.5px solid var(--jade-emerald);
  background:rgba(198,230,210,0.35);
}
.yw-btn-ghost:hover{background:linear-gradient(135deg,var(--jade-pale),rgba(236,223,177,0.35));
  border-color:var(--jade-deep);transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(45,125,100,0.2),var(--jade-glow);
}

/* ========== Stats ========== */
.yw-stats{padding:48px 0;
  border-top:1.5px solid;
  border-bottom:1.5px solid;
  border-image:linear-gradient(90deg,transparent,var(--jade-spring),var(--gold-chinese),var(--jade-spring),transparent) 1;
  background:
    linear-gradient(90deg,rgba(198,230,210,0.35),rgba(250,246,233,0.7),rgba(236,223,177,0.3),rgba(250,246,233,0.7),rgba(198,230,210,0.35));
  position:relative;
}
.yw-stats::before,.yw-stats::after{
  content:'❀  ❀  ❀';position:absolute;left:50%;transform:translateX(-50%);
  color:var(--jade-emerald);font-size:12px;letter-spacing:18px;opacity:0.55;
}
.yw-stats::before{top:14px}
.yw-stats::after{bottom:14px}
.yw-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.yw-stat{
  text-align:center;padding:22px 16px;border-radius:2px 18px 2px 18px;
  background:linear-gradient(160deg,rgba(255,255,255,0.6),rgba(198,230,210,0.35));
  border-top:2px solid var(--jade-spring);
  border-bottom:2px solid var(--gold-chinese);
  position:relative;
}
.yw-stat::before,.yw-stat::after{
  content:'';position:absolute;width:14px;height:14px;opacity:0.7;
}
.yw-stat::before{top:6px;left:6px;
  border-top:2px solid var(--jade-emerald);border-left:2px solid var(--jade-emerald);
  border-radius:4px 0 0 0;
}
.yw-stat::after{bottom:6px;right:6px;
  border-bottom:2px solid var(--gold-chinese);border-right:2px solid var(--gold-chinese);
  border-radius:0 0 4px 0;
}
.yw-stat-num{font-size:36px;font-weight:700;letter-spacing:1px;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:var(--font-jade);
}
.yw-stat-label{color:var(--ink-light);font-size:12.5px;margin-top:4px;
  letter-spacing:3px;font-weight:700;font-family:var(--font-jade);
}

/* ========== Section ========== */
.yw-section{padding:78px 0;position:relative}
.yw-section-head{text-align:center;margin-bottom:48px;position:relative}
.yw-section-head::before{
  content:'❀  ❖  ❀';color:var(--jade-emerald);font-size:13px;
  letter-spacing:16px;display:block;margin-bottom:12px;opacity:0.65;font-family:var(--font-zhuan);
}
.yw-section-head::after{
  content:'·  ·  ·  翡 翠 碧 玉 · 东 方 华 韵  ·  ·  ·';color:var(--gold-chinese);
  font-size:12.5px;letter-spacing:4px;font-weight:700;
  display:block;margin-top:16px;opacity:0.7;font-family:var(--font-zhuan);
}
.yw-section-title{font-size:clamp(28px,4vw,40px);font-weight:700;
  margin-bottom:10px;letter-spacing:4px;font-family:var(--font-zhuan);
  color:var(--jade-deep);
}
.yw-section-title span{
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  padding-bottom:4px;position:relative;
}
.yw-section-title span::before,.yw-section-title span::after{
  content:'';position:absolute;bottom:0;width:30%;height:2px;
  background:linear-gradient(90deg,transparent,var(--jade-emerald));
  border-radius:2px;
}
.yw-section-title span::before{left:0}
.yw-section-title span::after{right:0;background:linear-gradient(90deg,var(--jade-emerald),transparent)}
.yw-section-sub{color:var(--ink-light);font-size:14.5px;letter-spacing:3px;font-weight:600;font-family:var(--font-jade);}

/* ========== Card Grid ========== */
.yw-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.yw-card{
  background:linear-gradient(160deg,rgba(255,255,255,0.75),rgba(198,230,210,0.3));
  border:1.5px solid rgba(45,125,100,0.25);
  border-radius:3px 22px 3px 22px;overflow:hidden;cursor:pointer;transition:.4s;
  position:relative;box-shadow:0 4px 18px rgba(26,77,62,0.1);
}
.yw-card::before,.yw-card::after{
  content:'';position:absolute;z-index:3;width:20px;height:20px;opacity:0.6;transition:.3s;
}
.yw-card::before{top:10px;left:10px;
  border-top:2px solid var(--jade-emerald);border-left:2px solid var(--jade-emerald);
  border-radius:3px 0 0 0;
}
.yw-card::after{top:10px;right:10px;
  border-top:2px solid var(--gold-chinese);border-right:2px solid var(--gold-chinese);
  border-radius:0 3px 0 0;
}
.yw-card:hover{transform:translateY(-6px) rotate(-0.4deg);
  border-color:var(--jade-emerald);
  box-shadow:0 18px 44px rgba(26,77,62,0.22),0 0 26px rgba(78,168,130,0.2);
}
.yw-card:hover::before,.yw-card:hover::after{width:28px;height:28px;opacity:1}
.yw-card-thumb{
  height:160px;position:relative;display:flex;align-items:center;justify-content:center;
  font-size:54px;
  background:
    radial-gradient(circle at 30% 25%,rgba(198,230,210,0.7),transparent 55%),
    linear-gradient(135deg,rgba(250,246,233,0.95),rgba(198,230,210,0.7));
  border-bottom:1.5px dashed var(--jade-spring);overflow:hidden;
}
.yw-card-thumb::before{
  content:'';position:absolute;inset:0;
  background-image:
    repeating-linear-gradient(45deg,transparent 0,transparent 16px,rgba(45,125,100,0.05) 16px,rgba(45,125,100,0.05) 17px);
}
.yw-card-thumb::after{
  content:'❀';position:absolute;bottom:8px;right:14px;
  font-size:14px;color:var(--jade-emerald);opacity:0.55;
}
.yw-tag{
  position:absolute;top:10px;left:40px;z-index:4;padding:3px 12px;
  background:linear-gradient(135deg,var(--jade-emerald),var(--jade-spring));
  color:var(--pearl-white);font-size:10.5px;font-weight:700;letter-spacing:1px;
  border-radius:2px 10px 2px 10px;font-family:var(--font-jade);
  box-shadow:0 3px 10px rgba(45,125,100,0.3);
}
.yw-tag::after{
  content:'';position:absolute;inset:2px;border:1px solid rgba(255,255,255,0.55);
  border-radius:2px 9px 2px 9px;
}
.yw-card-body{padding:14px 16px 18px}
.yw-card-title{font-size:14px;font-weight:700;color:var(--jade-deep);
  line-height:1.55;margin-bottom:10px;letter-spacing:0.5px;
  font-family:var(--font-jade);
}
.yw-card-meta{display:flex;justify-content:space-between;align-items:center;font-size:11.5px}
.yw-card-meta .views{color:var(--jade-emerald);font-weight:700;letter-spacing:0.5px;
  font-family:var(--font-jade);
}
.yw-card-meta .hd{
  color:var(--gold-chinese);
  border:1.5px solid var(--gold-chinese);padding:1.5px 8px;border-radius:2px 10px 2px 10px;
  font-weight:700;font-family:var(--font-jade);
  background:rgba(236,223,177,0.4);
}

/* ========== Features ========== */
.yw-features{
  background:linear-gradient(180deg,transparent,rgba(198,230,210,0.3) 50%,transparent);
}
.yw-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.yw-feat{
  padding:34px 26px 30px;border-radius:3px 26px 3px 26px;
  background:linear-gradient(160deg,rgba(255,255,255,0.8),rgba(236,223,177,0.25));
  border:1.5px solid rgba(78,168,130,0.35);
  text-align:center;transition:.4s;position:relative;overflow:hidden;
}
.yw-feat::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--jade-deep),var(--jade-spring),var(--gold-chinese),var(--jade-spring),var(--jade-deep));
  border-radius:3px 26px 0 0;
}
.yw-feat::after{
  content:'';position:absolute;inset:0;opacity:0;transition:.4s;
  background:radial-gradient(circle at 50% 0%,rgba(78,168,130,0.15),transparent 60%);
}
.yw-feat:hover{transform:translateY(-5px);
  border-color:var(--jade-emerald);
  box-shadow:0 18px 44px rgba(26,77,62,0.18),var(--jade-glow);
}
.yw-feat:hover::after{opacity:1}
.yw-feat-icon{font-size:48px;margin-bottom:14px;display:inline-block;position:relative;z-index:2;
  filter:drop-shadow(0 0 8px rgba(78,168,130,0.4));
}
.yw-feat-title{font-size:18px;font-weight:700;margin-bottom:10px;letter-spacing:3px;
  font-family:var(--font-zhuan);
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  position:relative;z-index:2;
}
.yw-feat-desc{color:var(--ink-light);font-size:13.5px;line-height:1.9;
  position:relative;z-index:2;font-weight:500;
}

/* ========== Pricing ========== */
.yw-pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px}
.yw-price-card{
  background:linear-gradient(160deg,rgba(255,255,255,0.85),rgba(198,230,210,0.35));
  border:1.5px solid rgba(45,125,100,0.3);border-radius:3px 28px 3px 28px;
  padding:34px 26px;text-align:center;transition:.4s;position:relative;overflow:hidden;
}
.yw-price-card::before{
  content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;
  background:linear-gradient(90deg,transparent,rgba(78,168,130,0.14),transparent);
  transition:left .7s;
}
.yw-price-card:hover{transform:translateY(-5px);
  box-shadow:0 20px 52px rgba(26,77,62,0.2),0 0 26px rgba(78,168,130,0.2);
}
.yw-price-card:hover::before{left:100%}
.yw-price-card.featured{
  transform:scale(1.05);
  border:2.5px solid transparent;border-radius:3px 28px 3px 28px;
  background:
    linear-gradient(var(--pearl-white),var(--pearl-ivory)) padding-box,
    linear-gradient(160deg,var(--jade-deep),var(--jade-spring),var(--gold-chinese),var(--jade-spring),var(--jade-deep)) border-box;
  box-shadow:0 0 36px rgba(78,168,130,0.28);
}
.yw-price-badge{
  position:absolute;top:-14px;left:50%;transform:translateX(-50%);
  padding:7px 24px;
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  color:var(--pearl-white);font-size:11.5px;font-weight:800;letter-spacing:3px;
  border-radius:2px 14px 2px 14px;font-family:var(--font-jade);
  box-shadow:0 5px 18px rgba(45,125,100,0.38);
}
.yw-price-badge::after{
  content:'';position:absolute;inset:3px;border:1px solid rgba(255,255,255,0.55);
  border-radius:2px 12px 2px 12px;
}
.yw-price-name{font-size:17px;font-weight:700;margin-bottom:18px;letter-spacing:3px;
  font-family:var(--font-zhuan);color:var(--jade-deep);
}
.yw-price-num{font-size:44px;font-weight:700;margin-bottom:6px;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:var(--font-jade);letter-spacing:1px;
}
.yw-price-num small{font-size:15px;color:var(--ink-light);font-weight:600;
  -webkit-text-fill-color:var(--ink-light);background:none;
  margin-left:3px;letter-spacing:0;font-family:var(--font-jade);
}
.yw-price-desc{color:var(--jade-emerald);font-size:12.5px;margin-bottom:22px;
  letter-spacing:2px;font-weight:700;opacity:0.9;font-family:var(--font-jade);
}
.yw-price-list{list-style:none;text-align:left;margin-bottom:26px}
.yw-price-list li{padding:8px 0 8px 28px;color:var(--ink-soft);font-size:13px;
  border-bottom:1px dashed rgba(45,125,100,0.3);position:relative;
  font-weight:500;line-height:1.55;
}
.yw-price-list li::before{
  content:'❀';position:absolute;left:7px;top:10px;
  color:var(--jade-emerald);font-size:11px;
}
.yw-price-list li:last-child{border-bottom:none}
.yw-price-btn{
  display:block;width:100%;padding:12px;text-align:center;text-decoration:none;
  border-radius:4px 18px 4px 18px;font-weight:800;letter-spacing:3px;font-size:13px;
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  color:var(--pearl-white);transition:.3s;cursor:pointer;font-family:var(--font-jade);
  position:relative;box-shadow:0 4px 18px rgba(45,125,100,0.28);
}
.yw-price-btn::after{
  content:'';position:absolute;inset:4px;border-radius:4px 18px 4px 18px;
  border:1px solid rgba(255,255,255,0.5);pointer-events:none;
}
.yw-price-btn:hover{transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(45,125,100,0.45);
}

/* ========== Timeline ========== */
.yw-timeline{max-width:820px;margin:0 auto;position:relative;padding:20px 0}
.yw-timeline::before{
  content:'';position:absolute;left:120px;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,var(--jade-spring),var(--jade-emerald),var(--gold-chinese),var(--jade-emerald),var(--jade-spring));
  border-radius:2px;opacity:0.65;
}
.yw-tl-item{position:relative;padding:0 0 32px 180px}
.yw-tl-year{
  position:absolute;left:0;top:0;width:100px;text-align:center;padding:10px 8px;
  background:linear-gradient(135deg,var(--pearl-white),var(--jade-pale));
  color:var(--jade-deep);border-radius:3px 16px 3px 16px;
  font-weight:700;letter-spacing:2px;font-size:13px;
  border:1.5px solid var(--jade-emerald);font-family:var(--font-jade);
  box-shadow:0 4px 14px rgba(26,77,62,0.12),inset 0 0 10px rgba(78,168,130,0.08);
}
.yw-tl-year::after{
  content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);
  width:16px;height:16px;border-radius:50%;
  background:radial-gradient(circle at 35% 35%,var(--jade-pale),var(--jade-emerald));
  box-shadow:0 0 0 3px rgba(198,230,210,0.6),0 0 18px rgba(78,168,130,0.5);
}
.yw-tl-title{font-size:17px;font-weight:700;margin-bottom:6px;letter-spacing:2px;
  color:var(--jade-emerald);font-family:var(--font-zhuan);
}
.yw-tl-desc{color:var(--ink-light);font-size:13.5px;line-height:1.85;font-weight:500}

/* ========== Rank List ========== */
.yw-rank-list{display:flex;flex-direction:column;gap:14px;max-width:980px;margin:0 auto}
.yw-rank-item{
  display:grid;grid-template-columns:72px 1fr auto;gap:20px;align-items:center;
  padding:18px 26px;border-radius:3px 22px 3px 22px;
  background:linear-gradient(90deg,rgba(255,255,255,0.7),rgba(198,230,210,0.35));
  border:1.5px solid rgba(78,168,130,0.3);transition:.4s;position:relative;
}
.yw-rank-item::before{
  content:'';position:absolute;top:0;bottom:0;left:0;width:4px;
  background:linear-gradient(180deg,var(--jade-spring),var(--jade-emerald),var(--gold-chinese));
  border-radius:3px 0 0 3px;
}
.yw-rank-item:hover{transform:translateX(8px);
  border-color:var(--jade-emerald);
  box-shadow:0 12px 34px rgba(26,77,62,0.18),0 0 22px rgba(78,168,130,0.18);
}
.yw-rank-num{font-family:var(--font-jade);font-weight:700;font-size:34px;text-align:center;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;letter-spacing:1px;
}
.yw-rank-item:nth-child(1) .yw-rank-num{font-size:40px;
  background:linear-gradient(180deg,var(--gold-chinese),var(--gold-bright),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.yw-rank-title{font-size:15.5px;font-weight:700;margin-bottom:5px;letter-spacing:0.5px;
  color:var(--jade-deep);font-family:var(--font-jade);
}
.yw-rank-meta{color:var(--ink-light);font-size:12px;letter-spacing:2px;font-weight:600}
.yw-rank-score{text-align:center;padding-left:20px;
  border-left:1.5px dashed rgba(78,168,130,0.4);
}
.yw-rank-score .num{font-size:26px;font-weight:700;letter-spacing:1px;
  font-family:var(--font-jade);
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.yw-rank-score .label{color:var(--ink-light);font-size:11.5px;margin-top:-4px;
  letter-spacing:2px;font-family:var(--font-jade);font-weight:700;
}

/* ========== News List ========== */
.yw-news-list{display:flex;flex-direction:column;gap:22px;max-width:980px;margin:0 auto}
.yw-news-item{
  display:grid;grid-template-columns:100px 1fr;gap:22px;
  padding:24px 28px;border-radius:3px 22px 3px 22px;
  background:linear-gradient(135deg,rgba(255,255,255,0.7),rgba(198,230,210,0.3));
  border:1.5px solid rgba(78,168,130,0.28);transition:.4s;position:relative;
}
.yw-news-item::after{
  content:'❀';position:absolute;top:18px;right:20px;
  color:var(--jade-emerald);font-size:14px;opacity:0.55;
}
.yw-news-item:hover{transform:translateY(-3px);
  border-color:var(--jade-emerald);
  box-shadow:0 14px 40px rgba(26,77,62,0.18),0 0 22px rgba(78,168,130,0.18);
}
.yw-news-date{
  text-align:center;padding:14px 10px;border-radius:3px 16px 3px 16px;
  background:linear-gradient(180deg,rgba(198,230,210,0.5),rgba(255,255,255,0.5));
  border:1.5px solid var(--jade-spring);
}
.yw-news-date .day{font-size:30px;font-weight:700;display:block;line-height:1;
  font-family:var(--font-jade);
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.yw-news-date .month{color:var(--ink-light);font-size:11.5px;
  margin-top:6px;letter-spacing:1.5px;font-weight:700;display:block;
  font-family:var(--font-jade);
}
.yw-news-title{font-size:17px;font-weight:700;margin-bottom:9px;letter-spacing:2px;
  color:var(--jade-deep);font-family:var(--font-zhuan);
}
.yw-news-excerpt{color:var(--ink-light);font-size:13.5px;line-height:1.9;margin-bottom:11px;font-weight:500}
.yw-news-tags{display:flex;flex-wrap:wrap;gap:8px}
.yw-news-tags span{
  padding:3px 12px;font-size:11px;border-radius:2px 12px 2px 12px;letter-spacing:1px;
  background:rgba(198,230,210,0.45);color:var(--jade-deep);
  border:1px solid var(--jade-spring);font-weight:700;font-family:var(--font-jade);
}

/* ========== CTA ========== */
.yw-cta{
  padding:74px 0;text-align:center;position:relative;overflow:hidden;
  background:
    linear-gradient(135deg,rgba(198,230,210,0.6),rgba(250,246,233,0.85)),
    radial-gradient(ellipse at 25% 30%,rgba(78,168,130,0.3),transparent 50%),
    radial-gradient(ellipse at 75% 70%,rgba(199,169,110,0.28),transparent 50%);
  border-top:2px solid transparent;
  border-bottom:2px solid transparent;
  background-image:
    linear-gradient(135deg,rgba(198,230,210,0.6),rgba(250,246,233,0.85)),
    radial-gradient(ellipse at 25% 30%,rgba(78,168,130,0.3),transparent 50%),
    radial-gradient(ellipse at 75% 70%,rgba(199,169,110,0.28),transparent 50%),
    linear-gradient(90deg,var(--jade-deep),var(--jade-spring),var(--gold-chinese),var(--jade-spring),var(--jade-deep)),
    linear-gradient(90deg,var(--jade-deep),var(--jade-spring),var(--gold-chinese),var(--jade-spring),var(--jade-deep));
  background-origin:padding-box,padding-box,padding-box,border-box,border-box;
  background-clip:padding-box,padding-box,padding-box,border-box,border-box;
}
.yw-cta::before{
  content:'~ ~ ~  翡 翠 碧 玉 · 尤 物 影 视  ~ ~ ~';position:absolute;top:22px;left:50%;
  transform:translateX(-50%);color:var(--jade-emerald);
  letter-spacing:10px;font-size:12px;opacity:0.65;font-family:var(--font-zhuan);
}
.yw-cta h2{font-size:clamp(26px,4vw,40px);font-weight:700;margin-bottom:14px;
  letter-spacing:4px;font-family:var(--font-zhuan);color:var(--jade-deep);position:relative;
}
.yw-cta .h2-x{
  background:linear-gradient(135deg,var(--jade-emerald),var(--gold-chinese));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-style:italic;padding:0 5px;letter-spacing:2px;
}
.yw-cta p{color:var(--ink-light);margin-bottom:30px;font-size:15px;
  letter-spacing:3px;font-weight:600;position:relative;font-family:var(--font-jade);
}

/* ========== Contact ========== */
.yw-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.yw-contact-info{padding:30px;border-radius:3px 24px 3px 24px;
  background:linear-gradient(160deg,rgba(255,255,255,0.8),rgba(198,230,210,0.35));
  border:1.5px solid rgba(78,168,130,0.35);position:relative;
}
.yw-contact-info::before{
  content:'';position:absolute;top:0;left:0;right:0;height:3px;
  background:linear-gradient(90deg,var(--jade-deep),var(--jade-spring),var(--gold-chinese),var(--jade-spring),var(--jade-deep));
  border-radius:3px 24px 0 0;
}
.yw-contact-info h3{font-size:21px;font-weight:700;margin-bottom:14px;letter-spacing:3px;
  font-family:var(--font-zhuan);
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.yw-contact-info p{color:var(--ink-light);font-size:13.5px;line-height:1.9;margin-bottom:22px;font-weight:500}
.yw-contact-line{display:flex;gap:14px;align-items:center;padding:14px 0;
  border-bottom:1.5px dashed rgba(78,168,130,0.35);
}
.yw-contact-line:last-child{border-bottom:none}
.yw-contact-line .ico{font-size:24px;
  filter:drop-shadow(0 0 5px rgba(78,168,130,0.4));
}
.yw-contact-line .label{color:var(--jade-emerald);font-size:11.5px;margin-bottom:4px;
  letter-spacing:2.5px;font-weight:700;font-family:var(--font-jade);
}
.yw-contact-line .val{color:var(--ink-soft);font-size:14px;font-weight:700}
.yw-contact-form{padding:30px;border-radius:3px 24px 3px 24px;
  background:linear-gradient(160deg,rgba(250,246,233,0.7),rgba(236,223,177,0.25));
  border:1.5px solid rgba(78,168,130,0.35);position:relative;
}
.yw-form-group{margin-bottom:18px}
.yw-form-group label{
  display:block;color:var(--jade-deep);font-size:11.5px;margin-bottom:6px;
  letter-spacing:2.5px;font-weight:700;font-family:var(--font-jade);
}
.yw-form-group label::before{content:'❀  ';color:var(--jade-spring);font-size:10px}
.yw-form-group input,.yw-form-group select,.yw-form-group textarea{
  width:100%;padding:11px 14px;border-radius:4px 14px 4px 14px;
  background:rgba(255,255,255,0.75);
  border:1.5px solid rgba(78,168,130,0.4);
  color:var(--ink-soft);font-size:13.5px;font-family:var(--font-jade);
  transition:.3s;outline:none;letter-spacing:0.5px;
}
.yw-form-group input:focus,.yw-form-group select:focus,.yw-form-group textarea:focus{
  border-color:var(--jade-emerald);
  background:rgba(255,255,255,0.95);
  box-shadow:0 0 0 3px rgba(78,168,130,0.12),inset 0 0 10px rgba(198,230,210,0.25);
}
.yw-form-group textarea{min-height:100px;resize:vertical;line-height:1.7}
.yw-form-submit{
  width:100%;padding:13px;border-radius:4px 20px 4px 20px;border:none;cursor:pointer;
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring),var(--jade-emerald));
  background-size:200% 100%;
  color:var(--pearl-white);font-weight:800;letter-spacing:4px;font-size:14px;
  font-family:var(--font-jade);transition:.3s;position:relative;
  box-shadow:0 4px 18px rgba(45,125,100,0.3);
}
.yw-form-submit::after{
  content:'';position:absolute;inset:4px;border-radius:4px 20px 4px 20px;
  border:1px solid rgba(255,255,255,0.55);pointer-events:none;
}
.yw-form-submit:hover{background-position:100% 0;transform:translateY(-2px);
  box-shadow:0 10px 30px rgba(45,125,100,0.45);
}

/* ========== FAQ ========== */
.yw-faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1020px;margin:0 auto}
.yw-faq-item{padding:22px;border-radius:3px 20px 3px 20px;
  background:linear-gradient(160deg,rgba(255,255,255,0.75),rgba(198,230,210,0.3));
  border:1.5px solid rgba(78,168,130,0.3);transition:.4s;
}
.yw-faq-item:hover{border-color:var(--jade-emerald);
  box-shadow:0 10px 30px rgba(26,77,62,0.16);
}
.yw-faq-q{font-size:14.5px;font-weight:700;margin-bottom:9px;letter-spacing:1px;
  color:var(--jade-deep);font-family:var(--font-zhuan);
}
.yw-faq-q::before{content:'Q.  ';color:var(--jade-spring);font-size:15px;letter-spacing:0}
.yw-faq-a{color:var(--ink-light);font-size:13px;line-height:1.9;font-weight:500}

/* ========== Tabs ========== */
.yw-tabs{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:38px}
.yw-tab{padding:9px 20px;border-radius:3px 16px 3px 16px;font-size:12.5px;font-weight:700;letter-spacing:2px;
  border:1.5px solid var(--jade-spring);background:rgba(198,230,210,0.3);
  color:var(--jade-deep);cursor:pointer;transition:.3s;font-family:var(--font-jade);
}
.yw-tab:hover{border-color:var(--jade-emerald);background:var(--jade-pale);color:var(--jade-deep)}
.yw-tab.active{
  background:linear-gradient(135deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  color:var(--pearl-white);border-color:transparent;
  box-shadow:0 4px 18px rgba(45,125,100,0.35);position:relative;
}
.yw-tab.active::after{
  content:'';position:absolute;inset:3px;border-radius:3px 14px 3px 14px;
  border:1px solid rgba(255,255,255,0.55);pointer-events:none;
}

/* ========== Page Banner ========== */
.yw-page-banner{
  padding:70px 0 52px;text-align:center;position:relative;
  background:
    radial-gradient(ellipse at 30% 25%,rgba(78,168,130,0.25),transparent 55%),
    radial-gradient(ellipse at 70% 75%,rgba(199,169,110,0.25),transparent 50%),
    linear-gradient(180deg,rgba(198,230,210,0.5),var(--pearl-ivory));
  border-bottom:2px solid transparent;
  background-image:
    radial-gradient(ellipse at 30% 25%,rgba(78,168,130,0.25),transparent 55%),
    radial-gradient(ellipse at 70% 75%,rgba(199,169,110,0.25),transparent 50%),
    linear-gradient(180deg,rgba(198,230,210,0.5),var(--pearl-ivory)),
    linear-gradient(90deg,transparent,var(--jade-emerald),var(--gold-chinese),var(--jade-emerald),transparent);
  background-origin:padding-box,padding-box,padding-box,border-box;
  background-clip:padding-box,padding-box,padding-box,border-box;
  overflow:hidden;
}
.yw-page-banner::before{
  content:'❀  ❖  ❀  ❖  ❀';position:absolute;top:22px;left:50%;
  transform:translateX(-50%);color:var(--jade-emerald);
  letter-spacing:20px;font-size:11px;opacity:0.6;font-family:var(--font-zhuan);
}
.yw-page-banner h1{font-size:clamp(30px,4.8vw,48px);font-weight:700;margin-bottom:12px;
  letter-spacing:6px;font-family:var(--font-zhuan);position:relative;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald),var(--jade-spring));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 4px 18px rgba(45,125,100,0.2);
}
.yw-page-banner p{color:var(--ink-light);font-size:14.5px;letter-spacing:3px;
  margin-bottom:18px;font-weight:600;position:relative;font-family:var(--font-jade);
}
.yw-breadcrumb{font-size:12px;color:var(--jade-emerald);
  letter-spacing:1.5px;position:relative;font-weight:700;font-family:var(--font-jade);
}
.yw-breadcrumb a{color:var(--jade-emerald);text-decoration:none;
  border-bottom:1px dotted rgba(45,125,100,0.45);
}
.yw-breadcrumb a:hover{color:var(--jade-deep)}

/* ========== About ========== */
.yw-about{display:grid;grid-template-columns:280px 1fr;gap:42px;align-items:center;max-width:1080px;margin:0 auto}
.yw-about-visual{
  width:100%;aspect-ratio:1;position:relative;
  background:
    radial-gradient(circle at 30% 25%,rgba(255,255,255,0.6),transparent 45%),
    conic-gradient(from 45deg,var(--jade-pale),var(--jade-spring),var(--jade-emerald),var(--jade-deep),var(--gold-chinese),var(--jade-emerald),var(--jade-spring),var(--jade-pale));
  border-radius:50%;
  filter:drop-shadow(0 12px 40px rgba(45,125,100,0.32));
  animation:ywJadeSpin 22s linear infinite;
}
.yw-about-visual::before{
  content:'';position:absolute;inset:8%;border-radius:50%;
  background:radial-gradient(circle at 30% 30%,var(--pearl-white),var(--pearl-ivory));
  border:3px solid rgba(255,255,255,0.7);
  box-shadow:inset 0 0 18px rgba(26,77,62,0.18);
}
.yw-about-visual::after{
  content:'翡翠·碧玉';position:absolute;top:50%;left:50%;
  transform:translate(-50%,-50%);font-family:var(--font-zhuan);
  font-weight:700;font-size:28px;letter-spacing:5px;
  background:linear-gradient(180deg,var(--jade-deep),var(--jade-emerald));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:0 2px 6px rgba(255,255,255,0.7);
}
.yw-about-text h2{font-size:28px;font-weight:700;margin-bottom:16px;letter-spacing:3px;
  font-family:var(--font-zhuan);color:var(--jade-deep);
}
.yw-about-text .about-x{
  background:linear-gradient(135deg,var(--jade-emerald),var(--gold-chinese));
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-style:italic;letter-spacing:2px;
}
.yw-about-text p{color:var(--ink-light);font-size:14px;line-height:1.9;margin-bottom:12px;font-weight:500}
.yw-about-list{list-style:none;margin-top:16px}
.yw-about-list li{
  padding:8px 0 8px 30px;color:var(--ink-soft);font-size:14px;
  border-bottom:1px dashed rgba(78,168,130,0.3);position:relative;font-weight:500;
}
.yw-about-list li::before{
  content:'❀';position:absolute;left:6px;color:var(--jade-emerald);
  font-size:12px;top:10px;
}

/* ========== Footer ========== */
.yw-footer{padding:58px 0 0;margin-top:40px;position:relative;
  background:
    linear-gradient(180deg,transparent,rgba(236,223,177,0.4),rgba(198,230,210,0.45));
  border-top:2px solid transparent;
  background-image:
    linear-gradient(180deg,transparent,rgba(236,223,177,0.4),rgba(198,230,210,0.45)),
    linear-gradient(90deg,transparent,var(--jade-emerald),var(--gold-chinese),var(--jade-emerald),transparent);
  background-origin:padding-box,border-box;
  background-clip:padding-box,border-box;
}
.yw-footer::before{
  content:'❀  ❖  ❀  尤 物 影 视 · 翡 翠 碧 玉 · 东 方 华 韵 馆  ❀  ❖  ❀';
  position:absolute;top:18px;left:0;right:0;text-align:center;
  color:var(--jade-emerald);letter-spacing:10px;font-size:11px;opacity:0.6;
  font-family:var(--font-zhuan);font-weight:700;
}
.yw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:30px;padding-top:22px;position:relative;}
.yw-footer-brand .yw-brand{font-size:22px;margin-bottom:12px;display:block}
.yw-footer-brand p{color:var(--ink-light);font-size:13px;line-height:1.95;font-weight:500}
.yw-footer-col h4{font-size:14px;font-weight:700;margin-bottom:16px;letter-spacing:3px;
  font-family:var(--font-zhuan);color:var(--jade-deep);
  border-bottom:1.5px solid rgba(78,168,130,0.4);padding-bottom:7px;display:inline-block;
}
.yw-footer-col ul{list-style:none}
.yw-footer-col li{padding:5px 0;color:var(--ink-light);font-size:12.5px;
  transition:.25s;font-weight:500;letter-spacing:0.5px;
}
.yw-footer-col li:hover{color:var(--jade-deep);padding-left:5px;font-weight:600}
.yw-footer-col a{color:inherit;text-decoration:none}
.yw-footer-bottom{
  margin-top:42px;padding:20px 0;text-align:center;
  border-top:1.5px dashed rgba(78,168,130,0.4);
  color:var(--ink-light);font-size:11.5px;letter-spacing:3px;font-weight:700;
  font-family:var(--font-jade);opacity:0.85;
}

/* ========== Responsive ========== */
@media(max-width:900px){
  .yw-stats-grid{grid-template-columns:repeat(2,1fr)}
  .yw-card-grid{grid-template-columns:repeat(2,1fr)}
  .yw-features-grid{grid-template-columns:1fr}
  .yw-pricing{grid-template-columns:1fr;max-width:430px;margin:0 auto}
  .yw-price-card.featured{transform:scale(1)}
  .yw-contact-grid{grid-template-columns:1fr}
  .yw-faq-grid{grid-template-columns:1fr}
  .yw-about{grid-template-columns:1fr}
  .yw-about-visual{max-width:240px;margin:0 auto}
  .yw-timeline::before{left:50px}
  .yw-tl-item{padding-left:92px}
  .yw-tl-year{width:80px;font-size:11px}
  .yw-tl-year::after{right:-44px;width:14px;height:14px}
  .yw-footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .yw-card-grid{grid-template-columns:1fr}
  .yw-stats-grid{grid-template-columns:1fr 1fr}
  .yw-footer-grid{grid-template-columns:1fr}
  .yw-rank-item{grid-template-columns:52px 1fr;gap:12px}
  .yw-rank-score{display:none}
  .yw-nav ul{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap}
  .yw-nav a{white-space:nowrap;padding:12px 16px;font-size:12.5px}
  .yw-nav::before,.yw-nav::after{display:none}
  .yw-hero-title .t1{letter-spacing:2px}
}