/* 店开科技官网 · zhengxuan 页独有样式 */
:root{
    --brand:#1F4E79;
    --brand-dark:#16395C;
    --brand-deep:#0E2940;
    --accent:#E67E22;
    --accent-hover:#D9720F;
    --text:#243447;
    --muted:#5B6B7B;
    --bg:#FFFFFF;
    --bg-soft:#F4F7FB;
    --border:#E3EAF2;
    --grad:linear-gradient(135deg,#1F4E79 0%,#2C6E9E 55%,#3E8BB5 100%);
    --grad-green:linear-gradient(135deg,#1E6E5C 0%,#2E8B74 60%,#3EA384 100%);
    --radius:16px;
    --shadow:0 10px 30px rgba(31,78,121,.10);
    --shadow-lg:0 20px 50px rgba(31,78,121,.16);
    --font:"Microsoft YaHei","PingFang SC","Hiragino Sans GB",sans-serif;
  }

  html{scroll-behavior:smooth;}

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

  section{padding:92px 0;}

  .section-head{text-align:center;max-width:820px;margin:0 auto 56px;}

  .section-head .tag{display:inline-block;background:rgba(31,78,121,.08);color:var(--brand);font-size:13px;font-weight:600;padding:6px 16px;border-radius:999px;margin-bottom:18px;letter-spacing:1px;}

  .section-head h2{font-size:38px;font-weight:800;color:var(--brand-deep);letter-spacing:.5px;}

  .section-head p{color:var(--muted);margin-top:14px;font-size:16px;}

  .btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:13px 28px;border-radius:999px;font-size:15px;font-weight:700;cursor:pointer;border:2px solid transparent;transition:all .25s;line-height:1.2;}

  .btn-primary{background:var(--accent);color:#fff;box-shadow:0 8px 20px rgba(230,126,34,.28);}

  .btn-outline{border-color:var(--border);color:var(--brand);background:#fff;}

  .btn-outline:hover{border-color:var(--brand);}

  .btn-ghost-white{border-color:rgba(255,255,255,.6);color:#fff;}

  .btn-ghost-white:hover{background:rgba(255,255,255,.14);}

  .btn-login{background:#fff;color:var(--brand);border-color:rgba(255,255,255,.5);}

  .btn-login:hover{background:rgba(255,255,255,.14);color:#fff;}

  .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease;}

  .nav{display:flex;align-items:center;justify-content:space-between;height:72px;}

  .logo{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;color:var(--brand-deep);}

  .logo .mark{width:40px;height:40px;border-radius:10px;background:var(--grad-green);color:#fff;display:flex;align-items:center;justify-content:center;font-size:19px;font-weight:900;flex-shrink:0;}

  .nav-links{display:flex;gap:30px;font-size:15px;color:var(--text);font-weight:500;}

  .nav-links a{position:relative;padding:4px 0;}

  .nav-links a::after{content:'';position:absolute;left:0;bottom:-2px;width:0;height:2px;background:var(--accent);transition:width .25s;}

  .nav-links a:hover{color:var(--brand);}

  .nav-links a:hover::after{width:100%;}

  .nav-cta{display:flex;align-items:center;gap:14px;}

  .nav-cta .btn{padding:10px 20px;font-size:14px;}

  .burger{display:none;background:none;border:none;cursor:pointer;width:40px;height:40px;flex-direction:column;align-items:center;justify-content:center;gap:5px;}

  .burger span{display:block;width:22px;height:2px;background:var(--brand-deep);}

  .mobile-menu{display:none;flex-direction:column;background:#fff;padding:18px 24px 26px;border-top:1px solid var(--border);gap:4px;}

  .mobile-menu a{padding:12px 4px;font-size:16px;color:var(--text);border-bottom:1px solid var(--border);}

  .mobile-menu a:last-child{border:none;}


  /* Hero */
  .hero{position:relative;background:var(--grad);color:#fff;padding:96px 0;overflow:hidden;}

  .hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center;}

  .hero-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25);color:#fff;padding:8px 16px;border-radius:999px;font-size:13px;margin-bottom:24px;letter-spacing:.5px;}

  .hero h1{font-size:46px;line-height:1.28;font-weight:800;letter-spacing:.5px;}

  .hero h1 .hl{color:#FFC78C;}

  .hero-sub{font-size:17px;color:rgba(255,255,255,.9);margin-top:20px;max-width:520px;}

  .hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px;}

  .hero-tags span{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);padding:7px 14px;border-radius:999px;font-size:13px;}

  .hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px;align-items:center;}

  .hero-login{margin-top:20px;display:flex;align-items:center;gap:10px;font-size:14px;color:rgba(255,255,255,.85);}

  .hero-login a{color:#FFC78C;font-weight:700;text-decoration:underline;}

  .hero-login a:hover{color:#fff;}

  .hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px;padding-top:30px;border-top:1px solid rgba(255,255,255,.18);}

  .hero-stat .num{font-size:26px;font-weight:800;color:#fff;}

  .hero-stat .num span{color:#FFC78C;}

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

  .hero-visual{position:relative;}

  .hero-card{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(6px);border-radius:20px;padding:26px;}

  .hero-card .mini{font-size:13px;color:#FFC78C;font-weight:700;margin-bottom:18px;letter-spacing:1px;}

  .model-box{border:1px solid rgba(255,255,255,.16);border-radius:12px;padding:14px;margin-bottom:12px;background:rgba(255,255,255,.05);}

  .model-box:last-child{margin-bottom:0;}

  .model-box h4{font-size:15px;font-weight:700;color:#fff;margin-bottom:8px;}

  .model-box .ml{display:flex;align-items:center;flex-wrap:wrap;gap:6px;font-size:12px;color:rgba(255,255,255,.85);}

  .model-box .ml .nd{background:var(--accent);color:#fff;padding:4px 10px;border-radius:8px;font-weight:700;}

  .model-box .ml .ar{color:#FFC78C;}

  .model-box .ml .su{color:rgba(255,255,255,.7);}

  .model-note{margin-top:6px;font-size:12px;color:rgba(255,255,255,.7);}

  .float-chip{position:absolute;background:#fff;color:var(--brand);padding:10px 16px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:var(--shadow-lg);}

  .c1{top:-14px;right:4px;}

  .c2{bottom:-14px;left:4px;background:var(--accent);color:#fff;}


  /* Business model */
  .model-sec{background:var(--bg-soft);}

  .model-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}

  .model-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:30px;box-shadow:var(--shadow);position:relative;overflow:hidden;}

  .model-card .mtag{font-size:12px;font-weight:700;letter-spacing:1px;color:#fff;padding:5px 12px;border-radius:999px;display:inline-block;margin-bottom:14px;}

  .mtag.m4{background:var(--grad-green);}

  .mtag.m5{background:var(--accent);}

  .model-card h3{font-size:22px;color:var(--brand-deep);font-weight:800;margin-bottom:6px;}

  .model-card .msub{font-size:14px;color:var(--muted);margin-bottom:22px;}

  .flow{display:flex;flex-direction:column;gap:8px;}

  .flow-row{display:flex;align-items:center;gap:10px;background:var(--bg-soft);border:1px solid var(--border);padding:12px 14px;border-radius:12px;font-size:14px;font-weight:600;color:var(--text);}

  .flow-row .no{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;color:#fff;flex-shrink:0;}

  .m4 .flow-row .no{background:var(--grad-green);}

  .m5 .flow-row .no{background:var(--accent);}

  .flow-row .desc{color:var(--muted);font-weight:400;font-size:13px;}

  .flow-row .tag{background:rgba(31,78,121,.08);color:var(--brand);font-size:12px;font-weight:600;padding:3px 10px;border-radius:999px;margin-left:auto;flex-shrink:0;}

  .model-card .takeaway{margin-top:20px;background:rgba(230,126,34,.08);border-left:3px solid var(--accent);padding:12px 14px;border-radius:0 10px 10px 0;font-size:14px;color:var(--text);}


  /* Core value */
  .value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;}

  .value-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);padding:28px 24px;box-shadow:var(--shadow);text-align:center;}

  .value-card .vic{width:58px;height:58px;margin:0 auto 16px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:900;color:#fff;}

  .value-card h3{font-size:18px;color:var(--brand-deep);font-weight:800;margin-bottom:8px;}

  .value-card p{font-size:14px;color:var(--muted);}


  /* Store / Supplier */
  .store-sec{background:var(--bg-soft);}

  .split-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;}

  .split-card{background:#fff;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);}

  .split-head{padding:24px 28px;color:#fff;}

  .split-head.store{background:var(--grad);}

  .split-head.supplier{background:var(--grad-green);}

  .split-head.service{background:linear-gradient(135deg,#8E44AD 0%,#B066C9 60%,#C39BD3 100%);}

  .split-head.warehouse{background:linear-gradient(135deg,#16395C 0%,#2C6E9E 60%,#3E8BB5 100%);}

  .split-head h3{font-size:24px;font-weight:800;}

  .split-head p{font-size:14px;opacity:.9;margin-top:4px;}

  .split-body{padding:26px 28px;}

  .split-body ul{list-style:none;}

  .split-body li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;font-size:15px;color:var(--text);border-bottom:1px dashed var(--border);}

  .split-body li:last-child{border:none;}

  .split-body li .dot{width:7px;height:7px;border-radius:50%;background:var(--accent);margin-top:9px;flex-shrink:0;}

  .split-body .stepline{margin:18px 0;}

  .split-body .step{display:flex;align-items:center;gap:10px;padding:9px 0;font-size:14px;}

  .split-body .step .no{width:24px;height:24px;border-radius:7px;background:rgba(31,78,121,.08);color:var(--brand);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:800;flex-shrink:0;}

  .split-cta{margin-top:22px;display:flex;gap:12px;flex-wrap:wrap;}

  .split-cta .btn{padding:11px 22px;font-size:14px;}


  /* Login entry */
  .login-sec{background:var(--grad);color:#fff;text-align:center;}

  .login-sec h2{font-size:34px;font-weight:800;}

  .login-sec p{color:rgba(255,255,255,.85);margin-top:12px;max-width:600px;margin-left:auto;margin-right:auto;}

  .login-box{margin:34px auto 0;max-width:520px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:28px;}

  .login-box .lurl{font-size:14px;color:rgba(255,255,255,.7);word-break:break-all;margin-bottom:16px;}

  .login-box .btn-primary{width:100%;}

  .login-box .hint{margin-top:14px;font-size:13px;color:rgba(255,255,255,.7);}


  /* Footer */
  footer{background:var(--brand-deep);color:rgba(255,255,255,.82);padding:60px 0 30px;}

  .foot-grid{display:grid;grid-template-columns:2.3fr 1fr 1fr 1.1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.12);}

  .foot-brand .logo .mark{background:var(--grad-green);}

  .foot-brand p{font-size:15px;color:rgba(255,255,255,.7);margin-top:18px;max-width:400px;line-height:1.8;}

  .foot-brand .related{margin-top:16px;font-size:14px;color:rgba(255,255,255,.62);}

  .foot-brand .related a{color:#FFC78C;}

  .foot-brand .related-links{margin-top:8px;font-size:14px;color:rgba(255,255,255,.62);}

  .foot-brand .related-links a{color:#FFC78C;text-decoration:none;}

  .foot-brand .related-links .cur{color:rgba(255,255,255,.62);cursor:default;}

  .foot-col h4{color:#fff;font-size:16px;font-weight:700;margin-bottom:18px;}

  .foot-col a{display:block;font-size:14px;color:rgba(255,255,255,.7);margin-bottom:12px;transition:color .2s;}

  .foot-contact .c{margin-bottom:16px;font-size:14px;}

  .foot-contact .c b{color:#fff;font-size:15px;display:block;margin-top:4px;font-weight:700;}

  .foot-bottom{text-align:center;font-size:13px;color:rgba(255,255,255,.5);padding-top:26px;}

  @media(max-width:960px){
    .nav-links,.nav-cta .btn-outline{display:none;}
    .burger{display:flex;}
    .menu-open .mobile-menu{display:flex;}
    .hero{padding:64px 0;}
    .hero-inner{grid-template-columns:1fr;gap:36px;}
    .hero h1{font-size:32px;}
    .hero-stats{grid-template-columns:1fr 1fr;gap:16px;}
    .model-grid,.split-grid{grid-template-columns:1fr;}
    .value-grid{grid-template-columns:1fr 1fr;}
    .foot-grid{grid-template-columns:1fr 1fr;gap:30px;}
  }

  @media(max-width:768px){
    .value-grid{grid-template-columns:1fr;}
    section{padding:64px 0;}
    .section-head h2{font-size:28px;}
  }


.logo-img{width:36px;height:36px;object-fit:contain;border-radius:50%;display:block;flex-shrink:0;}



/* Login 左右分栏 */
.login-split{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:34px auto 0;max-width:780px;text-align:left;}

.login-panel{background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:30px;}

.login-panel .lp-tag{display:inline-block;background:rgba(255,255,255,.18);padding:5px 16px;border-radius:999px;font-size:13px;font-weight:700;color:#fff;margin-bottom:16px;}

.login-panel h3{color:#fff;font-size:22px;font-weight:800;margin-bottom:10px;}

.login-panel p{color:rgba(255,255,255,.82);font-size:14px;line-height:1.75;margin-bottom:22px;}

.login-panel .btn{width:100%;}

.login-hint{margin-top:22px;font-size:13px;color:rgba(255,255,255,.65);}

@media(max-width:768px){.login-split{grid-template-columns:1fr;text-align:center;}}



/* 全局浮动：400电话 + 企业微信咨询 */





@media(max-width:768px){}



.login-lead{font-size:15px;color:rgba(255,255,255,.85);}