/* ============================================================
   远昔 x 美化主题  yx-ui.css（本地资源，无外部依赖，兼容 IE10+/现代浏览器）
   覆盖范围：前台首页 / API详情 / 文章 / 登录注册 / 用户中心 / 弹窗皮肤
   ============================================================ */
:root{
    --yx-p:#1E9FFF;          /* 主蓝 */
    --yx-p2:#5368ff;         /* 靛蓝 */
    --yx-p3:#16baaa;         /* 青绿 */
    --yx-ink:#2f4056;        /* 深蓝灰 */
    --yx-ink2:#23292e;       /* 深色 */
    --yx-line:#eaeff5;
    --yx-bg:#f4f8fd;
    --yx-radius:12px;
    --yx-shadow:0 8px 24px rgba(31,56,100,.08);
    --yx-shadow-lg:0 14px 40px rgba(31,56,100,.14);
}
html,body{background:var(--yx-bg);}
body{font-family:"PingFang SC","Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif;color:#3a4557;}

/* ---------- 全局滚动条 ---------- */
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#9fc9f5,#6fa8e8);border-radius:8px;}
::-webkit-scrollbar-track{background:#eef3fa;}

/* ---------- 顶部导航 ---------- */
.site-header.navbar-fixed-top,.site-header{background:transparent;border:none;}
.nav_jsxs{
    background:linear-gradient(105deg,#1d2b45 0%,rgba(35,58,92,.96) 45%,rgba(30,159,255,.95) 100%) !important;
    height:56px !important;line-height:56px !important;padding:0 18px !important;text-align:left !important;
    box-shadow:0 4px 18px rgba(13,35,73,.25);
    display:flex;align-items:center;white-space:nowrap;overflow-x:auto;overflow-y:hidden;
    scrollbar-width:none;-ms-overflow-style:none;
}
.nav_jsxs::-webkit-scrollbar{display:none;height:0;width:0;}
.nav_jsxs .yx-brand{flex-shrink:0;}
.nav_jsxs .yx-nav-links{margin-left:auto;display:inline-flex;align-items:center;}
.nav_jsxs>span{display:inline-flex;align-items:center;}
.nav_jsxs a{
    color:#fff;opacity:.92;font-size:14px;margin:0 4px;padding:6px 14px;border-radius:999px;position:relative;
    text-decoration:none !important;transition:all .25s ease;
}
.nav_jsxs a:hover{background:rgba(255,255,255,.14);opacity:1;transform:translateY(-1px);}
.nav_jsxs .logo_jsxs{font-size:16px;font-weight:700;letter-spacing:.5px;padding:6px 16px;margin-right:8px;}
.nav_jsxs .logo_jsxs i{margin-right:6px;}

/* ---------- 通用卡片 ---------- */
.layui-panel,.layui-card,.widget-box{
    border-radius:var(--yx-radius) !important;border:none !important;
    box-shadow:var(--yx-shadow);overflow:hidden;
    transition:box-shadow .3s ease;
}
.layui-panel:hover,.layui-card:hover{box-shadow:var(--yx-shadow-lg);}
.widget-box h3.icon{
    background:linear-gradient(120deg,#fff 0%,#f6fbff 100%);
    border-left:4px solid var(--yx-p);border-bottom:1px solid var(--yx-line);
    padding:12px 16px;margin:0;font-size:15px;font-weight:600;color:var(--yx-ink);
}

/* ---------- 按钮/徽章圆润化 ---------- */
.layui-btn{border-radius:999px;transition:all .25s ease;box-shadow:0 3px 10px rgba(30,159,255,.18);}
.layui-btn:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(30,159,255,.3);}
.layui-btn-primary{background:#fff;box-shadow:0 3px 10px rgba(47,64,86,.12);}
.layui-badge{border-radius:999px;box-shadow:0 2px 6px rgba(0,0,0,.12);cursor:pointer;}
.layui-badge.layui-bg-blue{background:linear-gradient(120deg,var(--yx-p),var(--yx-p2)) !important;}

/* ---------- 用户中心：账户操作徽章按钮（加大图标与字号，清晰可见） ---------- */
.account-details .layui-badge{
    display:inline-flex;align-items:center;justify-content:center;gap:6px;
    height:22px;line-height:1;padding:0 12px;
    font-size:13px;font-weight:600;color:#fff !important;
    text-shadow:0 1px 2px rgba(0,0,0,.35);
    box-shadow:0 2px 8px rgba(0,0,0,.22);
    transition:filter .2s ease, transform .2s ease;
    vertical-align:middle;
    letter-spacing:0;
}
.account-details .layui-badge i{font-size:15px;line-height:1;}
.account-details .layui-badge:hover{filter:brightness(1.12);transform:translateY(-1px);}
.account-details .layui-badge.layui-bg-green{background:linear-gradient(120deg,#0e9a8c,#0fc0ac) !important;}
.account-details .layui-badge.layui-bg-orange{background:linear-gradient(120deg,#ffa726,#ff9100) !important;}

/* ---------- 表单 ---------- */
.layui-input,.layui-textarea,.layui-form-select .layui-input{
    border-radius:10px !important;border-color:#dbe7f3;transition:all .25s ease;height:38px;line-height:38px;
}
.layui-input:focus,.layui-textarea:focus{border-color:var(--yx-p) !important;box-shadow:0 0 0 3px rgba(30,159,255,.15);}
.layui-form-label{border-radius:10px 0 0 10px;}
fieldset.table-search-fieldset{border:1px solid var(--yx-line);border-radius:var(--yx-radius);background:#fff;box-shadow:var(--yx-shadow);}
fieldset.table-search-fieldset legend{color:var(--yx-p);font-weight:600;padding:0 10px;}

/* ---------- 表格 ---------- */
.layui-table{border-radius:var(--yx-radius);overflow:hidden;}
.layui-table thead tr{background:linear-gradient(120deg,#eaf4ff,#f3f9ff);}
.layui-table thead th{color:var(--yx-ink);font-weight:600;}
.layui-table tbody tr:hover{background:#f2f9ff;}
.layui-table tbody tr{transition:background .2s;}

/* ---------- layer 弹窗皮肤（skin: layui-layer-api） ---------- */
/* 注意：不使用 overflow:hidden，避免裁切右上角关闭按钮 */
body .layui-layer{border-radius:var(--yx-radius) !important;box-shadow:var(--yx-shadow-lg) !important;overflow:visible;}
body .layui-layer-api .layui-layer-title{
    background:linear-gradient(105deg,#1d2b45,#2f5f9f) !important;color:#fff;border:none;
    height:46px;line-height:46px;padding:0 16px;letter-spacing:.5px;
    border-radius:11px 11px 0 0 !important;
}
body .layui-layer-api .layui-layer-content{border-radius:0 0 11px 11px;}
body .layui-layer-api .layui-layer-setwin{top:12px;}
body .layui-layer-api .layui-layer-btn a{
    border-radius:999px !important;border:none !important;height:36px;line-height:36px;padding:0 22px;
    box-shadow:0 3px 10px rgba(0,0,0,.15);transition:all .2s;
}
body .layui-layer-api .layui-layer-btn0{background:linear-gradient(120deg,var(--yx-p),var(--yx-p2));color:#fff;}
body .layui-layer-api .layui-layer-btn1{background:linear-gradient(120deg,#16baaa,#0e9c8e);color:#fff;}
body .layui-layer-api .layui-layer-btn2{background:#eff3f8;color:var(--yx-ink);}
body .layui-layer-tips{background:linear-gradient(120deg,#253a5e,#2f5f9f) !important;border-radius:8px !important;}
body .layui-layer-msg{border-radius:12px !important;}

/* ---------- 弹窗内容通用（modal.php 模板） ---------- */
.yx-modal{padding:18px 20px;font-size:14px;line-height:1.8;color:#41506b;}
.yx-modal .yx-m-head{
    margin:0 -20px 16px;padding:16px 20px 14px;
    background:linear-gradient(120deg,#eaf4ff,#eef8ff 60%,#e6fbf7);
    border-bottom:1px solid #dbe7f3;text-align:center;
}
.yx-modal .yx-m-head big{font-size:16px;font-weight:700;color:var(--yx-ink);letter-spacing:1px;}
.yx-modal .yx-m-head i{color:var(--yx-p);margin-right:6px;}
.yx-modal .yx-m-head .yx-sub{font-size:12px;color:#7d8ba1;margin-top:4px;}
.yx-modal li{list-style:none;}
.yx-modal .yx-tip{
    background:linear-gradient(120deg,#fff7ec,#fff3e0);border-left:4px solid #ff9800;
    border-radius:10px;padding:10px 14px;margin:10px 0;color:#8a5a12;font-size:13px;
}
.yx-modal .yx-tip.blue{background:linear-gradient(120deg,#eaf6ff,#e3f2fd);border-left-color:var(--yx-p);color:#1c5f9e;}
.yx-modal .yx-tip.green{background:linear-gradient(120deg,#eafff6,#e0f7ec);border-left-color:#22c55e;color:#1c7c46;}
.yx-modal .yx-tip.red{background:linear-gradient(120deg,#fff0f0,#fde7e7);border-left-color:#f44336;color:#a62c22;}
.yx-modal .yx-row{display:flex;align-items:center;gap:8px;padding:7px 4px;border-bottom:1px dashed var(--yx-line);}
.yx-modal .yx-row:last-child{border-bottom:none;}
.yx-modal .yx-k{flex-shrink:0;}
.yx-modal .yx-v{word-break:break-all;color:var(--yx-ink);}
.yx-modal .yx-key-box{
    background:linear-gradient(120deg,#20334f,#2b4668);color:#7fe3ff;border-radius:10px;
    padding:10px 14px;font-family:Consolas,Menlo,monospace;font-size:13px;word-break:break-all;
    box-shadow:inset 0 2px 8px rgba(0,0,0,.25);
}
.yx-modal .yx-code{background:#20334f;color:#cfe3ff;border-radius:10px;padding:12px 14px;font-size:12px;line-height:1.7;overflow:auto;}
.yx-modal .yx-list li{padding:6px 4px 6px 18px;position:relative;}
.yx-modal .yx-list li:before{content:"";position:absolute;left:4px;top:14px;width:6px;height:6px;border-radius:50%;background:var(--yx-p);}
.yx-modal .yx-tag{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;color:#fff !important;letter-spacing:.5px;text-shadow:0 1px 2px rgba(0,0,0,.25);}
.yx-modal .yx-tag.blue{background:#1E9FFF;}
.yx-modal .yx-tag.orange{background:#ff7043;}
.yx-modal .yx-tag.green{background:#16baaa;}

/* ---------- 用户中心 ---------- */
.yx-user-hero{
    background:linear-gradient(115deg,#16315c 0%,#1c4f93 45%,#1E9FFF 100%) !important;
    border-radius:var(--yx-radius) !important;padding:18px 12px !important;color:#fff;
    box-shadow:var(--yx-shadow-lg);position:relative;overflow:hidden;
}
.yx-user-hero:before{content:"";position:absolute;right:-40px;top:-80px;width:220px;height:220px;border-radius:50%;background:rgba(255,255,255,.08);}
.yx-user-hero:after{content:"";position:absolute;right:80px;bottom:-90px;width:180px;height:180px;border-radius:50%;background:rgba(255,255,255,.06);}
.yx-user-hero h2{font-weight:700;letter-spacing:1px;margin:0;}
.yx-user-hero .gg_wen{font-size:22px !important;}
.list-line li{transition:background .2s;border-radius:8px;padding:9px 12px;}
.list-line li:hover{background:#f2f9ff;}
.list-line .icon i{color:var(--yx-p);}

/* tab 切换 */
.tab_info_wrap label{border-radius:10px 10px 0 0;background:#f5f9fe;color:#5c6a80;font-weight:600;}
.tab_info_wrap input[id="tab_01"]:checked~.tab_info_nav label[for="tab_01"],
.tab_info_wrap input[id="tab_02"]:checked~.tab_info_nav label[for="tab_02"]{
    background:linear-gradient(120deg,#fff,#eef6ff);color:var(--yx-p);border-bottom:2px solid var(--yx-p);
}
.list-group-item{border-left:5px solid var(--yx-p) !important;border-radius:4px 10px 10px 4px !important;background:#fafcff !important;}

/* ---------- 滑动验证（登录页本地滑块） ---------- */
.yx-slide{position:relative;height:44px;background:#eef4fb;border:1px solid #dbe7f3;border-radius:22px;margin:2px 0 12px;
    user-select:none;-webkit-user-select:none;-ms-user-select:none;touch-action:none;}
.yx-slide-text{position:absolute;left:0;right:0;line-height:42px;text-align:center;color:#93a5bd;font-size:13px;letter-spacing:1px;transition:color .25s;}
.yx-slide-btn{
    position:absolute;left:0;top:0;width:44px;height:42px;border-radius:21px;
    background:linear-gradient(120deg,#1E9FFF,#5368ff);color:#fff;text-align:center;line-height:42px;
    cursor:pointer;box-shadow:0 3px 8px rgba(30,159,255,.35);z-index:2;transition:background .25s;
}
.yx-slide-btn i{font-size:18px;}
.yx-slide-ok{background:linear-gradient(120deg,#ecfbf3,#dcf7ea);border-color:#22c55e;}
.yx-slide-ok .yx-slide-btn{background:linear-gradient(120deg,#16baaa,#0e9c8e);}
.yx-slide-ok .yx-slide-text{color:#1c7c46;}

/* ---------- 登录/注册/找回 ---------- */
.account_login .login-form,.account_login,.login-form{
    border-radius:16px !important;box-shadow:var(--yx-shadow-lg) !important;background:#fff;overflow:hidden;
}
.logo-title h1{background:linear-gradient(120deg,var(--yx-p),var(--yx-p2));-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;font-weight:800;}
.logo-title h1 i{-webkit-text-fill-color:initial;color:var(--yx-p3);}
.login-form .layui-form-item input{border-radius:10px !important;border:1px solid #dbe7f3;height:44px;transition:all .25s;}
.login-form .layui-form-item input:focus{border-color:var(--yx-p);box-shadow:0 0 0 3px rgba(30,159,255,.12);}
.login-form .layui-form-item label{color:#9fb3c8;}
.login_bg{border-radius:12px;box-shadow:var(--yx-shadow);}
.form_login{
    background:linear-gradient(120deg,var(--yx-p),var(--yx-p2)) !important;border:none !important;
    border-radius:999px !important;height:44px;color:#fff;font-size:16px;letter-spacing:4px;
    box-shadow:0 6px 16px rgba(30,159,255,.35);transition:all .25s;
}
.form_login:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(30,159,255,.45);}

/* ---------- 首页产品网格 ---------- */
.product-item{border-radius:var(--yx-radius) !important;transition:all .3s ease;border:1px solid #eaf1f8;}
.product-item:hover{transform:translateY(-5px);box-shadow:var(--yx-shadow-lg);border-color:#cfe5fb;}
.product-header .product-title{color:var(--yx-ink);}
.product-desc{color:#7d8ba1;}
.product-price sub{color:#ff6b2c;font-weight:700;}
.toolbar{background:#fff;border-radius:var(--yx-radius);box-shadow:var(--yx-shadow);padding:14px 16px;}
.filter-tab{background:#f2f7fd;border-radius:999px;margin:3px 4px;color:#516179;transition:all .2s;font-weight:500;}
.filter-tab.active,.filter-tab.choset{background:linear-gradient(120deg,var(--yx-p),var(--yx-p2));color:#fff;box-shadow:0 4px 12px rgba(30,159,255,.3);}
.search-box .search-input{border-radius:999px;border:1px solid #dbe7f3;height:40px;padding:0 18px;transition:all .25s;}
.search-box .search-input:focus{border-color:var(--yx-p);box-shadow:0 0 0 3px rgba(30,159,255,.12);}

/* ---------- 接口详情页 ---------- */
.yx-body-bg{background:linear-gradient(160deg,#eef6ff 0%,#f7fbff 26%,#eaf7fa 55%,#e3f2fd 100%) fixed !important;}
p.simpleTable{background:#fff;border:1px solid var(--yx-line);border-radius:10px;padding:10px 16px;box-shadow:0 3px 10px rgba(31,56,100,.05);transition:all .2s;}
p.simpleTable:hover{border-color:#cfe5fb;box-shadow:var(--yx-shadow);transform:translateX(3px);}
p.simpleTable .url{color:#25415f;font-weight:600;word-break:break-all;}
.layui-elem-quote{border-left:4px solid var(--yx-p);border-radius:10px;background:linear-gradient(120deg,#fff,#f5faff);}
.linep{font-weight:700;color:var(--yx-ink);border-left:4px solid var(--yx-p);padding-left:10px;margin:18px 0 10px;}
.layui-code{background:#20334f;color:#cfe3ff;border-radius:10px;}
.layui-nav-child-c,.layui-nav{background:#fff;border-radius:var(--yx-radius);box-shadow:var(--yx-shadow);}

/* ---------- 文章页 ---------- */
.layui-card-header{font-weight:700;color:var(--yx-ink);background:linear-gradient(120deg,#f5faff,#fbfdff);letter-spacing:.5px;}
article .layui-card-body,.layer-content .layui-card-body{font-size:15px;line-height:1.9;color:#3d4b61;}
article .layui-card-body img,.layer-content .layui-card-body img{max-width:100%;border-radius:10px;margin:10px auto;display:block;box-shadow:var(--yx-shadow);}
.friend-link{border-radius:999px !important;overflow:hidden;}

/* ---------- 售后悬浮 ---------- */
.erx-weixin-ball{bottom:86px !important;}
.erx-wx-box{border-radius:var(--yx-radius);box-shadow:var(--yx-shadow-lg);}

/* ---------- 移动端 ---------- */
@media (max-width:768px){
    .yx-user-hero h2{font-size:18px;}
    .nav_jsxs{padding:0 8px;}
    .nav_jsxs a{padding:5px 9px;font-size:13px;}
    p.simpleTable .url{font-size:12px;}
}

/* ============================================================
   登录页深度美化
   ============================================================ */
.account_login{position:relative;overflow:hidden;border-radius:16px;}
.account_login:before{
    content:"";position:absolute;left:0;right:0;top:0;height:5px;
    background:linear-gradient(90deg,#1E9FFF,#5368ff,#16baaa);
}
.account_login h3.icon{background:linear-gradient(120deg,#fff,#f3f9ff);border-left:4px solid var(--yx-p);}
.form_warp input{
    width:100%;height:44px;border:1px solid #dbe7f3 !important;border-radius:12px !important;
    padding:0 14px 0 40px !important;font-size:14px;color:#2f4056;background:#f8fbff !important;
    transition:all .25s;
}
.form_warp input:focus{background:#fff !important;border-color:var(--yx-p) !important;box-shadow:0 0 0 4px rgba(30,159,255,.12);}
.form_warp{position:relative;}
.form_warp.icon:before{
    content:"";position:absolute;left:12px;top:50%;width:18px;height:18px;margin-top:-9px;
    background-size:contain;background-repeat:no-repeat;opacity:.55;pointer-events:none;
}
.form_warp.ic_phone:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%231E9FFF"><path d="M6.6 10.8c1.4 2.8 3.8 5.1 6.6 6.6l2.2-2.2c.3-.3.7-.4 1-.2 1.1.4 2.3.6 3.6.6.6 0 1 .4 1 1V20c0 .6-.4 1-1 1C10.6 21 3 13.4 3 4c0-.6.4-1 1-1h3.5c.6 0 1 .4 1 1 0 1.2.2 2.4.6 3.6.1.3 0 .7-.2 1l-2.3 2.2z"/></svg>');}
.form_warp.ic_password:before{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%235368ff"><path d="M12 17a2 2 0 1 0 0-4 2 2 0 0 0 0 4zm6-7a5 5 0 0 0-4-5V4a2 2 0 1 0-4 0v1a5 5 0 0 0-4 5v2H5a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-6a2 2 0 0 0-2-2h-1v-2z"/></svg>');}
.form_login{
    background:linear-gradient(120deg,#1E9FFF,#5368ff) !important;border:none !important;
    border-radius:999px !important;height:46px;color:#fff;font-size:16px;font-weight:700;letter-spacing:6px;
    box-shadow:0 8px 20px rgba(30,159,255,.35);transition:all .25s;position:relative;overflow:hidden;
}
.form_login:before{content:"";position:absolute;left:-60%;top:0;width:40%;height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);animation:yxShine 2.8s infinite;}
@keyframes yxShine{0%{left:-60%}60%,100%{left:130%}}
.form_login:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(30,159,255,.45);}
.login_bg{position:relative;border-radius:16px;overflow:hidden;box-shadow:var(--yx-shadow-lg);min-height:420px;}
.login_bg:after{content:"";position:absolute;inset:0;background:linear-gradient(160deg,rgba(30,159,255,.08),rgba(83,104,255,.05));pointer-events:none;}
.widget-box.member{background:#fff;}

/* ============================================================
   接口文档阅读皮肤（蓝白清爽·柔光护眼：浅蓝白底 + 深蓝文字高对比）
   ============================================================ */
body.yx-doc-light{
    min-height:100vh;
    background:
        radial-gradient(1000px 620px at 12% -4%, rgba(83,104,255,.20), transparent 62%),
        radial-gradient(900px 560px at 94% 4%, rgba(30,159,255,.18), transparent 63%),
        radial-gradient(860px 520px at -4% 90%, rgba(167,139,250,.15), transparent 58%),
        radial-gradient(720px 420px at 52% 10%, rgba(255,222,170,.16), transparent 60%),
        radial-gradient(640px 380px at 98% 96%, rgba(22,186,170,.12), transparent 60%),
        linear-gradient(160deg,#f2f7ff 0%,#e6eefb 45%,#f0f7ff 100%) fixed !important;
    background-attachment:fixed;
    color:#2c3e55;
    letter-spacing:.3px;
}
.yx-doc-light ::selection{background:rgba(30,159,255,.22);color:#1a3a5c;}

/* 文档页滚动条：蓝灰质感 */
body.yx-doc-light ::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#b9d6f2,#97bce4);border-radius:8px;}
body.yx-doc-light ::-webkit-scrollbar-track{background:#e7f0fa;}

/* 接口名称标题：蓝色竖线 + 大字重 */
.yx-doc-light .layui-field-title legend,
.yx-doc-light fieldset legend{
    color:#1e4a8c;
    font-size:22px;
    font-weight:700;
    letter-spacing:1px;
    padding-left:14px;
    border-left:4px solid #1E9FFF;
    border-radius:2px;
}
.yx-doc-light .layui-elem-field{border-color:#d5e3f4;}

/* 接口描述卡片：白卡 + 蓝边 */
.yx-doc-light .layui-elem-quote,
.yx-doc-light blockquote{
    background:#fbfdff !important;
    border-left:3px solid #1E9FFF !important;
    color:#44566e;
    border-radius:0 12px 12px 0;
    box-shadow:0 6px 18px rgba(31,56,100,.08);
    padding:16px 20px;
    line-height:1.9;
}

/* 参数速览行：白卡片 */
.yx-doc-light p.simpleTable{
    background:#fbfdff;
    border:1px solid #dce7f4;
    border-radius:12px;
    box-shadow:0 4px 14px rgba(31,56,100,.06);
    padding:14px 18px;
    transition:border-color .25s ease, box-shadow .25s ease, transform .25s ease;
}
.yx-doc-light p.simpleTable:hover{
    border-color:#9cc3ec;
    box-shadow:0 10px 26px rgba(31,56,100,.12);
    transform:translateY(-1px);
}
.yx-doc-light p.simpleTable .url{
    color:#1E9FFF;             /* 值：主题蓝 */
    font-family:"Consolas","SFMono-Regular","Menlo",monospace;
    letter-spacing:.4px;
    border-bottom:2px solid rgba(30,159,255,.35);
    background:transparent;
}
.yx-doc-light p.simpleTable .url a{color:#5368ff;}  /* 接口地址/示例链接：靛蓝 */
.yx-doc-light p.simpleTable .url a:hover{color:#7d8eff;}

/* 左侧标签章：蓝色镂空芯片 */
.yx-doc-light .layui-btn.layui-bg-green{
    background:rgba(30,159,255,.08) !important;
    color:#1677c8 !important;
    border:1px solid rgba(30,159,255,.35);
    box-shadow:none;
    border-radius:999px;
    font-weight:600;
}

/* 小节标题：蓝色竖条 + 字距（覆盖 api.css 的绿色方块） */
.yx-doc-light .linep{
    color:#1e4a8c;
    padding-left:12px;
    font-size:15px;
    font-weight:600;
    letter-spacing:1px;
    margin:26px 0 14px;
}
.yx-doc-light .linep:before{
    background:linear-gradient(180deg,#1E9FFF,#5368ff) !important;
    height:17px !important;
}

/* 代码块：浅灰编辑器质感（不刺眼） */
.yx-doc-light pre.layui-code,
.yx-doc-light .yx-code{
    background:#f5f8fc !important;
    color:#33475f;
    border:1px solid #d9e4f2;
    border-left:3px solid #5368ff;
    border-radius:12px;
    padding:18px 20px;
    font-family:"Consolas","SFMono-Regular","Menlo","Courier New",monospace;
    font-size:13px;
    line-height:1.8;
    box-shadow:0 4px 14px rgba(31,56,100,.06);
    overflow:auto;
}

/* 表格：白底 + 浅蓝表头（深蓝文字高对比） */
.yx-doc-light .layui-table{
    background:#fbfdff;
    color:#33475f;
    border:1px solid #d9e4f2 !important;
}
.yx-doc-light .layui-table thead tr{background:linear-gradient(180deg,#eaf3fe,#dcebfa);}
.yx-doc-light .layui-table thead th{
    color:#1e4a8c;
    font-weight:600;
    letter-spacing:.5px;
    border:none;
}
.yx-doc-light .layui-table td,
.yx-doc-light .layui-table th{
    border-right:1px solid #e3edf8 !important;
    border-bottom:1px solid #e3edf8 !important;
}
.yx-doc-light .layui-table tbody tr{transition:background .2s ease;}
.yx-doc-light .layui-table tbody tr:hover{background:#f0f7ff;}
.yx-doc-light .layui-table td{color:#33475f;font-variant-numeric:tabular-nums;}

/* 顶部选项卡：白玻璃 + 蓝指示 */
.yx-doc-light .layui-nav,
.yx-doc-light .layui-nav-child-c,
.yx-doc-light .layui-nav .layui-nav-item{background:#fbfdff;border-radius:10px;}
.yx-doc-light .layui-nav .layui-nav-item a{color:#5c7090;font-size:14px;transition:color .2s;}
.yx-doc-light .layui-nav .layui-nav-item a:hover{color:#1E9FFF;}
.yx-doc-light .layui-nav .layui-this a{color:#1E9FFF;font-weight:600;}
.yx-doc-light .layui-nav .layui-this:after,
.yx-doc-light .layui-nav-bar{background:linear-gradient(90deg,#1E9FFF,#5368ff);height:3px;border-radius:3px;}

/* 分隔线 / 徽章 / 加载按钮 */
.yx-doc-light hr:not([class]){border:0;border-top:1px solid #d9e4f2;}
.yx-doc-light .layui-badge{box-shadow:none;}
.yx-doc-light .user-content .layui-table-auto{background:transparent;}
.yx-doc-light #show_xiawen .layui-btn{
    background:#f0f7ff;
    color:#1E9FFF;
    border:1px dashed rgba(30,159,255,.4);
    box-shadow:none;
}

/* ---------- 底部收尾：内容白面板 + 蓝系页脚 + 悬浮工具条 ---------- */
.yx-doc-light .layui-container{
    background:linear-gradient(165deg,#ffffff,#f7fbff) !important;
    border:1px solid #dce7f4 !important;
    border-radius:16px !important;
    box-shadow:0 14px 40px rgba(31,56,100,.10);
    padding:20px 24px 16px;
}
.yx-doc-light .layui-tab-content{margin-bottom:12px;}

/* 页脚（doc.php 内嵌 .yx-doc-footer） */
.yx-doc-footer{max-width:1100px;margin:0 auto;padding:44px 20px 42px;text-align:center;}
.yx-doc-f-line{
    width:260px;height:2px;margin:0 auto 18px;border-radius:2px;
    background:linear-gradient(90deg,transparent,#1E9FFF 35%,#5368ff 70%,transparent);
    box-shadow:0 0 12px rgba(30,159,255,.35);
}
.yx-doc-f-name{font-size:15px;font-weight:600;letter-spacing:3px;color:#2c3e55;}
.yx-doc-f-desc{margin-top:9px;font-size:12px;letter-spacing:1.5px;color:#8596ad;}
.yx-doc-f-copy{margin-top:8px;font-size:12px;letter-spacing:.5px;color:#9aa9bf;}
.yx-doc-f-copy a{color:#7a90ad;}
.yx-doc-f-copy a:hover{color:#1E9FFF;}

/* 官方认证气质：标题盾章 */
.yx-doc-official{
    display:inline-block;vertical-align:3px;margin-left:10px;
    font-size:12px;font-weight:600;letter-spacing:2px;
    color:#1677c8;background:linear-gradient(120deg,rgba(30,159,255,.10),rgba(83,104,255,.14));
    border:1px solid rgba(30,159,255,.35);border-radius:999px;
    padding:3px 12px;line-height:1.4;
}

/* ---------- 现代化深化：标题栏 / 描述卡 / 规格行 / 选项卡 / 骨架屏 ---------- */
.yx-doc-light .layui-field-title legend{
    display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;
    width:100%;box-sizing:border-box;
}
.yx-doc-light .yx-doc-actions{font-size:14px;color:#5c7090;letter-spacing:0;}
.yx-doc-light .yx-doc-actions b{color:#1E9FFF;font-size:16px;margin:0 2px;}
.yx-doc-light .layui-field-title{border-bottom:1px solid #e3edf8;padding-bottom:10px;}
.yx-doc-light .layui-field-title .layui-badge{
    font-size:12px;padding:0 10px;height:22px;line-height:22px;
    display:inline-flex;align-items:center;vertical-align:middle;
}

/* 描述卡：蓝色文件图标领航 */
.yx-doc-light blockquote{position:relative;padding-left:46px !important;}
.yx-doc-light blockquote::before{
    content:"\f15c";font-family:"FontAwesome";
    position:absolute;left:16px;top:16px;font-size:18px;color:#1E9FFF;opacity:.85;
}

/* 规格行：标签芯片 + 内容值横向排布 */
.yx-doc-light p.simpleTable{display:flex;align-items:center;flex-wrap:wrap;gap:10px 4px;}
.yx-doc-light p.simpleTable .layui-btn.layui-bg-green{min-width:92px;text-align:center;}

/* 选项卡：胶囊容器 + 图标 */
.yx-doc-light .layui-nav{border:1px solid #dce7f4;box-shadow:0 4px 14px rgba(31,56,100,.06);padding:2px;}
.yx-doc-light .layui-nav .layui-nav-item{margin:0 2px;border-radius:8px;overflow:hidden;}
.yx-doc-light .layui-nav .layui-nav-item a i{margin-right:6px;}
.yx-doc-light .layui-nav .layui-nav-item a{transition:background .2s ease,color .2s ease !important;}
.yx-doc-light .layui-nav .layui-nav-item a:hover{background:rgba(30,159,255,.08);}

/* 返回参数表格：圆角卡片容器 */
.yx-doc-light .user-content .layui-table-auto{border:1px solid #dce7f4;border-radius:12px;overflow:hidden;}

/* 列表加载中：水波骨架动画 */
.yx-doc-light #show_xiawen .layui-btn{
    background:linear-gradient(100deg,#f0f7ff 35%,#dcebfa 50%,#f0f7ff 65%);
    background-size:220% 100%;
    animation:yxDocShimmer 1.6s linear infinite;
}
@keyframes yxDocShimmer{0%{background-position:120% 0}100%{background-position:-120% 0}}

/* 移动端适配 */
@media (max-width:768px){
    .yx-doc-light .layui-container{padding:14px 12px 10px;}
    .yx-doc-light .layui-field-title legend,
    .yx-doc-light fieldset legend{font-size:19px;}
    .yx-doc-light .yx-doc-official{font-size:11px;padding:2px 10px;margin-left:6px;}
    .yx-doc-light pre.layui-code,
    .yx-doc-light .yx-code{font-size:12px;padding:14px 12px;}
    .yx-doc-footer{padding:34px 14px 30px;}
}

/* 右下悬浮工具条：白玻璃 + 蓝图标，与主题统一 */
.yx-doc-light .layui-fixbar{
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(30,159,255,.25) !important;
    box-shadow:0 10px 26px rgba(31,56,100,.18) !important;
    backdrop-filter:blur(6px);
    overflow:hidden;
}
.yx-doc-light .layui-fixbar li{
    background:transparent !important;
    color:#1E9FFF !important;
    border-radius:10px;
    margin-top:6px;
    transition:background .2s ease,color .2s ease;
}
.yx-doc-light .layui-fixbar li:first-child{margin-top:0;}
.yx-doc-light .layui-fixbar li:hover{background:rgba(30,159,255,.10) !important;color:#0d6fd1 !important;}

/* ============================================================
   登录/注册/找回 三页视觉区分（色带+图标圆底）
   ============================================================ */
.logo-title h1 i{
    display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;
    border-radius:50%;color:#fff !important;font-size:18px;margin-right:8px;
    -webkit-text-fill-color:#fff;text-shadow:none;vertical-align:-8px;
}
.yx-page-login .account_login:before{background:linear-gradient(90deg,#1E9FFF,#5368ff,#16baaa) !important;}
.yx-page-reg   .account_login:before{background:linear-gradient(90deg,#ff9800,#ff7043,#ff5252) !important;}
.yx-page-find  .account_login:before{background:linear-gradient(90deg,#16baaa,#0e9c8e,#26c281) !important;}
.yx-page-login .logo-title h1{background:none !important;-webkit-text-fill-color:#1E9FFF;color:#1E9FFF;}
.yx-page-reg   .logo-title h1{background:none !important;-webkit-text-fill-color:#ff9800;color:#ff9800;}
.yx-page-find  .logo-title h1{background:none !important;-webkit-text-fill-color:#0e9c8e;color:#0e9c8e;}
.yx-page-login .logo-title h1 i{background:linear-gradient(135deg,#1E9FFF,#5368ff);}
.yx-page-reg   .logo-title h1 i{background:linear-gradient(135deg,#ff9800,#ff7043);}
.yx-page-find  .logo-title h1 i{background:linear-gradient(135deg,#16baaa,#0e9c8e);}

/* ============================================================
   layer 全类型细节美化（msg / alert / confirm / page / 按钮区）
   ============================================================ */
body .layui-layer{border-radius:14px;box-shadow:0 16px 48px rgba(15,32,63,.18);}
body .layui-layer-title{
    height:46px;line-height:46px;padding:0 110px 0 18px;font-size:15px;
    background:#fff;border-bottom:1px solid #eef2f7;border-radius:14px 14px 0 0;
}
body .layui-layer-content{border-radius:0 0 14px 14px;}
body .layui-layer-setwin{right:14px;top:9px;}
/* 右上角按钮：圆形悬停芯片 + 文字✕（解决白标题配白色精灵图标不可见/错位的问题） */
body .layui-layer-setwin a{
    display:inline-block;width:28px;height:28px;line-height:28px;
    margin-left:6px;font-size:0;text-align:center;border-radius:50%;
    background-image:none !important;
    opacity:.55;transition:all .2s ease;
}
body .layui-layer-setwin a::before{
    content:"\00D7";font-size:22px;line-height:28px;color:#5a6b85;
    font-family:Arial,sans-serif;font-weight:300;
}
body .layui-layer-setwin a:hover{opacity:1;background:rgba(31,56,100,.10);}
body .layui-layer-setwin a:hover::before{color:#2c3e55;}
/* 深色标题皮肤（layui-layer-api）配浅色✕ */
body .layui-layer-api .layui-layer-setwin a::before{color:#c9d6ec;}
body .layui-layer-api .layui-layer-setwin a:hover{background:rgba(255,255,255,.20);}
body .layui-layer-api .layui-layer-setwin a:hover::before{color:#fff;}
/* tips 小气泡的关闭芯片缩小一档 */
body .layui-layer-tips .layui-layer-setwin a{width:20px;height:20px;line-height:20px;}
body .layui-layer-tips .layui-layer-setwin a::before{font-size:15px;line-height:20px;}

/* toast 消息 */
body .layui-layer-msg{border:none !important;background:transparent !important;box-shadow:none !important;}
body .layui-layer-msg .layui-layer-content{
    background:#fff;border:1px solid #eef2f7;border-radius:14px !important;
    padding:16px 30px;font-size:14px;color:#3d4b61;letter-spacing:.5px;
    box-shadow:0 14px 40px rgba(15,32,63,.16);
}

/* alert / confirm 正文 */
body .layui-layer-dialog .layui-layer-content{padding:28px 30px;font-size:14px;color:#41506b;line-height:1.8;}

/* 底部按钮区 */
body .layui-layer-btn{padding:0 20px 20px;text-align:center;}
body .layui-layer-btn a{
    height:36px;line-height:36px;border-radius:999px;padding:0 22px;margin:0 8px;
    border:1px solid #dbe7f3;background:#fff;color:#41506b;transition:all .2s;
}
body .layui-layer-btn a:hover{transform:translateY(-1px);box-shadow:0 6px 14px rgba(31,56,100,.12);}
body .layui-layer-btn .layui-layer-btn0{
    background:linear-gradient(120deg,#1E9FFF,#5368ff) !important;border-color:transparent !important;
    color:#fff !important;box-shadow:0 6px 16px rgba(30,159,255,.3);
}
body .layui-layer-btn .layui-layer-btn2{border-color:transparent;background:transparent;box-shadow:none;}

/* iframe 层（用户协议/隐私协议） */
body .layui-layer-page{border-radius:14px;overflow:hidden;box-shadow:0 18px 50px rgba(15,32,63,.22);}
body .layui-layer-page .layui-layer-title{background:#fff;}

/* loading 层 */
body .layui-layer-loading{border-radius:14px;background:rgba(255,255,255,.92);box-shadow:0 10px 30px rgba(15,32,63,.18);}

/* ============================================================
   全局字体统一 + 淡入动画
   ============================================================ */
body,button,input,select,textarea,.layui-layer,.layui-layer-content{
    font-family:"PingFang SC","Microsoft YaHei",-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
}
@keyframes yxFadeIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
body .layui-layer{animation:yxFadeIn .25s ease both;}
body .layui-layer-msg{animation:yxFadeIn .2s ease both;}
section.page-content,.layui-container,.product-wrapper{animation:yxFadeIn .35s ease both;}