/* ============================================================

   万凤归巢・发现东方美 V3 官网样式

   对齐《品牌文化手册（对外宣讲版）》色值/字体规范

   色值：玉石白#F8F5F0 / 翡翠绿#0B6E4F / 香槟金#C9A961 / 赤砂红#9E3B3B / 深墨绿#2C2C2C

   字体：标题思源宋体 / 副标题楷体 / 正文宋体

   ============================================================ */



@import url('https://fonts.loli.net/css2?family=Noto+Serif+SC:wght@400;500;600;700;900&family=Ma+Shan+Zheng&display=swap');



:root {

  /* 品牌主色（对齐品牌文化手册V2.0） */

  --jade-white:#F8F5F0;

  --emerald-green:#0B6E4F;

  --light-green:#1A8C6A;

  --champagne-gold:#C9A961;

  --cinnabar-red:#9E3B3B;

  --ink-green:#2C2C2C;



  /* 兼容原有变量名 */

  --peacock-green:#0B6E4F;

  --peacock-light:#1A8C6A;

  --peacock-dark:#085A40;



  /* 文字色 */

  --text-dark:#1A2E25;

  --text-body:#3D4F47;

  --text-gray:#7A8B83;

  --text-light:#B0BFB8;



  /* 背景色 */

  --bg-white:#FFFFFF;

  --bg-soft:#F4F8F6;

  --border-light:#E0E8E4;



  /* 渐变 */

  --grad-hero:linear-gradient(135deg,#085A40 0%,#0B6E4F 40%,#1A3D2E 100%);

  --grad-gold:linear-gradient(135deg,#D4B574 0%,#C9A961 50%,#B8974F 100%);

  --grad-peacock:linear-gradient(135deg,#0B6E4F 0%,#1A8C6A 100%);

  --grad-warm:linear-gradient(135deg,#E8975A 0%,#9E3B3B 100%);

  --grad-virtual:linear-gradient(135deg,#1A0A2E 0%,#0D1B2A 40%,#0B6E4F 100%);

  --grad-jade:linear-gradient(180deg,#F8F5F0 0%,#EDE6DA 100%);



  /* 阴影 */

  --shadow-sm:0 2px 8px rgba(46,107,78,0.08);

  --shadow-md:0 4px 20px rgba(46,107,78,0.12);

  --shadow-lg:0 8px 40px rgba(46,107,78,0.16);

  --shadow-gold:0 4px 20px rgba(201,169,97,0.25);



  /* 字体 */

  --font-serif:'Noto Serif SC','Source Han Serif SC','华文中宋','SimSun',serif;

  --font-kai:'Ma Shan Zheng','KaiTi','楷体',serif;

  --font-sans:'Microsoft YaHei','PingFang SC','Hiragino Sans GB',sans-serif;

}



*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{

  font-family:var(--font-sans);

  color:var(--text-body);

  background:var(--bg-white);

  line-height:1.8;

  -webkit-font-smoothing:antialiased;

}

a{text-decoration:none;color:inherit;}

img{max-width:100%;display:block;}

ul{list-style:none;}



/* ==================== 导航栏 V3 ==================== */

.navbar{

  position:fixed;top:0;left:0;right:0;z-index:1000;

  background:rgba(255,255,255,0.92);

  backdrop-filter:blur(16px);

  -webkit-backdrop-filter:blur(16px);

  box-shadow:0 1px 0 rgba(46,107,78,0.06);

  transition:all 0.4s ease;

}

.navbar.scrolled{

  background:rgba(255,255,255,0.98);

  box-shadow:0 2px 20px rgba(46,107,78,0.1);

}

.nav-container{

  max-width:1280px;margin:0 auto;padding:0 24px;

  display:flex;align-items:center;justify-content:space-between;height:72px;

}

.nav-logo{display:flex;align-items:center;gap:10px;}

.nav-logo-img{height:52px;width:auto;display:block;}

.nav-menu{display:flex;gap:22px;align-items:center;}

.nav-menu a{

  font-size:14px;color:var(--text-dark);font-weight:500;

  position:relative;padding:6px 0;transition:color 0.2s;

  font-family:var(--font-serif);

}

.nav-menu a:hover,.nav-menu a.active{color:var(--emerald-green);}

.nav-menu a.active::after{

  content:'';position:absolute;bottom:0;left:0;right:0;

  height:2px;background:var(--champagne-gold);border-radius:1px;

}

.nav-cta{

  background:var(--grad-peacock);color:#fff!important;

  padding:8px 22px;border-radius:24px;font-size:14px;font-weight:600;

  transition:all 0.25s;box-shadow:var(--shadow-sm);

}

.nav-cta:hover{transform:translateY(-1px);box-shadow:var(--shadow-md);}

.nav-toggle{display:none;font-size:24px;cursor:pointer;color:var(--emerald-green);}



/* ==================== 通用容器 ==================== */

.container{max-width:1280px;margin:0 auto;padding:0 24px;}

.section{padding:90px 0;position:relative;}

.section-tight{padding:60px 0;}

.bg-soft{background:var(--bg-soft);}

.bg-jade{background:var(--jade-white);}

.bg-dark-green{background:var(--ink-green);color:#fff;}

.bg-xuanzhi{

  background-color:var(--jade-white);

  background-image:url('../images/texture_xuanzhi.jpg');

  background-size:cover;background-position:center;

}



/* 章节标签 */

.section-tag{

  display:inline-block;padding:5px 18px;

  background:rgba(46,107,78,0.08);color:var(--emerald-green);

  border-radius:20px;font-size:13px;font-weight:600;

  letter-spacing:2px;margin-bottom:18px;

  font-family:var(--font-serif);

  border:1px solid rgba(46,107,78,0.12);

}

.section-tag.gold{

  background:rgba(201,169,97,0.1);color:var(--champagne-gold);

  border-color:rgba(201,169,97,0.2);

}



/* 章节标题 */

.section-title{

  font-size:34px;font-weight:700;color:var(--text-dark);

  margin-bottom:14px;line-height:1.4;

  font-family:var(--font-serif);

  letter-spacing:1px;

}

.section-title .gold{color:var(--champagne-gold);}

.section-subtitle{

  font-size:16px;color:var(--text-gray);max-width:680px;

  margin-bottom:48px;line-height:1.9;

}

.text-center{text-align:center;}

.text-center .section-subtitle{margin-left:auto;margin-right:auto;}



/* 孔雀羽翎分割装饰 */

.feather-divider{

  display:flex;align-items:center;justify-content:center;

  gap:16px;margin:32px 0;

}

.feather-divider::before,.feather-divider::after{

  content:'';flex:1;max-width:120px;height:1px;

  background:linear-gradient(90deg,transparent,var(--champagne-gold),transparent);

}

.feather-divider .feather-icon{

  width:32px;height:32px;opacity:0.6;

}



/* ==================== 按钮 V3 ==================== */

.btn{

  display:inline-flex;align-items:center;gap:8px;

  padding:13px 34px;border-radius:28px;font-size:15px;

  font-weight:600;cursor:pointer;transition:all 0.3s ease;

  border:none;font-family:var(--font-serif);letter-spacing:1px;

  position:relative;overflow:hidden;

}

.btn-primary{background:var(--grad-peacock);color:#fff;box-shadow:var(--shadow-md);}

.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);}

.btn-gold{background:var(--grad-gold);color:#fff;box-shadow:var(--shadow-gold);}

.btn-gold:hover{transform:translateY(-2px);box-shadow:0 8px 30px rgba(201,169,97,0.35);}

.btn-outline{

  background:transparent;color:var(--emerald-green);

  border:2px solid var(--emerald-green);

}

.btn-outline:hover{background:var(--emerald-green);color:#fff;}

.btn-white{background:#fff;color:var(--emerald-green);box-shadow:var(--shadow-sm);}

.btn-white:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);}

.btn-outline-white{

  background:transparent;color:#fff;border:2px solid rgba(255,255,255,0.5);

}

.btn-outline-white:hover{background:#fff;color:var(--emerald-green);border-color:#fff;}



/* ==================== Hero V3（全屏背景图） ==================== */

.hero{

  min-height:100vh;position:relative;overflow:hidden;

  display:flex;align-items:center;padding-top:72px;

}

.hero-bg{

  position:absolute;inset:0;z-index:0;

  background-size:cover;background-position:center;

  transform:scale(1.05);

  animation:heroZoom 20s ease-in-out infinite alternate;

}

@keyframes heroZoom{

  0%{transform:scale(1.05);}

  100%{transform:scale(1.12);}

}

.hero-overlay{

  position:absolute;inset:0;z-index:1;

  background:linear-gradient(135deg,rgba(31,77,56,0.85) 0%,rgba(46,107,78,0.7) 50%,rgba(26,61,46,0.8) 100%);

}

.hero-overlay::after{

  content:'';position:absolute;inset:0;

  background:radial-gradient(circle at 75% 30%,rgba(201,169,97,0.2) 0%,transparent 50%);

}

.hero-content{

  position:relative;z-index:2;max-width:1280px;

  margin:0 auto;padding:0 24px;

  display:flex;align-items:center;gap:60px;width:100%;

}

.hero-text{flex:1.3;}

.hero-visual{flex:1;display:flex;justify-content:center;}



.hero-badge{

  display:inline-flex;align-items:center;gap:10px;

  padding:7px 20px;background:rgba(201,169,97,0.15);

  border:1px solid rgba(201,169,97,0.4);border-radius:24px;

  color:var(--champagne-gold);font-size:13px;font-weight:600;

  margin-bottom:28px;letter-spacing:1px;

  font-family:var(--font-serif);

  backdrop-filter:blur(8px);

}

.hero-badge .dot{

  width:8px;height:8px;background:var(--champagne-gold);

  border-radius:50%;animation:pulse 2s infinite;

}

@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.4;}}



.hero h1{

  font-size:56px;font-weight:900;color:#fff;

  line-height:1.25;margin-bottom:24px;

  font-family:var(--font-serif);letter-spacing:3px;

}

.hero h1 .gold-text{

  background:var(--grad-gold);

  -webkit-background-clip:text;-webkit-text-fill-color:transparent;

  background-clip:text;

}

.hero-slogan{

  font-size:22px;color:rgba(255,255,255,0.9);

  margin-bottom:14px;font-weight:300;

  font-family:var(--font-kai);letter-spacing:2px;

}

.hero-sub-slogan{

  font-size:16px;color:var(--champagne-gold);

  margin-bottom:40px;font-style:italic;letter-spacing:1px;

}

.hero-actions{display:flex;gap:16px;flex-wrap:wrap;}



.hero-stats{

  display:flex;gap:48px;margin-top:56px;

  padding-top:36px;border-top:1px solid rgba(255,255,255,0.15);

}

.hero-stat-item .num{

  font-size:40px;font-weight:800;color:#fff;

  font-family:var(--font-serif);

}

.hero-stat-item .num .unit{font-size:16px;color:var(--champagne-gold);font-weight:400;}

.hero-stat-item .label{font-size:13px;color:rgba(255,255,255,0.6);margin-top:4px;}



/* Hero人物相框 */

.hero-portrait{

  position:relative;width:360px;height:480px;

  border-radius:8px;overflow:hidden;

  box-shadow:0 20px 60px rgba(0,0,0,0.4);

  border:3px solid rgba(201,169,97,0.4);

}

.hero-portrait img{width:100%;height:100%;object-fit:cover;}

.hero-portrait::after{

  content:'';position:absolute;inset:0;

  background:linear-gradient(180deg,transparent 50%,rgba(31,77,56,0.4) 100%);

}

.hero-portrait-frame{

  position:absolute;top:-12px;left:-12px;right:-12px;bottom:-12px;

  border:1px solid rgba(201,169,97,0.3);border-radius:12px;

  pointer-events:none;

}



/* ==================== 子页面Banner V3 ==================== */

.page-banner{

  min-height:480px;position:relative;overflow:hidden;

  display:flex;align-items:center;justify-content:center;

  padding-top:72px;text-align:center;

}

.page-banner-bg{

  position:absolute;inset:0;z-index:0;

  background-size:cover;background-position:center;

}

.page-banner-overlay{

  position:absolute;inset:0;z-index:1;

  background:linear-gradient(180deg,rgba(31,77,56,0.75) 0%,rgba(46,107,78,0.65) 50%,rgba(26,61,46,0.8) 100%);

}

.page-banner-content{position:relative;z-index:2;padding:48px 24px;max-width:800px;}

.page-banner h1{

  font-size:48px;font-weight:800;color:#fff;

  margin-bottom:16px;font-family:var(--font-serif);

  letter-spacing:6px;

}

.page-banner .banner-sub{

  font-size:18px;color:rgba(255,255,255,0.8);

  font-family:var(--font-kai);letter-spacing:2px;

}

.page-banner .banner-breadcrumb{

  font-size:13px;color:rgba(255,255,255,0.5);

  margin-bottom:20px;letter-spacing:2px;

}

.page-banner .banner-breadcrumb a{color:var(--champagne-gold);}



/* ==================== 品牌定位卡片 ==================== */

.positioning-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

.pos-card{

  background:#fff;border-radius:16px;padding:40px 32px;

  box-shadow:var(--shadow-sm);border:1px solid var(--border-light);

  transition:all 0.4s ease;position:relative;overflow:hidden;

}

.pos-card::before{

  content:'';position:absolute;top:0;left:0;right:0;height:4px;

  background:var(--grad-peacock);

}

.pos-card:nth-child(2)::before{background:var(--grad-gold);}

.pos-card:nth-child(3)::before{background:var(--grad-warm);}

.pos-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}

.pos-card .icon{

  width:60px;height:60px;border-radius:14px;

  display:flex;align-items:center;justify-content:center;

  font-size:30px;margin-bottom:24px;

}

.pos-card .icon-1{background:rgba(46,107,78,0.1);}

.pos-card .icon-2{background:rgba(201,169,97,0.12);}

.pos-card .icon-3{background:rgba(158,59,59,0.1);}

.pos-card h3{

  font-size:22px;font-weight:700;color:var(--text-dark);

  margin-bottom:14px;font-family:var(--font-serif);

}

.pos-card p{font-size:14px;color:var(--text-gray);line-height:1.8;}



/* ==================== S2B2C ==================== */

.s2b2c-wrap{

  background:#fff;border-radius:20px;padding:52px 40px;

  box-shadow:var(--shadow-md);border:1px solid var(--border-light);

}

.s2b2c-flow{

  display:flex;align-items:stretch;gap:0;

  justify-content:center;margin-top:36px;

}

.s2b2c-layer{

  flex:1;padding:36px 24px;text-align:center;

  border-radius:14px;position:relative;

}

.s2b2c-layer.s{background:linear-gradient(135deg,#085A40,#0B6E4F);color:#fff;}

.s2b2c-layer.b{background:linear-gradient(135deg,#1A8C6A,#0B6E4F);color:#fff;}

.s2b2c-layer.c{background:linear-gradient(135deg,#C9A961,#B8974F);color:#fff;}

.s2b2c-layer .layer-label{

  font-size:12px;opacity:0.7;letter-spacing:3px;margin-bottom:10px;

}

.s2b2c-layer .layer-title{

  font-size:24px;font-weight:700;margin-bottom:14px;

  font-family:var(--font-serif);

}

.s2b2c-layer .layer-desc{font-size:13px;opacity:0.85;line-height:1.7;}

.s2b2c-arrow{

  display:flex;align-items:center;padding:0 12px;

  color:var(--light-green);font-size:28px;font-weight:300;

}



/* ==================== 孔雀三修 V3 ==================== */

.sanxiu-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}

.sanxiu-card{

  border-radius:18px;padding:48px 36px;text-align:center;

  color:#fff;position:relative;overflow:hidden;

  transition:transform 0.4s ease;

}

.sanxiu-card:hover{transform:translateY(-6px);}

.sanxiu-card.s1{background:linear-gradient(160deg,#085A40,#0B6E4F);}

.sanxiu-card.s2{background:linear-gradient(160deg,#1A8C6A,#0B6E4F);}

.sanxiu-card.s3{background:linear-gradient(160deg,#C9A961,#A88B42);}

.sanxiu-card::before{

  content:'';position:absolute;bottom:-40px;right:-40px;

  width:140px;height:140px;border-radius:50%;

  background:rgba(255,255,255,0.06);

}

.sanxiu-card::after{

  content:'';position:absolute;top:20px;left:20px;

  width:60px;height:60px;

  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 10 Q60 30 50 50 Q40 30 50 10' fill='none' stroke='rgba(255,255,255,0.15)' stroke-width='2'/%3E%3C/svg%3E") no-repeat;

  background-size:contain;opacity:0.5;

}

.sanxiu-card .sx-char{

  font-size:64px;font-weight:900;margin-bottom:16px;

  font-family:var(--font-serif);line-height:1;

  text-shadow:0 4px 20px rgba(0,0,0,0.2);

}

.sanxiu-card .sx-name{

  font-size:24px;font-weight:700;margin-bottom:10px;

  font-family:var(--font-serif);letter-spacing:4px;

}

.sanxiu-card .sx-en{

  font-size:12px;opacity:0.6;letter-spacing:3px;

  margin-bottom:20px;text-transform:uppercase;

}

.sanxiu-card .sx-desc{font-size:14px;opacity:0.9;line-height:1.9;}



/* ==================== 会员卡片 V3 ==================== */

.member-grid{

  display:grid;grid-template-columns:repeat(3,1fr);

  gap:20px;margin-top:36px;

}

.member-card{

  background:#fff;border-radius:16px;overflow:hidden;

  box-shadow:var(--shadow-sm);border:2px solid transparent;

  transition:all 0.4s ease;

}

.member-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}

.member-card .card-header{

  padding:28px 20px;text-align:center;color:#fff;position:relative;

}

.member-card.l0 .card-header{background:linear-gradient(135deg,#C7D2CC,#AEBEB6);}

.member-card.l1 .card-header{background:linear-gradient(135deg,#B0BFB8,#9AABA3);}

.member-card.l2 .card-header{background:linear-gradient(135deg,#1A8C6A,#0B6E4F);}

.member-card.l3 .card-header{background:linear-gradient(135deg,#0B6E4F,#085A40);}

.member-card.l4 .card-header{background:linear-gradient(135deg,#C9A961,#B8974F);}

.member-card.l5 .card-header{background:linear-gradient(135deg,#9E3B3B,#7A2D2D);}

.member-card .level-num{

  font-size:40px;font-weight:800;font-family:var(--font-serif);

}

.member-card .level-name{font-size:15px;opacity:0.95;margin-top:6px;font-weight:600;}

.member-card .level-en{font-size:11px;opacity:0.6;margin-top:2px;letter-spacing:1px;}

.member-card .card-body{padding:24px 20px;}

.member-card .card-body p{font-size:13px;color:var(--text-gray);margin-bottom:8px;line-height:1.7;}

.member-card .card-body .price{

  font-size:20px;font-weight:700;color:var(--emerald-green);

  margin-bottom:16px;font-family:var(--font-serif);

}

.member-card .card-body .price .unit{font-size:12px;font-weight:400;color:var(--text-gray);}



/* ==================== 品牌IP区 V3（王丽萍） ==================== */

.ip-section{

  position:relative;overflow:hidden;

  background:linear-gradient(180deg,var(--jade-white) 0%,#fff 100%);

}

.ip-section::before{

  content:'';position:absolute;top:0;right:0;

  width:50%;height:100%;

  background:url('../images/peacock_pattern.png') no-repeat right center;

  background-size:contain;opacity:0.04;pointer-events:none;

}

.ip-wrap{

  display:flex;align-items:center;gap:60px;

  max-width:1100px;margin:0 auto;position:relative;z-index:2;

}

.ip-portrait{

  flex:0 0 380px;position:relative;

}

.ip-portrait-img{

  width:380px;height:500px;border-radius:12px;overflow:hidden;

  box-shadow:0 20px 50px rgba(46,107,78,0.2);

  border:4px solid #fff;position:relative;

}

.ip-portrait-img img{width:100%;height:100%;object-fit:cover;}

.ip-portrait-deco{

  position:absolute;top:-16px;left:-16px;right:-16px;bottom:-16px;

  border:1px solid var(--champagne-gold);border-radius:16px;

  opacity:0.5;pointer-events:none;

}

.ip-portrait-seal{

  position:absolute;bottom:20px;right:20px;

  width:56px;height:56px;background:var(--cinnabar-red);

  border-radius:6px;display:flex;align-items:center;justify-content:center;

  color:#fff;font-size:14px;font-weight:700;

  font-family:var(--font-serif);letter-spacing:1px;

  box-shadow:0 4px 12px rgba(158,59,59,0.3);

  transform:rotate(-5deg);

}

.ip-content{flex:1;}

.ip-content .ip-tag{

  display:inline-block;padding:5px 16px;

  background:rgba(201,169,97,0.12);color:var(--champagne-gold);

  border-radius:20px;font-size:12px;font-weight:600;

  letter-spacing:2px;margin-bottom:16px;

  border:1px solid rgba(201,169,97,0.25);

}

.ip-content h2{

  font-size:36px;font-weight:800;color:var(--text-dark);

  margin-bottom:8px;font-family:var(--font-serif);letter-spacing:2px;

}

.ip-content .ip-title{

  font-size:18px;color:var(--champagne-gold);font-weight:600;

  margin-bottom:24px;font-family:var(--font-kai);letter-spacing:2px;

}

.ip-content .ip-tags{

  display:flex;gap:10px;flex-wrap:wrap;margin-bottom:24px;

}

.ip-content .ip-tags span{

  padding:6px 16px;background:rgba(46,107,78,0.06);

  color:var(--emerald-green);border-radius:20px;font-size:13px;

  border:1px solid rgba(46,107,78,0.1);

}

.ip-content .ip-desc{

  font-size:15px;color:var(--text-gray);line-height:2;

  margin-bottom:20px;

}

.ip-content .ip-quote{

  padding:20px 28px;background:rgba(46,107,78,0.04);

  border-left:3px solid var(--champagne-gold);border-radius:0 12px 12px 0;

  font-size:17px;color:var(--emerald-green);font-weight:600;

  font-family:var(--font-kai);line-height:1.8;letter-spacing:1px;

}



/* ==================== 价值观卡片 ==================== */

.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.value-card{

  background:#fff;border-radius:16px;padding:40px 32px;

  text-align:center;box-shadow:var(--shadow-sm);

  border:1px solid var(--border-light);transition:all 0.3s;

}

.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}

.value-card .v-char{

  font-size:52px;font-weight:800;margin-bottom:16px;

  background:var(--grad-peacock);

  -webkit-background-clip:text;-webkit-text-fill-color:transparent;

  background-clip:text;font-family:var(--font-serif);

}

.value-card.gold .v-char{

  background:var(--grad-gold);

  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;

}

.value-card.warm .v-char{

  background:var(--grad-warm);

  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;

}

.value-card .v-name{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:10px;font-family:var(--font-serif);}

.value-card .v-desc{font-size:14px;color:var(--text-gray);line-height:1.8;}



/* ==================== 时间线 ==================== */

.timeline{position:relative;max-width:900px;margin:0 auto;padding:40px 0;}

.timeline::before{

  content:'';position:absolute;left:50%;top:0;bottom:0;

  width:2px;background:linear-gradient(180deg,var(--emerald-green),var(--champagne-gold));

  transform:translateX(-50%);

}

.timeline-item{display:flex;align-items:flex-start;margin-bottom:52px;position:relative;}

.timeline-item:nth-child(odd){flex-direction:row-reverse;}

.timeline-item .tl-dot{

  position:absolute;left:50%;top:10px;transform:translateX(-50%);

  width:18px;height:18px;border-radius:50%;

  background:var(--champagne-gold);border:4px solid #fff;

  box-shadow:0 0 0 2px var(--champagne-gold),var(--shadow-sm);z-index:2;

}

.timeline-item .tl-content{

  width:calc(50% - 36px);padding:28px;background:#fff;

  border-radius:14px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);

  transition:all 0.3s;

}

.timeline-item .tl-content:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);}

.timeline-item:nth-child(odd) .tl-content{margin-right:36px;}

.timeline-item:nth-child(even) .tl-content{margin-left:36px;}

.timeline-item .tl-year{

  font-size:22px;font-weight:800;color:var(--emerald-green);

  margin-bottom:8px;font-family:var(--font-serif);

}

.timeline-item .tl-title{font-size:17px;font-weight:600;color:var(--text-dark);margin-bottom:8px;}

.timeline-item .tl-desc{font-size:14px;color:var(--text-gray);line-height:1.8;}



/* ==================== 百凤堂空间展示 ==================== */

.gallery-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;}

.gallery-item{

  border-radius:16px;overflow:hidden;position:relative;

  box-shadow:var(--shadow-md);transition:all 0.4s;

  aspect-ratio:4/3;

}

.gallery-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);}

.gallery-item img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s;}

.gallery-item:hover img{transform:scale(1.05);}

.gallery-item .gallery-caption{

  position:absolute;bottom:0;left:0;right:0;

  padding:24px;background:linear-gradient(transparent,rgba(0,0,0,0.7));

  color:#fff;

}

.gallery-item .gallery-caption h4{font-size:18px;font-weight:700;margin-bottom:4px;font-family:var(--font-serif);}

.gallery-item .gallery-caption p{font-size:13px;opacity:0.8;}



/* ==================== 公益区 ==================== */

.charity-section{

  background:linear-gradient(135deg,#085A40 0%,#0B6E4F 100%);

  color:#fff;position:relative;overflow:hidden;

}

.charity-section::before{

  content:'';position:absolute;inset:0;

  background:radial-gradient(circle at 20% 50%,rgba(201,169,97,0.1) 0%,transparent 50%);

}

.charity-wrap{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center;}

.charity-wrap h2{color:#fff;font-size:36px;margin-bottom:16px;font-family:var(--font-serif);}

.charity-wrap .charity-sub{font-size:16px;color:rgba(255,255,255,0.7);margin-bottom:40px;line-height:1.9;}

.charity-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}

.charity-feature{

  padding:32px 24px;background:rgba(255,255,255,0.06);

  border-radius:14px;border:1px solid rgba(255,255,255,0.1);

  backdrop-filter:blur(8px);

}

.charity-feature .cf-icon{font-size:36px;margin-bottom:14px;}

.charity-feature h4{font-size:18px;font-weight:700;margin-bottom:8px;color:var(--champagne-gold);font-family:var(--font-serif);}

.charity-feature p{font-size:13px;color:rgba(255,255,255,0.65);line-height:1.8;}



/* ==================== CTA ==================== */

.cta-section{

  background:var(--grad-hero);color:#fff;position:relative;overflow:hidden;

}

.cta-section::before{

  content:'';position:absolute;inset:0;

  background:radial-gradient(circle at 80% 20%,rgba(201,169,97,0.15) 0%,transparent 50%);

}

.cta-section .container{position:relative;z-index:2;}



/* ==================== 页脚 V3 ==================== */

.footer{

  background:var(--ink-green);color:rgba(255,255,255,0.7);

  padding:72px 0 32px;position:relative;overflow:hidden;

}

.footer::before{

  content:'';position:absolute;top:0;left:0;right:0;height:3px;

  background:var(--grad-gold);

}

.footer-content{

  display:grid;grid-template-columns:2fr 1fr 1fr 1fr;

  gap:48px;margin-bottom:48px;

}

.footer-brand .logo{

  display:inline-block;background:#fff;border-radius:10px;

  padding:8px 14px;margin-bottom:16px;

}

.footer-logo-img{height:48px;width:auto;display:block;}

/* 新页面footer兼容 */

.footer-brand .footer-logo{

  height:44px;width:auto;display:block;margin-bottom:16px;

  background:#fff;border-radius:8px;padding:6px 12px;

}

.footer-brand .footer-slogan{

  color:var(--champagne-gold);font-size:15px;font-family:var(--font-kai);

  letter-spacing:2px;margin-bottom:10px;font-weight:600;

}

.footer-brand .footer-desc{

  font-size:12.5px;line-height:1.9;color:rgba(255,255,255,0.45);

}

.footer-links{

  display:flex;flex-direction:column;gap:0;

}

.footer-links h4{

  color:#fff;font-size:15px;margin-bottom:18px;

  font-family:var(--font-serif);letter-spacing:1px;

  position:relative;padding-bottom:10px;

}

.footer-links h4::after{

  content:'';position:absolute;bottom:0;left:0;

  width:30px;height:2px;background:var(--champagne-gold);

}

.footer-links a{

  display:block;font-size:13px;padding:5px 0;

  transition:color 0.2s;color:rgba(255,255,255,0.5);

  text-decoration:none;

}

.footer-links a:hover{color:var(--champagne-gold);}

.footer-links span{

  display:block;font-size:12.5px;padding:4px 0;

  color:rgba(255,255,255,0.45);

}

.footer-brand p{font-size:13px;line-height:1.9;color:rgba(255,255,255,0.5);}

.footer-col h4{

  color:#fff;font-size:15px;margin-bottom:18px;

  font-family:var(--font-serif);letter-spacing:1px;

  position:relative;padding-bottom:10px;

}

.footer-col h4::after{

  content:'';position:absolute;bottom:0;left:0;

  width:30px;height:2px;background:var(--champagne-gold);

}

.footer-col a{

  display:block;font-size:13px;padding:5px 0;

  transition:color 0.2s;color:rgba(255,255,255,0.5);

}

.footer-col a:hover{color:var(--champagne-gold);}

.footer-bottom{

  border-top:1px solid rgba(255,255,255,0.08);

  padding-top:28px;text-align:center;font-size:12px;

  color:rgba(255,255,255,0.35);

}

.footer-bottom .slogan{

  color:var(--champagne-gold);margin-bottom:10px;

  font-size:14px;font-family:var(--font-kai);letter-spacing:2px;

}



/* ==================== 滚动动画 ==================== */

.reveal{

  opacity:0;transform:translateY(30px);

  transition:opacity 0.8s ease,transform 0.8s ease;

}

.reveal.visible{opacity:1;transform:translateY(0);}

.reveal-delay-1{transition-delay:0.1s;}

.reveal-delay-2{transition-delay:0.2s;}

.reveal-delay-3{transition-delay:0.3s;}

.reveal-delay-4{transition-delay:0.4s;}



/* 数字动画 */

.count-up{font-variant-numeric:tabular-nums;}



/* ==================== FAQ ==================== */

.faq-list{max-width:800px;margin:0 auto;}

.faq-item{

  background:#fff;border-radius:12px;margin-bottom:12px;

  overflow:hidden;border:1px solid var(--border-light);transition:all 0.2s;

}

.faq-item:hover{border-color:var(--light-green);}

.faq-q{

  padding:22px 28px;font-size:15px;font-weight:600;

  color:var(--text-dark);cursor:pointer;

  display:flex;justify-content:space-between;align-items:center;

  font-family:var(--font-serif);

}

.faq-q .arrow{color:var(--emerald-green);transition:transform 0.3s;font-size:12px;}

.faq-a{max-height:0;overflow:hidden;transition:max-height 0.4s ease;}

.faq-item.open .faq-a{max-height:400px;}

.faq-item.open .arrow{transform:rotate(180deg);}

.faq-a-inner{padding:0 28px 24px;font-size:14px;color:var(--text-gray);line-height:1.9;}



/* ==================== 对比表 ==================== */

.compare-table-wrap{overflow-x:auto;border-radius:12px;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);}

.compare-table{width:100%;border-collapse:collapse;min-width:768px;}

.compare-table th{

  background:var(--grad-peacock);color:#fff;padding:16px;

  font-size:13px;font-weight:600;text-align:left;white-space:nowrap;

  font-family:var(--font-serif);

}

.compare-table th:first-child{background:var(--ink-green);}

.compare-table td{padding:14px 16px;font-size:13px;border-bottom:1px solid var(--border-light);color:var(--text-body);}

.compare-table tr:hover td{background:var(--bg-soft);}

.compare-table .col-highlight{background:rgba(201,169,97,0.05);}



/* ==================== 仪表盘 ==================== */

.dashboard{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}

.dash-card{

  background:#fff;border-radius:14px;padding:32px 24px;

  text-align:center;box-shadow:var(--shadow-sm);border:1px solid var(--border-light);

  transition:all 0.3s;

}

.dash-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);}

.dash-card .dc-icon{font-size:32px;margin-bottom:12px;}

.dash-card .dc-num{

  font-size:36px;font-weight:800;color:var(--emerald-green);

  font-family:var(--font-serif);

}

.dash-card .dc-label{font-size:13px;color:var(--text-gray);margin-top:6px;}



/* ==================== 流程步骤 ==================== */

.process-steps{display:flex;justify-content:center;gap:0;margin-top:48px;flex-wrap:wrap;}

.process-step{flex:1;min-width:140px;text-align:center;position:relative;padding:0 12px;}

.process-step .ps-num{

  width:52px;height:52px;border-radius:50%;

  background:var(--grad-peacock);color:#fff;

  display:flex;align-items:center;justify-content:center;

  font-size:20px;font-weight:700;margin:0 auto 14px;

  font-family:var(--font-serif);box-shadow:var(--shadow-sm);

}

.process-step .ps-title{font-size:15px;font-weight:600;color:var(--text-dark);margin-bottom:6px;font-family:var(--font-serif);}

.process-step .ps-desc{font-size:12px;color:var(--text-gray);line-height:1.6;}

.process-step:not(:last-child)::after{

  content:'\2192';position:absolute;top:16px;right:-10px;

  color:var(--champagne-gold);font-size:22px;font-weight:300;

}



/* ==================== 配额卡片 ==================== */

.quota-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:36px;}

.quota-card{

  border-radius:18px;padding:48px 40px;text-align:center;

  color:#fff;position:relative;overflow:hidden;

}

.quota-card.nj{background:linear-gradient(135deg,#085A40,#0B6E4F);}

.quota-card.cn{background:linear-gradient(135deg,#C9A961,#A88B42);}

.quota-card::before{

  content:'';position:absolute;top:-30px;right:-30px;

  width:140px;height:140px;border-radius:50%;background:rgba(255,255,255,0.06);

}

.quota-card .q-num{font-size:72px;font-weight:900;line-height:1;font-family:var(--font-serif);}

.quota-card .q-unit{font-size:22px;font-weight:400;}

.quota-card .q-label{font-size:18px;margin-top:14px;opacity:0.9;font-family:var(--font-serif);}

.quota-card .q-desc{font-size:13px;margin-top:10px;opacity:0.7;}



/* ==================== 三种合作方式（横向三列卡片） ==================== */

.path-grid{

  display:grid;grid-template-columns:repeat(3,1fr);

  gap:24px;margin-top:48px;align-items:stretch;

}

.path-card{

  background:#fff;border-radius:18px;overflow:hidden;

  box-shadow:var(--shadow-sm);border:2px solid transparent;

  transition:all 0.4s ease;display:flex;flex-direction:column;

  position:relative;

}

.path-card:hover{

  transform:translateY(-8px);box-shadow:var(--shadow-lg);

  border-color:var(--peacock);

}

.path-card.featured{

  border-color:var(--champagne-gold);

  box-shadow:0 8px 32px rgba(201,169,97,0.18);

}

.path-card.featured::before{

  content:'推荐';position:absolute;top:16px;right:-32px;

  background:var(--champagne-gold);color:#fff;

  font-size:11px;font-weight:700;padding:4px 36px;

  transform:rotate(45deg);letter-spacing:2px;z-index:3;

}

.pc-banner{

  height:8px;background:var(--grad-peacock);

}

.path-card:nth-child(2) .pc-banner{background:var(--grad-gold);}

.path-card:nth-child(3) .pc-banner{background:linear-gradient(90deg,#9E3B3B,#C75B5B);}

.pc-body{

  padding:32px 28px;flex:1;display:flex;flex-direction:column;

}

.pc-icon{

  width:56px;height:56px;border-radius:14px;

  background:rgba(46,107,78,0.1);display:flex;align-items:center;justify-content:center;

  font-size:28px;margin-bottom:18px;

}

.path-card:nth-child(2) .pc-icon{background:rgba(201,169,97,0.14);}

.path-card:nth-child(3) .pc-icon{background:rgba(158,59,59,0.1);}

.pc-body h3{

  font-size:22px;font-weight:700;color:var(--text-dark);

  margin:0 0 6px;font-family:var(--font-serif);

}

.pc-sub{

  font-size:13px;color:var(--champagne-gold);font-weight:600;

  margin:0 0 20px;letter-spacing:1px;

}

.pc-features{

  list-style:none;padding:0;margin:0 0 24px;flex:1;

}

.pc-features li{

  font-size:13.5px;color:var(--text-body);line-height:1.8;

  padding:6px 0 6px 22px;position:relative;border-bottom:1px dashed var(--border-light);

}

.pc-features li:last-child{border-bottom:none;}

.pc-features li::before{

  content:'✓';position:absolute;left:0;top:6px;

  color:var(--peacock);font-weight:700;font-size:13px;

}

.path-card:nth-child(2) .pc-features li::before{color:var(--champagne-gold);}

.path-card:nth-child(3) .pc-features li::before{color:var(--cinnabar-red);}

.pc-price-box{

  margin-top:auto;padding:16px;background:var(--bg-soft);

  border-radius:10px;text-align:center;

}

.pc-price-label{font-size:12px;color:var(--text-gray);margin-bottom:4px;}

.pc-price-value{font-size:22px;font-weight:800;color:var(--peacock);font-family:var(--font-serif);}

.path-card:nth-child(2) .pc-price-value{color:var(--champagne-gold);}

.path-card:nth-child(3) .pc-price-value{color:var(--cinnabar-red);}

.pc-price-note{font-size:11px;color:var(--text-gray);margin-top:4px;}



@media(max-width:1024px){

  .path-grid{grid-template-columns:1fr;max-width:480px;margin-left:auto;margin-right:auto;}

}



/* ==================== 凤翼层级 ==================== */

.fengyi-hierarchy{display:flex;flex-direction:column;gap:0;max-width:800px;margin:0 auto;}

.fy-level{

  background:#fff;border-radius:16px;padding:36px 32px;

  box-shadow:var(--shadow-md);position:relative;

  border-left:6px solid var(--emerald-green);

}

.fy-level:nth-child(3){border-left-color:var(--champagne-gold);margin-left:48px;}

.fy-level:nth-child(5){border-left-color:var(--warm-orange);margin-left:96px;}

.fy-level .fy-tag{

  display:inline-block;padding:4px 14px;border-radius:12px;

  font-size:11px;font-weight:700;margin-bottom:10px;letter-spacing:1px;

}

.fy-level:nth-child(1) .fy-tag{background:rgba(46,107,78,0.1);color:var(--emerald-green);}

.fy-level:nth-child(3) .fy-tag{background:rgba(201,169,97,0.12);color:var(--champagne-gold);}

.fy-level:nth-child(5) .fy-tag{background:rgba(232,151,90,0.12);color:var(--warm-orange);}

.fy-level h3{font-size:22px;font-weight:700;color:var(--text-dark);margin-bottom:10px;font-family:var(--font-serif);}

.fy-level .fy-desc{font-size:14px;color:var(--text-gray);line-height:1.8;}

.fy-connector{width:2px;height:28px;background:var(--border-light);margin-left:40px;}



/* ==================== 虚拟世界 ==================== */

.virtual-hero{

  min-height:100vh;background:var(--grad-virtual);

  position:relative;overflow:hidden;display:flex;align-items:center;padding-top:72px;

}

.virtual-hero::before{

  content:'';position:absolute;inset:0;

  background:radial-gradient(circle at 50% 30%,rgba(201,169,97,0.15) 0%,transparent 40%),

             radial-gradient(circle at 80% 70%,rgba(58,124,92,0.1) 0%,transparent 40%);

}

.virtual-content{position:relative;z-index:2;max-width:800px;margin:0 auto;padding:0 24px;text-align:center;}

.virtual-badge{

  display:inline-flex;align-items:center;gap:8px;padding:7px 22px;

  background:rgba(201,169,97,0.15);border:1px solid rgba(201,169,97,0.4);

  border-radius:24px;color:var(--champagne-gold);font-size:13px;font-weight:600;

  margin-bottom:32px;letter-spacing:2px;

}

.virtual-content h1{font-size:52px;font-weight:800;color:#fff;line-height:1.3;margin-bottom:20px;font-family:var(--font-serif);}

.virtual-content h1 .glow{background:var(--grad-gold);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}

.virtual-content .v-sub{font-size:18px;color:rgba(255,255,255,0.7);margin-bottom:48px;max-width:560px;margin-left:auto;margin-right:auto;line-height:1.9;}



.feature-teaser-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;}

.feature-teaser{

  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);

  border-radius:16px;padding:36px 28px;text-align:center;

  transition:all 0.3s;backdrop-filter:blur(8px);

}

.feature-teaser:hover{background:rgba(255,255,255,0.08);transform:translateY(-4px);}

.feature-teaser .ft-icon{font-size:40px;margin-bottom:16px;}

.feature-teaser h4{font-size:18px;font-weight:700;color:#fff;margin-bottom:8px;font-family:var(--font-serif);}

.feature-teaser p{font-size:13px;color:rgba(255,255,255,0.6);line-height:1.8;}



.cta-banner{

  background:rgba(201,169,97,0.08);border:1px solid rgba(201,169,97,0.3);

  border-radius:20px;padding:48px 36px;text-align:center;margin-top:60px;

  backdrop-filter:blur(8px);

}

.cta-banner h3{font-size:24px;font-weight:700;color:#fff;margin-bottom:12px;font-family:var(--font-serif);}

.cta-banner p{font-size:15px;color:rgba(255,255,255,0.7);margin-bottom:24px;}



/* ==================== AI 测评弹窗（保留原有） ==================== */

.ai-overlay{

  position:fixed;inset:0;background:rgba(0,0,0,0.6);

  display:none;align-items:center;justify-content:center;

  z-index:9999;padding:20px;backdrop-filter:blur(4px);

}

.ai-overlay.show{display:flex;}

.ai-overlay .ov-box{

  background:#fff;border-radius:18px;max-width:460px;width:100%;

  max-height:88vh;overflow-y:auto;padding:28px;position:relative;

  box-shadow:0 20px 60px rgba(0,0,0,0.3);

}

.ai-overlay h3{margin:0 0 14px;color:var(--emerald-green);font-family:var(--font-serif);font-size:20px;}

.ai-close{

  position:absolute;top:18px;right:20px;cursor:pointer;

  color:#aaa;font-size:22px;transition:color 0.2s;

}

.ai-close:hover{color:var(--cinnabar-red);}

.ai-opt{

  display:inline-block;padding:7px 14px;margin:5px 5px 0 0;

  font-size:12px;color:#555;background:#f5f3ee;border:1px solid #e3ddd0;

  border-radius:18px;cursor:pointer;transition:all 0.2s;

}

.ai-opt:hover{background:#ece7da;}

.ai-opt.active{background:var(--emerald-green);color:#fff;border-color:var(--emerald-green);}

.ai-gen-btn{

  width:100%;margin-top:16px;padding:14px;border:none;border-radius:10px;

  background:var(--grad-peacock);color:#fff;font-size:15px;font-weight:600;

  cursor:pointer;transition:all 0.2s;font-family:var(--font-serif);letter-spacing:1px;

}

.ai-gen-btn:hover{opacity:0.92;transform:translateY(-1px);}

.ai-result{margin-top:16px;}

.persona-card{

  background:linear-gradient(135deg,#E8F5EE,#FBF8F2);

  border:1px solid rgba(46,107,78,0.2);border-radius:14px;padding:20px;

}

.persona-card .pc-name{font-size:17px;font-weight:700;color:var(--emerald-green);font-family:var(--font-serif);}

.persona-card .pc-tier{font-size:12px;color:var(--champagne-gold);margin:6px 0;font-weight:600;}

.persona-card .pc-desc{font-size:13px;color:#555;line-height:1.7;margin:6px 0;}

.persona-card .pc-content{font-size:12px;color:#888;}

.ip-plan{background:#FBF8F2;border:1px solid #ece5d6;border-radius:12px;padding:18px;}

.ip-plan .ip-line{font-size:13px;color:#444;line-height:1.8;margin-bottom:12px;}

.ip-plan .ip-line b{color:var(--emerald-green);font-family:var(--font-serif);}



.ai-web-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:28px;}

.ai-web-card{

  background:#fff;border:1px solid #ece5d6;border-radius:16px;

  padding:28px;cursor:pointer;transition:all 0.3s;

}

.ai-web-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(46,107,78,0.12);border-color:var(--emerald-green);}

.ai-web-ico{font-size:36px;margin-bottom:14px;}

.ai-web-t{font-size:18px;font-weight:700;color:#233;margin:10px 0 8px;font-family:var(--font-serif);}

.ai-web-d{font-size:13px;color:#777;line-height:1.7;}

.ai-web-go{margin-top:14px;color:var(--emerald-green);font-weight:600;font-size:14px;}



/* ==================== 响应式 ==================== */

@media(max-width:1024px){

  .hero h1{font-size:42px;}

  .hero-visual{display:none;}

  .hero-portrait{display:none;}

  .nav-menu{gap:14px;}

  .member-grid{grid-template-columns:repeat(2,1fr);}

  .dashboard{grid-template-columns:repeat(2,1fr);}

  .positioning-grid,.values-grid,.sanxiu-grid{grid-template-columns:repeat(2,1fr);}

  .feature-teaser-grid{grid-template-columns:1fr;}

  .ip-wrap{flex-direction:column;text-align:center;}

  .ip-portrait{flex:0 0 auto;}

  .ip-content .ip-tags{justify-content:center;}

  .charity-features{grid-template-columns:1fr;}

  .gallery-grid{grid-template-columns:1fr;}

}

@media(max-width:768px){

  .nav-menu{display:none;}

  .nav-toggle{display:block;}

  .nav-menu.show{

    display:flex;flex-direction:column;position:absolute;

    top:72px;left:0;right:0;background:#fff;padding:24px;

    gap:16px;box-shadow:var(--shadow-md);

  }

  .section{padding:56px 0;}

  .section-title{font-size:26px;}

  .hero{min-height:90vh;}

  .hero h1{font-size:34px;letter-spacing:2px;}

  .hero-slogan{font-size:18px;}

  .hero-stats{flex-wrap:wrap;gap:24px;}

  .hero-stat-item .num{font-size:28px;}

  .page-banner{min-height:380px;}

  .page-banner h1{font-size:32px;letter-spacing:3px;}

  .positioning-grid,.values-grid,.sanxiu-grid,.dashboard,.feature-teaser-grid{grid-template-columns:1fr;}

  .member-grid{grid-template-columns:repeat(2,1fr);gap:12px;}

  .s2b2c-flow{flex-direction:column;}

  .s2b2c-arrow{transform:rotate(90deg);justify-content:center;padding:10px 0;}

  .footer-content{grid-template-columns:1fr;gap:32px;}

  .timeline::before{left:20px;}

  .timeline-item,.timeline-item:nth-child(odd){flex-direction:row;}

  .timeline-item .tl-dot{left:20px;}

  .timeline-item .tl-content{width:calc(100% - 56px);margin-left:56px!important;margin-right:0!important;}

  .process-steps{flex-direction:column;gap:28px;}

  .process-step:not(:last-child)::after{display:none;}

  .quota-grid{grid-template-columns:1fr;}

  .fy-level:nth-child(3){margin-left:24px;}

  .fy-level:nth-child(5){margin-left:48px;}

  .virtual-content h1{font-size:34px;}

  .compare-table{min-width:600px;}

  .ai-web-grid{grid-template-columns:1fr;}

  .ip-portrait-img{width:280px;height:380px;}

  .charity-features{grid-template-columns:1fr;}

}



/* ==================== 打印优化 ==================== */

@media print{

  .navbar,.hero-actions,.btn{display:none;}

  .section{padding:30px 0;page-break-inside:avoid;}

}



/* ==================== 右下角悬浮咨询按钮 ==================== */

.floating-consult{

  position:fixed;right:24px;bottom:32px;z-index:999;

  display:flex;flex-direction:column;align-items:flex-end;gap:12px;

}

.fc-btn{

  width:60px;height:60px;border-radius:50%;

  background:var(--grad-peacock);color:#fff;

  display:flex;align-items:center;justify-content:center;

  font-size:24px;cursor:pointer;box-shadow:0 6px 24px rgba(46,107,78,0.35);

  transition:all 0.3s ease;border:none;

  animation:fcPulse 2.5s infinite;

}

@keyframes fcPulse{

  0%,100%{box-shadow:0 6px 24px rgba(46,107,78,0.35);}

  50%{box-shadow:0 6px 32px rgba(46,107,78,0.55),0 0 0 8px rgba(46,107,78,0.08);}

}

.fc-btn:hover{transform:scale(1.08);}

.fc-panel{

  background:#fff;border-radius:16px;box-shadow:0 12px 40px rgba(0,0,0,0.15);

  padding:20px;width:240px;opacity:0;transform:translateY(10px) scale(0.95);

  pointer-events:none;transition:all 0.3s ease;border:1px solid var(--border-light);

}

.fc-panel.show{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;}

.fc-panel-title{

  font-size:15px;font-weight:700;color:var(--text-dark);

  margin-bottom:14px;font-family:var(--font-serif);

  display:flex;align-items:center;gap:8px;

}

.fc-panel-title::before{

  content:'';width:4px;height:16px;background:var(--champagne-gold);border-radius:2px;

}

.fc-item{

  display:flex;align-items:center;gap:10px;padding:10px 12px;

  border-radius:10px;cursor:pointer;transition:background 0.2s;

  text-decoration:none;color:var(--text-body);font-size:13.5px;

}

.fc-item:hover{background:var(--bg-soft);color:var(--peacock);}

.fc-item .fc-ico{font-size:18px;flex-shrink:0;}

.fc-item .fc-text{flex:1;}

.fc-item .fc-text b{display:block;color:var(--text-dark);font-size:13px;}

.fc-item .fc-text span{font-size:11.5px;color:var(--text-gray);}

.fc-close{

  position:absolute;top:10px;right:12px;background:none;border:none;

  font-size:18px;color:var(--text-gray);cursor:pointer;padding:4px;line-height:1;

}

.fc-close:hover{color:var(--text-dark);}

.fc-qrcode{

  margin-top:14px;padding-top:14px;border-top:1px dashed var(--border-light);

  display:flex;gap:12px;align-items:center;

}

.fc-qrbox{

  width:64px;height:64px;border-radius:8px;background:#fff;

  border:1px solid var(--border-light);display:flex;align-items:center;justify-content:center;

  flex-shrink:0;overflow:hidden;padding:3px;

}

.fc-qrbox img{width:100%;height:100%;object-fit:contain;display:block;}

.fc-qrinfo{flex:1;min-width:0;}

.fc-qrinfo b{display:block;font-size:11.5px;color:var(--text-dark);line-height:1.5;margin-bottom:4px;}

.fc-qrinfo span{font-size:10.5px;color:var(--text-gray);line-height:1.4;}



@media(max-width:768px){

  .floating-consult{right:16px;bottom:20px;}

  .fc-btn{width:52px;height:52px;font-size:20px;}

  .fc-panel{width:220px;}

}



/* ============================================================

   Hero V3.1：右侧相框版（王丽萍半身照 + 渐变暗纹背景）

   ============================================================ */

.hero-v2{

  background:linear-gradient(135deg,#085A40 0%,#0B6E4F 45%,#1A3D2E 100%);

  overflow:hidden;

}

.hero-bg-v2{

  position:absolute;inset:0;z-index:0;

  background-image:url('../images/peacock_pattern.png');

  background-size:60% auto;background-position:right center;background-repeat:no-repeat;

  /* 2026-09-12 删除历史遗留 opacity:0.06（原为 peacock_pattern 水印图设的·会把整幅 hero 图压到 6%） */pointer-events:none;

}

.hero-bg-v2::after{

  content:'';position:absolute;inset:0;

  background:radial-gradient(circle at 75% 40%,rgba(201,169,97,0.18) 0%,transparent 45%),

             radial-gradient(circle at 20% 80%,rgba(46,107,78,0.3) 0%,transparent 50%);

}

.hero-v2 .hero-content{

  position:relative;z-index:2;max-width:1280px;

  margin:0 auto;padding:0 24px;

  display:flex;align-items:center;gap:40px;width:100%;

}

.hero-v2 .hero-text{flex:1.2;}

.hero-v2 .hero-visual{

  flex:0.8;display:flex;justify-content:center;align-items:center;

  position:relative;

}



/* 相框容器 */

.hero-portrait-wrap{

  position:relative;width:340px;

  animation:portraitFloat 6s ease-in-out infinite;

}

@keyframes portraitFloat{

  0%,100%{transform:translateY(0);}

  50%{transform:translateY(-10px);}

}



/* 主图片框 */

.hero-portrait-main{

  width:340px;height:460px;border-radius:6px;overflow:hidden;

  box-shadow:0 24px 60px rgba(0,0,0,0.45),0 0 0 3px rgba(201,169,97,0.5),0 0 0 8px rgba(201,169,97,0.15);

  position:relative;

}

.hero-portrait-main img{

  width:100%;height:100%;object-fit:cover;object-position:top center;

  display:block;

}

.hero-portrait-main::after{

  content:'';position:absolute;inset:0;

  background:linear-gradient(180deg,transparent 60%,rgba(31,77,56,0.25) 100%);

  pointer-events:none;

}



/* 四角金色装饰 */

.portrait-corner{

  position:absolute;width:28px;height:28px;

  border:2px solid var(--champagne-gold);z-index:3;

}

.portrait-corner.tl{top:-10px;left:-10px;border-right:none;border-bottom:none;border-radius:4px 0 0 0;}

.portrait-corner.tr{top:-10px;right:-10px;border-left:none;border-bottom:none;border-radius:0 4px 0 0;}

.portrait-corner.bl{bottom:-10px;left:-10px;border-right:none;border-top:none;border-radius:0 0 0 4px;}

.portrait-corner.br{bottom:-10px;right:-10px;border-left:none;border-top:none;border-radius:0 0 4px 0;}



/* 红色印章 */

.portrait-seal-v2{

  position:absolute;top:16px;right:-14px;z-index:4;

  width:52px;height:52px;background:var(--cinnabar-red);

  border-radius:4px;display:flex;align-items:center;justify-content:center;

  color:#fff;font-size:12px;font-weight:700;line-height:1.2;text-align:center;

  font-family:var(--font-serif);letter-spacing:1px;

  box-shadow:0 4px 12px rgba(158,59,59,0.4);

  transform:rotate(5deg);

  border:1px solid rgba(255,255,255,0.2);

}



/* 名字牌 */

.portrait-name-v2{

  position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);

  background:linear-gradient(135deg,rgba(255,255,255,0.95),rgba(245,240,232,0.95));

  backdrop-filter:blur(8px);

  padding:12px 28px;border-radius:8px;

  box-shadow:0 8px 24px rgba(0,0,0,0.2);

  text-align:center;white-space:nowrap;z-index:4;

  border:1px solid rgba(201,169,97,0.3);

}

.portrait-name-v2 .pn-name{

  display:block;font-size:18px;font-weight:800;color:var(--ink-green);

  font-family:var(--font-serif);letter-spacing:3px;

}

.portrait-name-v2 .pn-title{

  display:block;font-size:12px;color:var(--champagne-gold);font-weight:600;

  margin-top:2px;letter-spacing:1px;font-family:var(--font-kai);

}



/* Hero V2 响应式 */

@media(max-width:1024px){

  .hero-v2 .hero-visual{display:none;}

}

@media(max-width:768px){

  .hero-portrait-wrap{display:none;}

}



/* ============================================================

   百凤堂手册 V3.1：规整卡片网格 + 可展开目录

   ============================================================ */

.manual-grid{

  display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;

}

.manual-card{

  background:#fff;border-radius:14px;overflow:hidden;

  box-shadow:var(--shadow-sm);border:1px solid var(--border-light);

  transition:all 0.35s ease;display:flex;flex-direction:column;

}

.manual-card:hover{

  transform:translateY(-5px);box-shadow:var(--shadow-lg);

  border-color:var(--light-green);

}

.manual-card .mc-header{

  padding:24px 22px 18px;position:relative;overflow:hidden;

}

.manual-card .mc-header::before{

  content:'';position:absolute;top:0;left:0;right:0;height:4px;

  background:var(--grad-peacock);

}

.manual-card.mc-gold .mc-header::before{background:var(--grad-gold);}

.manual-card.mc-red .mc-header::before{background:var(--grad-warm);}

.manual-card .mc-num{

  display:inline-block;padding:3px 12px;border-radius:10px;

  font-size:11px;font-weight:700;letter-spacing:1px;margin-bottom:10px;

  background:rgba(46,107,78,0.08);color:var(--emerald-green);

}

.manual-card.mc-gold .mc-num{background:rgba(201,169,97,0.12);color:var(--champagne-gold);}

.manual-card.mc-red .mc-num{background:rgba(158,59,59,0.1);color:var(--cinnabar-red);}

.manual-card .mc-title{

  font-size:16px;font-weight:700;color:var(--text-dark);

  margin-bottom:8px;line-height:1.5;font-family:var(--font-serif);

}

.manual-card .mc-desc{

  font-size:12.5px;color:var(--text-gray);line-height:1.7;margin-bottom:14px;

}

.manual-card .mc-tags{

  display:flex;gap:6px;flex-wrap:wrap;margin-bottom:14px;

}

.manual-card .mc-tag{

  padding:3px 10px;border-radius:8px;font-size:11px;

  background:var(--bg-soft);color:var(--text-gray);

}

.manual-card .mc-body{

  padding:0 22px 18px;flex:1;display:flex;flex-direction:column;justify-content:flex-end;

}

.manual-card .mc-actions{

  display:flex;gap:8px;

}

.manual-card .mc-btn{

  flex:1;padding:8px 12px;border-radius:8px;font-size:12px;

  font-weight:600;cursor:pointer;transition:all 0.2s;text-align:center;

  border:none;font-family:var(--font-sans);

}

.manual-card .mc-btn-outline{

  background:transparent;color:var(--emerald-green);

  border:1px solid var(--emerald-green);

}

.manual-card .mc-btn-outline:hover{background:var(--emerald-green);color:#fff;}

.manual-card .mc-btn-primary{

  background:var(--grad-peacock);color:#fff;

}

.manual-card .mc-btn-primary:hover{opacity:0.9;transform:translateY(-1px);}

.manual-card .mc-btn-gold{

  background:var(--grad-gold);color:#fff;

}

.manual-card .mc-btn-locked{

  background:var(--bg-soft);color:var(--text-gray);

  border:1px solid var(--border-light);cursor:not-allowed;

}

.manual-card .mc-toc{

  max-height:0;overflow:hidden;transition:max-height 0.4s ease;

  padding:0 22px;

}

.manual-card.open .mc-toc{max-height:500px;padding:0 22px 18px;}

.manual-card .mc-toc-inner{

  padding-top:14px;border-top:1px dashed var(--border-light);

}

.manual-card .mc-toc-title{

  font-size:12px;font-weight:700;color:var(--champagne-gold);

  margin-bottom:8px;letter-spacing:1px;

}

.manual-card .mc-toc-list{

  list-style:none;padding:0;margin:0;

}

.manual-card .mc-toc-list li{

  font-size:12px;color:var(--text-body);line-height:1.9;

  padding-left:14px;position:relative;

}

.manual-card .mc-toc-list li::before{

  content:'·';position:absolute;left:4px;color:var(--emerald-green);font-weight:700;

}

.manual-card .mc-lock-badge{

  display:inline-flex;align-items:center;gap:4px;

  padding:4px 10px;border-radius:8px;font-size:11px;font-weight:600;

  background:rgba(158,59,59,0.08);color:var(--cinnabar-red);margin-bottom:10px;

}



@media(max-width:900px){

  .manual-grid{grid-template-columns:repeat(2,1fr);}

}

@media(max-width:600px){

  .manual-grid{grid-template-columns:1fr;}

}