/* 易道东方 v3 — 去商业化东南亚风格 */
:root{--bg:#F9F7F2;--ink:#2C3E50;--ink-light:#555;--muted:#888;--vermilion:#993333;--vermilion-l:#B04545;--gold:#D4AF37;--card:#FFF;--border:#E8E4DC;--sand:#F0EDE5;--font-t:"Songti SC","STSong","SimSun",serif;--font-b:"PingFang SC","Microsoft YaHei",sans-serif;--r:16px;--rs:10px;--sh:0 4px 15px rgba(0,0,0,.04);--shl:0 8px 28px rgba(0,0,0,.08);--mw:480px;}
*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:var(--font-b);background:var(--bg);color:var(--ink);line-height:1.8;font-size:15px;-webkit-font-smoothing:antialiased;padding-bottom:80px;}
a{color:var(--vermilion);text-decoration:none;}
section{max-width:var(--mw);margin:0 auto;padding:0 20px;}
.site-header{position:sticky;top:0;background:rgba(249,247,242,.95);backdrop-filter:blur(8px);z-index:100;border-bottom:1px solid rgba(153,51,51,.15);}
.header-inner{max-width:var(--mw);margin:0 auto;padding:12px 20px;display:flex;justify-content:space-between;align-items:center;}
.logo{font-family:var(--font-t);font-size:18px;font-weight:700;letter-spacing:2px;color:var(--ink);}
.header-right{display:flex;align-items:center;gap:10px;}
.lang-switch{display:flex;gap:2px;}
.lang-switch a{font-size:12px;padding:4px 8px;border-radius:6px;color:var(--muted);font-weight:500;}
.lang-switch a.active{background:var(--vermilion);color:#fff;}
.lang-switch a:hover:not(.active){background:var(--sand);}
.btn-login{font-size:13px;color:var(--ink);border:1px solid var(--border);padding:5px 14px;border-radius:20px;}
.btn-login:hover{border-color:var(--vermilion);color:var(--vermilion);}
.hero{text-align:center;padding:50px 20px 35px;}
.hero h1{font-family:var(--font-t);font-size:24px;letter-spacing:4px;margin-bottom:12px;color:var(--ink);}
.hero p{font-size:14px;color:var(--ink-light);letter-spacing:1px;}
.hero-btn{display:block;width:100%;max-width:320px;margin:30px auto 0;padding:15px;background:var(--vermilion);color:#fff;border:none;border-radius:30px;font-size:16px;letter-spacing:3px;cursor:pointer;box-shadow:0 4px 14px rgba(153,51,51,.25);transition:transform .2s;}
.hero-btn:active{transform:scale(.97);}
.hero-btn:hover{background:var(--vermilion-l);}
.trust-section{padding:30px 20px;}
.trust-title{text-align:center;font-family:var(--font-t);font-size:18px;margin-bottom:20px;letter-spacing:2px;}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.trust-item{text-align:center;background:var(--card);padding:16px 10px;border-radius:var(--rs);box-shadow:var(--sh);}
.trust-icon{font-size:24px;margin-bottom:8px;}
.trust-item h4{font-size:13px;margin-bottom:4px;color:var(--vermilion);font-weight:600;}
.trust-item p{font-size:11px;color:var(--muted);line-height:1.5;}
.tools-section{padding:20px 20px 30px;}
.tools-header{text-align:center;margin-bottom:20px;}
.tools-header h2{font-family:var(--font-t);font-size:20px;letter-spacing:3px;margin-bottom:6px;}
.tools-header p{font-size:13px;color:var(--muted);}
.tool-list{display:flex;flex-direction:column;gap:12px;}
.tool-card{background:var(--card);padding:18px 16px;border-radius:var(--r);box-shadow:var(--sh);display:flex;align-items:center;gap:14px;cursor:pointer;transition:transform .2s;border:1px solid var(--border);}
.tool-card:active{transform:scale(.98);}
.tool-card:hover{border-color:var(--vermilion);box-shadow:var(--shl);}
.tool-icon{width:44px;height:44px;border-radius:50%;background:var(--sand);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0;}
.tool-info{flex:1;}
.tool-info h3{font-family:var(--font-t);font-size:17px;margin-bottom:2px;}
.tool-info p{font-size:12px;color:var(--muted);}
.tool-arrow{color:var(--vermilion);font-size:18px;}
.blog-section{padding:20px 20px 30px;}
.blog-section h2{font-family:var(--font-t);font-size:18px;margin-bottom:6px;}
.blog-sub{font-size:12px;color:var(--muted);margin-bottom:16px;}
.blog-list{display:flex;flex-direction:column;gap:12px;}
.blog-card{background:var(--card);padding:16px;border-radius:var(--rs);box-shadow:var(--sh);border-left:3px solid var(--gold);}
.blog-card h4{font-size:15px;margin-bottom:6px;}
.blog-card p{font-size:12px;color:var(--muted);}
.read-more{font-size:12px;color:var(--vermilion);font-weight:600;}
.bottom-bar{position:fixed;bottom:0;left:0;right:0;background:rgba(255,255,255,.96);backdrop-filter:blur(8px);padding:10px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 -2px 12px rgba(0,0,0,.06);z-index:90;}
.bar-item{font-size:11px;text-align:center;cursor:pointer;color:var(--muted);min-width:50px;text-decoration:none;}
.bar-item.active{color:var(--vermilion);}
.bar-btn{flex:1;background:var(--vermilion);color:#fff;padding:14px;border-radius:30px;text-align:center;font-size:16px;letter-spacing:2px;cursor:pointer;font-weight:600;}
.bar-btn:hover{background:var(--vermilion-l);}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.55);backdrop-filter:blur(4px);z-index:200;display:none;align-items:flex-end;justify-content:center;}
.modal-overlay.active{display:flex;}
.modal-box{background:var(--bg);width:100%;max-width:500px;max-height:90vh;border-radius:24px 24px 0 0;padding:24px 20px 30px;overflow-y:auto;animation:slideUp .3s ease;position:relative;}
@keyframes slideUp{from{transform:translateY(100%);}to{transform:translateY(0);}}
.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;font-size:24px;cursor:pointer;color:var(--muted);}
.modal-title{font-family:var(--font-t);font-size:18px;text-align:center;margin-bottom:16px;letter-spacing:2px;}
.modal-body{margin-top:8px;}
.form-input{width:100%;padding:12px 14px;border:1px solid var(--border);border-radius:var(--rs);font-size:15px;margin:8px 0;font-family:inherit;background:var(--card);}
.form-input:focus{outline:none;border-color:var(--vermilion);}
textarea.form-input{resize:vertical;}
label{display:block;font-size:13px;margin-top:10px;margin-bottom:4px;font-weight:600;}
.btn{display:inline-block;padding:12px 24px;border-radius:30px;font-size:15px;font-weight:600;cursor:pointer;border:none;text-align:center;}
.btn-primary{background:var(--vermilion);color:#fff;}
.btn-primary:hover{background:var(--vermilion-l);}
.btn-block{width:100%;margin-top:12px;}
.btn-sm{padding:4px 12px;font-size:12px;border-radius:6px;}
.result-box{margin-top:16px;}
.loading{text-align:center;padding:20px;color:var(--muted);font-size:14px;}
.error-msg{color:var(--vermilion);padding:12px;background:rgba(153,51,51,.05);border-radius:var(--rs);font-size:14px;}
.result-pan,.result-preview{background:var(--sand);border-radius:var(--rs);padding:14px;margin-bottom:10px;}
.result-pan h4,.result-preview h4{margin-bottom:8px;font-size:14px;}
.result-pan pre{font-size:12px;overflow-x:auto;}
.result-action{display:flex;align-items:center;justify-content:space-between;padding:14px;background:var(--card);border-radius:var(--rs);border:1px solid var(--border);}
.price-tag{font-size:18px;font-weight:700;color:var(--vermilion);}
.cache-tag{font-size:10px;background:#2D7A5F;color:#fff;padding:2px 6px;border-radius:4px;margin-left:8px;}
.yao{display:flex;align-items:center;gap:12px;padding:4px 8px;border-bottom:1px solid var(--border);font-size:12px;}
.yao.dong{background:rgba(153,51,51,.04);}
.bazi-pillars{display:flex;gap:8px;margin:12px 0;flex-wrap:wrap;}
.pillar{flex:1;min-width:60px;text-align:center;background:var(--card);border-radius:var(--rs);padding:8px;border:1px solid var(--border);}
.qimen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--border);border:2px solid var(--ink);margin:12px 0;}
.qimen-cell{background:var(--card);padding:6px;text-align:center;min-height:70px;font-size:11px;}
.liunian-list{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;}
.liunian-item{flex:0 0 auto;min-width:80px;padding:6px 8px;background:var(--card);border-radius:var(--rs);border:1px solid var(--border);text-align:center;font-size:11px;}
.followup-section{margin-top:20px;padding:16px;background:rgba(240,237,229,.5);border-radius:var(--rs);border:1px solid var(--border);}
.followup-section h4{color:var(--vermilion);margin-bottom:10px;font-size:15px;}
.followup-list{max-height:260px;overflow-y:auto;margin-bottom:10px;}
.qa-item{padding:8px 12px;margin-bottom:6px;border-radius:6px;font-size:13px;line-height:1.6;}
.user-qa{background:var(--vermilion);color:#fff;margin-left:20px;}
.ai-qa{background:#fff;border:1px solid var(--border);margin-right:20px;}
.ai-qa strong{color:var(--vermilion);}
.loading-qa{color:var(--muted);font-style:italic;}
.followup-input-box{display:flex;gap:6px;}
.followup-input-box .form-input{flex:1;}
.followup-locked{margin-top:16px;padding:16px;text-align:center;background:rgba(200,200,200,.15);border-radius:8px;color:var(--muted);}
.result-full{margin-top:16px;padding:20px;background:#fff;border-radius:8px;border:1px solid var(--border);}
.result-full h4{color:var(--vermilion);margin-bottom:12px;}
.ai-content{line-height:1.8;font-size:.95rem;}
.ai-content strong{color:var(--vermilion);}
.chat-toggle{position:fixed;bottom:90px;right:20px;z-index:99;background:var(--vermilion);color:#fff;padding:12px 20px;border-radius:30px;cursor:pointer;box-shadow:0 4px 14px rgba(0,0,0,.15);font-size:14px;font-weight:600;}
.unlock-teaser{max-width:var(--mw);margin:20px auto;padding:24px 20px;background:linear-gradient(135deg,#fff,#fdfbf7);border:1px solid rgba(153,51,51,.15);border-radius:var(--r);text-align:center;}
.unlock-teaser h4{font-family:var(--font-t);font-size:18px;margin-bottom:8px;}
.unlock-teaser p{font-size:13px;color:var(--muted);margin-bottom:18px;}
.btn-unlock{background:var(--vermilion);color:#fff;border:none;width:100%;padding:15px;border-radius:30px;font-size:16px;letter-spacing:2px;cursor:pointer;box-shadow:0 4px 12px rgba(153,51,51,.25);}
@media(min-width:768px){:root{--mw:600px;}body{font-size:16px;}.hero h1{font-size:28px;}}
@media(min-width:1024px){:root{--mw:760px;}.hero{padding:60px 20px 40px;}.hero h1{font-size:30px;}}


/* ============================================================
   东南亚风情装饰增强
   ============================================================ */

/* 首屏背景: 暖色调渐变 + batik纹理 */
.hero{
    position:relative;
    background:
        radial-gradient(ellipse at 20% 0%, rgba(212,175,55,.06) 0%, transparent 50%),
        radial-gradient(ellipse at 80% 100%, rgba(153,51,51,.04) 0%, transparent 50%),
        var(--bg);
    overflow:hidden;
}
.hero::before{
    content:'';
    position:absolute;
    top:-20px;left:50%;
    transform:translateX(-50%);
    width:200px;height:200px;
    background:radial-gradient(circle,rgba(212,175,55,.08) 0%,transparent 70%);
    border-radius:50%;
    pointer-events:none;
}
.hero::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:40px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='20' viewBox='0 0 60 20'><path d='M0,20 Q15,5 30,20 T60,20' fill='none' stroke='%23D4AF37' stroke-width='1' opacity='0.3'/></svg>");
    background-repeat:repeat-x;
    background-size:60px 20px;
    pointer-events:none;
}

/* 装饰性分割线 — 莲花纹 */
.divider-lotus{
    text-align:center;
    margin:24px 0 16px;
    position:relative;
}
.divider-lotus::before,.divider-lotus::after{
    content:'';
    display:inline-block;
    width:60px;
    height:1px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
    vertical-align:middle;
    margin:0 12px;
}
.divider-lotus span{
    display:inline-block;
    width:8px;height:8px;
    background:var(--gold);
    transform:rotate(45deg);
    vertical-align:middle;
    opacity:0.6;
}

/* 信任卡片: 东南亚风格顶部装饰条 */
.trust-item{
    position:relative;
    overflow:hidden;
}
.trust-item::before{
    content:'';
    position:absolute;
    top:0;left:0;right:0;
    height:3px;
    background:linear-gradient(90deg,
        var(--vermilion) 0%,
        var(--gold) 50%,
        var(--vermilion) 100%);
    transform:scaleX(0);
    transition:transform .3s;
}
.trust-item:hover::before{
    transform:scaleX(1);
}

/* 工具卡片: 左侧装饰边框 */
.tool-card{
    position:relative;
    overflow:hidden;
    border-left:3px solid transparent;
    transition:border-color .3s,transform .2s,box-shadow .3s;
}
.tool-card:hover{
    border-left-color:var(--gold);
}
.tool-card::after{
    content:'';
    position:absolute;
    top:0;right:0;
    width:40px;height:40px;
    background:radial-gradient(circle at top right,rgba(212,175,55,.06) 0%,transparent 70%);
    pointer-events:none;
}

/* 工具图标: 东南亚风格圆形底纹 */
.tool-icon{
    position:relative;
    background:linear-gradient(135deg,var(--sand),rgba(212,175,55,.1));
    border:1px solid rgba(212,175,55,.2);
}
.tool-icon::before{
    content:'';
    position:absolute;
    inset:-3px;
    border-radius:50%;
    border:1px dashed rgba(212,175,55,.15);
    pointer-events:none;
}

/* 博客卡片: 底部装饰 */
.blog-card{
    position:relative;
    overflow:hidden;
}
.blog-card::after{
    content:'';
    position:absolute;
    bottom:0;left:0;right:0;
    height:2px;
    background:linear-gradient(90deg,
        var(--gold) 0%,
        var(--vermilion) 50%,
        transparent 100%);
    opacity:0.3;
}

/* 首屏按钮: 东南亚风格光晕 */
.hero-btn{
    position:relative;
    overflow:hidden;
}
.hero-btn::before{
    content:'';
    position:absolute;
    top:0;left:-100%;
    width:100%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);
    transition:left .6s;
}
.hero-btn:hover::before{
    left:100%;
}

/* 页面背景: 淡雅batik纹理 */
body{
    background-image:
        radial-gradient(circle at 10% 20%,rgba(212,175,55,.02) 0%,transparent 40%),
        radial-gradient(circle at 90% 60%,rgba(153,51,51,.02) 0%,transparent 40%),
        url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'><circle cx='60' cy='60' r='1' fill='%23D4AF37' opacity='0.04'/><circle cx='0' cy='0' r='1' fill='%23D4AF37' opacity='0.04'/><circle cx='120' cy='0' r='1' fill='%23D4AF37' opacity='0.04'/><circle cx='0' cy='120' r='1' fill='%23D4AF37' opacity='0.04'/><circle cx='120' cy='120' r='1' fill='%23D4AF37' opacity='0.04'/></svg>");
    background-color:var(--bg);
}

/* 导航栏底部: 装饰性双线 */
.site-header{
    border-bottom:none;
    box-shadow:0 1px 0 rgba(212,175,55,.15),0 2px 0 rgba(153,51,51,.08);
}

/* 弹窗顶部: 装饰条 */
.modal-box{
    border-top:3px solid var(--gold);
}
.modal-box::before{
    content:'';
    position:absolute;
    top:-3px;left:0;right:0;
    height:3px;
    background:linear-gradient(90deg,
        var(--vermilion) 0%,
        var(--gold) 50%,
        var(--vermilion) 100%);
}

/* section间距装饰 */
.trust-section::before,.tools-section::before{
    content:'';
    display:block;
    width:120px;
    height:1px;
    margin:0 auto 20px;
    background:linear-gradient(90deg,transparent,var(--gold),transparent);
}

/* 页脚装饰: 顶部莲花纹 */
.site-footer-deco{
    height:20px;
    background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='40' height='20' viewBox='0 0 40 20'><path d='M0,20 Q10,0 20,20 T40,20' fill='none' stroke='%23D4AF37' stroke-width='1' opacity='0.2'/></svg>");
    background-repeat:repeat-x;
    background-size:40px 20px;
    background-color:var(--bg);
}

/* 标题装饰: 下划线渐变 */
.section-title-deco{
    position:relative;
    display:inline-block;
}
.section-title-deco::after{
    content:'';
    position:absolute;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:40px;
    height:2px;
    background:linear-gradient(90deg,var(--vermilion),var(--gold));
    border-radius:1px;
}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section,.tools-section{padding:24px 16px !important;text-align:center !important;}
  .trust-item{text-align:center !important;margin:0 auto 16px !important;max-width:280px !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{text-align:center !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section,.tools-section{padding:24px 16px !important;text-align:center !important;}
  .trust-item{text-align:center !important;margin:0 auto 16px !important;max-width:280px !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{text-align:center !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section{display:none !important;}
  .tools-section{padding:24px 16px !important;text-align:center !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{display:none !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .tools-section{padding:24px 16px !important;text-align:center !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .tools-section{padding:24px 16px !important;text-align:center !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}

/* ==================== 移动端响应式适配 v2 ==================== */

/* 防止水平溢出 */
html,body{overflow-x:hidden !important;}
*,*::before,*::after{box-sizing:border-box;}

/* === 手机端 (<768px) === */
@media (max-width:767px){
  /* 导航栏：横向排列，防止竖排换行 */
  .site-header{padding:0 !important;position:sticky !important;}
  .header-inner{
    padding:8px 12px !important;
    gap:8px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    flex-wrap:nowrap !important;
    flex-direction:row !important;
  }
  /* logo 横向显示 */
  .logo{
    font-size:16px !important;
    font-weight:bold !important;
    letter-spacing:1px !important;
    white-space:nowrap !important;
    writing-mode:horizontal-tb !important;
    flex-shrink:0 !important;
  }
  .header-right{
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    flex-shrink:0 !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch{
    display:flex !important;
    gap:2px !important;
    align-items:center !important;
    flex-wrap:nowrap !important;
  }
  .lang-switch a{
    font-size:12px !important;
    padding:4px 8px !important;
    margin:0 !important;
    border-radius:4px !important;
    white-space:nowrap !important;
    line-height:1.2 !important;
    flex-shrink:0 !important;
  }
  .lang-switch a.active{
    font-size:12px !important;
    padding:4px 8px !important;
    border-radius:4px !important;
    white-space:nowrap !important;
  }
  .btn-login{
    font-size:12px !important;
    padding:4px 12px !important;
    border-radius:4px !important;
    margin-left:4px !important;
    white-space:nowrap !important;
    flex-shrink:0 !important;
  }

  /* 主页 hero */
  .hero{padding:24px 16px !important;text-align:center !important;}
  .hero h1{font-size:20px !important;letter-spacing:2px !important;text-align:center !important;}
  .hero p{font-size:13px !important;text-align:center !important;}
  .hero-btn{
    font-size:14px !important;
    padding:12px !important;
    max-width:100% !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 主页内容 */
  section{padding:0 16px !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .tools-section{padding:24px 16px !important;text-align:center !important;}
  .tools-header h2{font-size:18px !important;}
  .tools-header p{font-size:12px !important;}
  .tools-grid{gap:12px !important;}
  .tool-card,.skill-card{padding:14px !important;}
  .tool-card h3,.skill-card h3{font-size:15px !important;}
  .tool-card p,.skill-card p{font-size:12px !important;}

  /* 弹窗 */
  .modal-box{max-width:100% !important;padding:20px 16px 24px !important;}

  /* === 六爻表单页面 === */
  .ly-wrap{
    max-width:100% !important;
    padding:60px 12px 90px !important;
  }
  .ly-title{
    font-size:20px !important;
    letter-spacing:2px !important;
    margin-top:0 !important;
    margin-bottom:12px !important;
  }
  .ly-card{padding:14px 12px !important;margin-bottom:12px !important;}

  /* 标签和输入框 */
  .ly-label{font-size:14px !important;margin-bottom:6px !important;}
  .ly-select,.ly-input{
    font-size:14px !important;
    padding:12px 14px !important;
    border-radius:8px !important;
    min-height:44px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-hint{font-size:12px !important;}
  .ly-notice{font-size:12px !important;}

  /* select 下拉箭头 */
  .ly-select{
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%23993333' d='M6 8L0 0h12z'/%3E%3C/svg%3E") !important;
    background-repeat:no-repeat !important;
    background-position:right 14px center !important;
    padding-right:36px !important;
  }

  /* 起卦时间行 */
  .ly-row4{gap:8px !important;}
  .ly-row4 .ly-select{font-size:13px !important;padding:10px 28px 10px 10px !important;min-height:40px !important;}

  /* 铜钱区域 */
  .ly-coin-area{padding:16px 12px !important;}
  .ly-coin{width:56px !important;height:56px !important;}
  .ly-coin-front,.ly-coin-back{background-size:56px 56px !important;}
  .ly-progress{font-size:14px !important;margin-bottom:10px !important;}
  .ly-shake-btn{
    font-size:15px !important;
    padding:12px 0 !important;
    letter-spacing:3px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }
  .ly-reset-link{font-size:13px !important;margin-top:10px !important;}

  /* 爻行 */
  .ly-yao-row{gap:8px !important;}
  .yr-name{font-size:13px !important;}
  .yr-attr{font-size:13px !important;}

  /* 排盘结果 */
  .ly-result-card{padding:12px !important;}
  .ly-result-card h3{font-size:16px !important;}
  .ly-pan-table{font-size:13px !important;}
  .ly-pan-table th,.ly-pan-table td{padding:5px 6px !important;}

  /* 底部固定按钮 */
  .ly-submit-bar{padding:10px 12px !important;}
  .ly-submit-bar-inner{max-width:100% !important;}
  .ly-submit{
    font-size:15px !important;
    padding:14px !important;
    letter-spacing:2px !important;
    -webkit-appearance:none !important;
    appearance:none !important;
  }

  /* 页脚 */
  footer{padding:16px !important;}
  footer p{font-size:11px !important;line-height:1.5 !important;}

  /* 覆盖 header.php 注入的大字体 */
  .site-header,.site-header *{font-size:12px !important;}
  .site-header .logo{font-size:16px !important;font-weight:bold !important;}
  .lang-switch a,.btn-login{font-size:12px !important;}
}

/* === 小手机 (<480px) === */
@media (max-width:480px){
  .logo{font-size:15px !important;letter-spacing:0 !important;}
  .lang-switch a{font-size:11px !important;padding:3px 6px !important;}
  .lang-switch a.active{font-size:11px !important;padding:3px 6px !important;}
  .btn-login{font-size:11px !important;padding:3px 8px !important;}
  .ly-coin{width:48px !important;height:48px !important;}
  .ly-coin-front,.ly-coin-back{background-size:48px 48px !important;}
  .ly-title{font-size:18px !important;}
  .ly-wrap{padding:50px 10px 80px !important;}
  .hero h1{font-size:18px !important;}
  .ly-select,.ly-input{font-size:13px !important;min-height:42px !important;}
}

/* === 平板 (768px-1023px) === */
@media (min-width:768px) and (max-width:1023px){
  .ly-wrap{max-width:600px !important;padding:80px 20px 100px !important;}
  .ly-coin{width:68px !important;height:68px !important;}
  .ly-coin-front,.ly-coin-back{background-size:68px 68px !important;}
}

/* === 修复按钮渲染 === */
button,input[type="submit"],input[type="button"],
.hero-btn,.ly-shake-btn,.ly-submit,.ly-unlock-btn{
  -webkit-appearance:none !important;
  -moz-appearance:none !important;
  appearance:none !important;
  cursor:pointer;
}

/* === 内容居中 === */
@media (max-width:767px){
  .hero{text-align:center !important;}
  .hero h1,.hero p{text-align:center !important;}
  .tools-header{text-align:center !important;}
  .trust-section{display:none !important;}
  .divider-lotus{display:none !important;}
  .ly-title{text-align:center !important;}
  .ly-wrap{margin:0 auto !important;}
}