:root{
      --bg:#f8fafc; --card:#ffffff; --muted:#6b7280; --text:#0f172a; --accent:#0ea5e9; --radius:18px;
    }
    *{box-sizing:border-box}
    body{margin:0;background:var(--bg);color:var(--text);font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,"PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",sans-serif}
    a{color:inherit;text-decoration:none}
    /* 全局容器：移动端保留16px内边距，桌面端满屏且去掉左右空白 */
    .container{
      width:100%;
      max-width:100%;
      margin:0;
      padding:16px;            /* 移动端留呼吸 */
    }
    @media (min-width:768px){
      .container{
        width:100%;
        max-width:100vw;       /* 真·满屏宽 */
        margin:0;
        padding:0;             /* 桌面端去掉左右 padding，横幅/栅格可贴边铺满 */
      }
    }
    /* 顶部导航 */
    .nav{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
    /* 电脑端添加淡黄色背景 */
    .zs{display:none;font-weight:10px}
    @media (min-width: 768px) {
        .nav {
            /*--background-color: #ffefe9; /* 淡黄色背景 */
            box-shadow: 0 2px 10px rgba(0,0,0,0.1); /* 添加阴影效果 */
            padding:0px;
        }
        .zs{
          display:block;
          font-weight:10px
        }
    }
    .nav-left{display:flex;align-items:center;gap:12px}
    .burger{width:28px;height:28px;border-radius:10px;border:1px solid #e5e7eb;display:grid;place-items:center;background:#fff}
    .index{display:none}
    @media (min-width: 768px) {.burger{display:none}.index{display:block}}
    .burger span{display:block;width:14px;height:2px;background:#111;box-shadow:0 5px 0 #111,0 -5px 0 #111;border-radius:2px}
    .brand{display:flex;align-items:center;gap:8px}
    .brand-badge{font-size:12px;color:#fff;background:#ef4444;border-radius:6px;padding:3px 6px}
    .brand-title{font-weight:700}
    .nav-right{display:flex;align-items:center;gap:12px}
    .btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:999px;border:1px solid #e5e7eb;background:#fff;font-weight:600}
    @media (min-width: 768px) {.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:0px;border:1px solid #e5e7eb;background:#fba882;font-weight:600;color:#fff}}
    .btn-accent{background:var(--accent);color:#fff;border-color:transparent}
    /* 横幅 */
    .hero{
        position: relative;
        overflow:hidden;
        background-image: url('/static/assets/images/homepage/lh_bg.png');
        background-size: 100% 100%;
        background-repeat: no-repeat, repeat;
        height:113px;
        display: flex;
    }
    .hero::after{content:"";position:absolute;inset:0;pointer-events: none;/* ← 新增：不拦截点击，导航“登录”可点击 */background:radial-gradient(1200px 280px at 20% 0%,rgba(255,255,255,.08),transparent 60%),radial-gradient(900px 240px at 90% 20%,rgba(255,255,255,.06),transparent 60%)}
    .hero h1{margin: 11%;line-height:1.35;font-size:26px;font-weight:800;letter-spacing:0.5px}
    @media(min-width:768px){
        .hero{
            background-image: url('/static/assets/images/homepage/lh_bg.png');
            background-size: 100% 100%;
            background-repeat: no-repeat, repeat;
            height:266px;
            margin-top:0px;
            border-radius: 0px;}
        .hero h1{
            margin: 5%;
            line-height:1.35;
            font-size:70px;
            font-weight:800;
            letter-spacing:0.5px
        }
    }
    @media(min-width:1920px){
        .hero{
            background-image: url('/static/assets/images/homepage/lh_bg.png');
            background-size: 100% 100%;
            background-repeat: no-repeat, repeat;
            height:266px;
            margin-top:0px;
            border-radius: 0px;}
        .hero h1{
            line-height:1.35;
            font-size:70px;
            font-weight:800;
            letter-spacing:0.5px;
            margin: 4%;
        }
    }
    /* 折线图地方 */
    .graphics{
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
    .graphics p{
        font-size: 18px;
        margin-left: 5%;
        
    }
    .main_title{
        width: 100%;
        margin:10px auto;
        text-align: center;
    }
    .main_title_p{
            font-size: 28px;
    }
    .main_title h4{
        margin-bottom: 5px;
    }
    .indent{
        text-indent: 40px;
    }
  @media(min-width:768px){
    .main_title_p{
            font-size: 40px;
    }
    .indent{
        text-indent: 40px;
    }
    .graphics{
        width: 70%;
        height: auto;
        margin: 0 auto;
    }
    .main_title{
        width: 80%;
        margin:0 auto;
        margin-top:40px;
        text-align: center;
        
    }
    .graphics p{
        font-size: 18px;
    }
    
  }
  
  .foot_href{
    height: 50px;
  }