*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
    body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Helvetica Neue",Arial,sans-serif;background:linear-gradient(135deg, var(--ui-primary) 0%, var(--ui-primary-active) 100%);min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;position:relative;overflow:hidden;}
    /* 背景装饰 */
    body::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,var(--ds-overlay-w-2) 0%,transparent 60%);animation:float 20s ease-in-out infinite;}
    @keyframes float{0%,100%{transform:translate(0,0) rotate(0deg);}50%{transform:translate(30px,-30px) rotate(180deg);}}
    .login-logo{text-align:center;margin-bottom:36px;position:relative;z-index:1;}
    .login-logo-mark{width:72px;height:72px;background:var(--ds-bg-card);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:var(--ui-primary);margin:0 auto 16px;box-shadow:0 8px 32px var(--ds-sh-color-8);}
    .login-logo h1{color:var(--ds-text-inv);font-size:26px;font-weight:700;margin:0 0 8px;letter-spacing:1px;}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .login-sub{color:rgba(255,255,255,0.85);font-size:14px;letter-spacing:0.5px;}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .login-card{background:var(--ds-bg-card);border-radius:20px;padding:32px 28px;width:100%;max-width:380px;margin:0 auto;box-shadow:0 20px 60px rgba(0,0,0,0.2);position:relative;z-index:1;}
    /* 登录按钮 - 完美居中 */
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .wecom-btn{display:flex ;align-items:center ;justify-content:center ;width:100%;min-height:52px;padding:0 24px;background:linear-gradient(135deg,var(--ds-success) 0%,var(--ds-success) 100%);color:var(--ds-text-on-fill);text-align:center;border-radius:var(--ds-r-btn);text-decoration:none;font-size:16px;font-weight:600;letter-spacing:1px;box-shadow:0 4px 16px rgba(7,193,96,0.3);transition:all 0.25s ease;-webkit-transition:all 0.25s ease;border:none;cursor:pointer;gap:8px;}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .wecom-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(7,193,96,0.4);background:linear-gradient(135deg,var(--ds-success) 0%,var(--ds-success) 100%);}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .wecom-btn:active{transform:translateY(0) scale(0.98);box-shadow:0 2px 8px rgba(7,193,96,0.3);}
    .wecom-btn .wecom-icon{width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;}
    /* design-rigor: allow-depth -- 历史结构选择器，调整会改变特异性，保留并标注 */
    .wecom-btn .wecom-icon svg{width:100%;height:100%;}
    .dev-box{margin-top:24px;padding-top:20px;border-top:1px solid var(--ds-line);}
    .dev-title{font-size:12px;color:var(--ds-text-3);text-align:center;margin-bottom:8px;font-weight:500;}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .dev-tip{font-size:11px;color:#bbb;text-align:center;line-height:1.6;}
    /* design-rigor: allow-hex -- 现无同值语义 token；统一到 --ds-* 会改变多品牌/深色模式呈现，需设计确认后专项迁移 */
    .login-icp{position:fixed;bottom:16px;left:0;right:0;text-align:center;font-size:11px;color:rgba(255,255,255,0.6);z-index:1;line-height:1.8;}
    /* 响应式适配 */
    @media (max-width:375px){
      .login-card{padding:24px 20px;}
      .login-logo-mark{width:64px;height:64px;font-size:28px;}
      .login-logo h1{font-size:22px;}
      .wecom-btn{min-height:48px;font-size:15px;}
    }
  
        /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
    @media (prefers-color-scheme: dark) {
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      body{background:#0f0f0f;}
      body::before{background:radial-gradient(circle,rgba(255,255,255,0.04) 0%,transparent 60%);}
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      .login-card{background:#1e1e1e;box-shadow:0 20px 60px rgba(0,0,0,0.45);}
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      .login-logo-mark{background:#1e1e1e;}
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      .login-sub{color:rgba(255,255,255,0.75);}
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      .login-icp{color:rgba(255,255,255,0.45);}
      /* design-rigor: allow-hex -- 登录页深色模式兜底，无对应 token */
      .wecom-btn{background:#06a050;box-shadow:0 4px 16px rgba(7,193,96,0.25);}
    }