/* ================================================================
   site-extra.css — 古瑞猫官网补充样式
   服务页面：index.html / a/about.html / a/yuwanmao.html（及对应模板）
   用途：补全各页面中使用、但 fzyxwl.min.css 未定义的样式。
         fzyxwl.min.css 保持原样，不做任何改动。
   说明：本文件在 fzyxwl.min.css 之后加载。
         · 仅保留页面 HTML 实际用到的样式（已逐条核对）
         · 已在 fzyxwl.min.css 中定义的样式不重复写入
   主色：嫩绿 #80C021 / 线稿绿 #85C125 / 黄点缀 #FFCC00（与原站一致）
   ================================================================ */

/* ---- 工具类补缺 ---- */
.strong{font-weight:bold;}
.height-more{line-height:36px;}

/* ---- Hero 底图文字浮层（关于我们页 / 鱼丸猫页共用） ---- */
.hero{position:relative;min-height:720px;display:flex;align-items:center;overflow:hidden;}
.hero.paneled{border:1px solid #eef0eb;border-radius:18px;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;z-index:0;}
.hero-mask{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.72) 34%,rgba(255,255,255,.28) 52%,rgba(255,255,255,0) 62%);}
.hero-inner{position:relative;z-index:2;width:100%;max-width:1200px;margin:0 auto;padding:90px 56px;box-sizing:border-box;}
.hero-tag{display:inline-flex;align-items:center;gap:12px;font-size:12px;letter-spacing:.4em;color:#80C021;text-transform:uppercase;background:rgba(255,255,255,.72);padding:6px 14px;border-radius:30px;font-weight:700;}
.hero-tag::before{content:'';width:30px;height:1px;background:#80C021;display:inline-block;}
.hero-title{font-size:52px;line-height:1.15;font-weight:900;color:#1f1f1f;margin:20px 0 14px;font-family:Arial,"Microsoft YaHei",sans-serif;}
.hero-sub{font-size:22px;color:#444;font-weight:700;margin-bottom:24px;letter-spacing:2px;}
.hero-slogan{font-size:14px;color:#7a7a7a;line-height:2.05;margin:0 0 32px;max-width:600px;}
.hero-btns{display:flex;gap:14px;flex-wrap:wrap;}
.hero-btns .btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 32px;border-radius:40px;font-size:14px;transition:all .3s;box-sizing:border-box;}
.hero-btns .btn-main{background:#80C021;color:#fff;box-shadow:0 8px 20px rgba(128,192,33,.35);}
.hero-btns .btn-main:hover{background:#6aa71a;transform:translateY(-2px);}
.hero-btns .btn-line{border:1px solid #80C021;color:#80C021;background:rgba(255,255,255,.85);}
.hero-btns .btn-line:hover{background:#80C021;color:#fff;}

/* ---- 图卡基础（三页共用） ---- */
.fig-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:40px;}
.fig-card{background:#fff;border:1px solid #DDDDDD;border-radius:10px;overflow:hidden;transition:all .3s;display:flex;flex-direction:column;}
.fig-card:hover{border-color:#80C021;box-shadow:0 10px 26px rgba(128,192,33,.12);transform:translateY(-4px);}
.fig-pic{display:block;overflow:hidden;line-height:0;}
.fig-pic img{width:100%;display:block;object-fit:cover;transition:all .5s;}
.fig-pic.fix img{height:400px !important;}
.fig-card:hover .fig-pic img{transform:scale(1.05);}
.fig-body{padding:20px 22px 24px;text-align:center;flex:1;}
.fig-tag{display:inline-block;background:#f6fbef;color:#80C021;border:1px solid #e5f0d2;border-radius:20px;padding:3px 14px;font-size:12px;margin-bottom:14px;font-weight:700;}
.fig-name{font-size:32px;font-weight:900;color:#222;margin:0 0 4px;font-family:Arial,"Microsoft YaHei",sans-serif;}
.fig-en{font-family:Arial;font-size:13px;letter-spacing:3px;color:#80C021;font-weight:bold;margin:0 0 14px;}
.fig-desc{font-size:14px;line-height:2.1;color:#666;margin:0 0 10px;text-align:left;}
.fig-more{display:inline-block;color:#80C021;font-size:13px;border-bottom:1px solid #80C021;padding-bottom:2px;transition:all .3s;margin-top:6px;}
.fig-more:hover{color:#6aa71a;}

/* ---- 业务图标（关于我们 · 原创设计 / IP授权+ / 文创衍生） ---- */
.icob .biz-ico{width:52px;height:52px;border-radius:50%;background:#f6fbef;border:1px solid #e5f0d2;color:#80C021;display:flex;align-items:center;justify-content:center;margin:0 auto 10px;font-size:24px;line-height:1;}
.icob:hover .biz-ico{border-color:#80C021;}
.icob .text-gray{margin-top:4px;}

/* ================================================================
   鱼丸猫页模块（a/yuwanmao.html 使用）
   ================================================================ */

/* Hero 变体 */
.hero-bg.right{background-position:right center;}
.hero-badge{margin-bottom:20px;}
.hero-badge b{display:block;font-size:14px;color:#6fa71d;letter-spacing:2px;font-weight:800;}
.hero-badge span{display:block;font-size:12px;color:#8a8a8a;letter-spacing:1px;font-family:Arial,sans-serif;margin-top:3px;}
.hero-title .gr{color:#80C021;}

/* 图卡变体（c3/c4 布局 · 旗标 · 标签 · 卖点卡 · 图注） */
.fig-grid.c3{grid-template-columns:1.2fr 1fr 1.2fr;gap:20px;}
.fig-grid.c4{grid-template-columns:repeat(4,1fr);gap:20px;}
.fig-flag{display:inline-block;background:#80C021;color:#fff;font-size:12px;letter-spacing:2px;border-radius:2em;padding:5px 16px;font-weight:700;margin-bottom:16px;}
.fig-flag.sec{background:#F59E0B;}
.fig-feats{margin-bottom:14px;}
.fig-feats span{display:inline-block;border:1px solid #85C125;color:#80C021;border-radius:2em;padding:4px 14px;font-size:12px;font-weight:700;margin:0 8px 8px 0;background:#f6fbef;}
.fig-cap{padding:18px 16px;text-align:center;}
.fig-cap h4{font-size:15px;font-weight:bold;color:#222;margin:0 0 8px;}
.fig-cap p{font-size:12px;color:#999;line-height:1.8;margin:0;}
.fig-caption{margin-top:12px;margin-bottom:12px;text-align:center;font-weight:bold;color:#80C021;}

/* 悬浮动画 */
.lift-card{transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease;}
.lift-card:hover{transform:translateY(-5px);box-shadow:0 14px 34px rgba(128,192,33,.14);border-color:#85C125;}
.lift-card .lift-zoom{transition:transform .55s ease;}
.lift-card:hover .lift-zoom{transform:scale(1.05);}

/* 创意说明 */
.concept-title{font-size:34px;line-height:1.4;}
.concept-quote{font-size:15px;color:#80C021;font-weight:700;line-height:1.9;margin:0;}

/* 粉丝纪念 · 游客伴手礼（三卡） */
#gift .fig-grid{margin-top:20px;}
.gift-mid{background:linear-gradient(180deg,#f6fbef,#fff);border:1px solid #DDDDDD;border-radius:10px;padding:38px 26px;display:flex;flex-direction:column;justify-content:center;text-align:center;}
.gift-mid .gift-ico{width:54px;height:54px;margin:0 auto 16px;display:block;}
.gift-mid h3{font-size:22px;font-weight:900;color:#222;margin:0 0 10px;line-height:1.5;}
.gift-mid .gift-en{font-family:Arial;font-size:11px;letter-spacing:3px;color:#80C021;font-weight:bold;margin-bottom:16px;}
.gift-mid p{font-size:13px;color:#888;line-height:2.1;margin:0 0 8px;}
.gift-fig .fig-pic img{aspect-ratio:3/4;}

/* 短视频作品 */
.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;margin-bottom:40px;}
.video-card{background:#fff;border:1px solid #DDDDDD;border-radius:10px;overflow:hidden;display:block;color:#333;text-decoration:none;position:relative;}
.video-thumb{position:relative;overflow:hidden;}
.video-thumb img{width:100%;aspect-ratio:3/4;object-fit:cover;display:block;}
.video-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.12);opacity:0;transition:opacity .25s;}
.video-card:hover .video-play{opacity:1;}
.video-play span{width:52px;height:52px;border-radius:50%;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;color:#80C021;font-size:18px;}
.video-dy{position:absolute;top:10px;left:10px;background:#80C021;color:#fff;font-size:11px;font-weight:700;padding:3px 10px;border-radius:2em;}
.video-info{padding:13px 15px 16px;}
.video-info h4{font-size:13px;font-weight:bold;margin:0 0 6px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:40px;}
.video-meta{font-size:11px;color:#bbb;}
.dy-cta{text-align:center;}
.dy-btn{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:700;padding:13px 38px;border-radius:2em;text-decoration:none;color:#fff;background-image:linear-gradient(90deg,#83C226,#70A521,#83C226,#FFCC00);background-size:300% 100%;transition:all .4s;}
.dy-btn:hover{background-position:100% 0;color:#fff;transform:translateY(-2px);box-shadow:0 10px 26px rgba(128,192,33,.35);}

/* 常见问题 FAQ（在 .listicon-f 基础上按页面设计微调成白底卡片） */
.faq-news{margin-top:40px;display:flex;flex-wrap:wrap;margin-left:-5px;margin-right:-5px;}
.faq-news > div{padding-left:5px;padding-right:5px;box-sizing:border-box;display:flex;}
.faq-news .listicon-f{width:100%;background:#fff;border:1px solid #eee;border-radius:8px;padding:18px 20px;box-sizing:border-box;}

/* ---- 响应式 ---- */
@media (max-width:992px){
  .hero{min-height:0;}
  .hero-inner{padding:70px 30px;}
  .hero-title{font-size:40px;}
  .hero-sub{font-size:18px;}
  .fig-grid.c4{grid-template-columns:repeat(2,1fr);}
  .fig-grid.c3{grid-template-columns:1fr 1fr;}
  .gift-mid{grid-column:1/3;order:-1;}
  .video-grid{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:640px){
  .hero-inner{padding:46px 22px;}
  .hero-mask{background:linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.85) 100%);}
  .hero-title{font-size:34px;}
  .hero-sub{font-size:16px;}
  .fig-grid,.fig-grid.c3,.fig-grid.c4{grid-template-columns:1fr;gap:14px;}
  .fig-pic.fix img{height:auto !important;max-height:460px;}
  .fig-name{font-size:26px;}
  .gift-mid{grid-column:auto;}
  .video-grid{grid-template-columns:repeat(2,1fr);gap:12px;}
  .video-info h4{font-size:12px;min-height:36px;}
}