@charset "UTF-8";
/* ==========================================================================
   ahs-base.css —— 复用「爱回收 aihuishou.com」PC 官网设计系统
   --------------------------------------------------------------------------
   来源：https://sr.aihuishou.com/crane-build/official-pc/pro/static/css/main.c010217a.css
   说明：爱回收官网样式为 CSS Modules（scoped，类名带 hash，如 .Index_menu__jYvLO），
        且含 body{min-width:1200px} 等 PC 固定宽全局规则，无法字面套用到本站 DOM。
        故此处复用其「设计系统层」——主题变量机制、字体栈、圆角规范、
        阴影规范、swiper 变量；本站组件样式构建于这些令牌之上（见 style.css）。
   主题色：沿用爱回收 var(--theme) 变量机制。爱回收默认 #f9e72c（亮黄），
        本站按需求改为天帚 LOGO 色：蓝 #008ad2 / 绿 #00a546。
   ========================================================================== */

:root {
  /* —— 主题变量机制（沿用爱回收 var(--theme) 写法）—— */
  --theme:        #008ad2;                    /* 主色（爱回收此处为 #f9e72c 亮黄） */
  --theme-2:      #00a546;                    /* 辅助色 */
  --theme-ink:    #0067a0;                    /* 主色深 */
  --theme-soft:   rgba(0, 138, 210, .10);     /* 主色浅底 */
  --theme-line:   rgba(0, 138, 210, .22);     /* 主色描边 */
  --theme-shadow: rgba(0, 138, 210, .16);     /* 主色投影（爱回收: rgba(145,122,0,.16)） */

  /* —— 字体：阿里巴巴普惠体（爱回收主字体栈）—— */
  --ahs-font: AlibabaPuHuiTi, "Alibaba PuHuiTi 3.0", "Helvetica Neue", Helvetica,
              "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "微软雅黑",
              Arial, sans-serif;

  /* —— 圆角规范（爱回收：40 胶囊 / 32 大卡 / 20 卡片 / 8 小元素）—— */
  --ahs-r-pill:  40px;
  --ahs-r-card:  20px;
  --ahs-r-lg:    32px;
  --ahs-r-sm:    8px;

  /* —— 阴影规范（爱回收：极轻 + 主色柔光）—— */
  --ahs-sh-1: 0 2px 8px rgba(0, 0, 0, .06);          /* 卡片静置 */
  --ahs-sh-2: 0 8px 18px var(--theme-shadow);        /* 主色悬停 */
  --ahs-sh-3: 0 2px 2px 0 rgba(0, 0, 0, .15);        /* 浮层 */

  /* —— swiper 主题色（爱回收 main.css 内定义，沿用）—— */
  --swiper-theme-color: var(--theme);
  --swiper-navigation-size: 44px;
}

/* 文本选中：主色（沿用爱回收高亮逻辑） */
::selection { background: var(--theme-soft); color: var(--theme-ink); }

/* 主色高亮装饰：标题下方双线（爱回收 .Index_bottomLine 的视觉签名） */
.ahs-underline { position: relative; padding-bottom: 8px; }
.ahs-underline::before,
.ahs-underline::after {
  content: ""; position: absolute; left: 0; right: 0;
  background: var(--theme); border-radius: 2px;
}
.ahs-underline::before { bottom: 6px; height: 2px; }
.ahs-underline::after  { bottom: 0;   height: 4px; border-radius: 0 0 5px 5px; }
.ahs-underline.center::before,
.ahs-underline.center::after { left: 50%; transform: translateX(-50%); width: 48px; }