/* 骄阳皓月 · 传奇会员站  前台样式 */
:root{
  --bg:#0b0e14; --bg2:#111723; --card:#161c2a; --line:#26304a;
  --gold:#e8b04b; --gold2:#ffd97a; --red:#e23b3b; --blue:#3d8bff; --green:#2ecc71;
  --txt:#e8ecf5; --muted:#8b95ab;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{
  font-family:"Microsoft YaHei","PingFang SC","WenQuanYi Micro Hei",sans-serif;
  background:var(--bg); color:var(--txt); line-height:1.7; font-size:14px;
  background-image:
    radial-gradient(circle at 20% 0%, rgba(232,176,75,.12), transparent 40%),
    radial-gradient(circle at 80% 10%, rgba(60,120,220,.14), transparent 42%);
  background-attachment:fixed;
}
a{color:var(--gold);text-decoration:none;transition:.2s}
a:hover{color:var(--gold2)}
code{background:#0a0d14;padding:1px 6px;border-radius:4px;color:var(--gold2);font-size:12px}

.jy-wrap{max-width:1200px;margin:0 auto;padding:0 16px}
.jy-flex-between{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.jy-align-center{align-items:center}

/* 顶栏 */
.jy-topbar{background:rgba(7,9,14,.85);border-bottom:1px solid var(--line);font-size:12px;padding:6px 0;color:var(--muted)}
.jy-topbar-links{display:flex;gap:16px;flex-wrap:wrap}
.jy-topbar a{color:var(--muted)}
.jy-topbar a:hover{color:var(--gold)}
.jy-link-gold{color:var(--gold)!important;font-weight:bold}

/* 头 */
.jy-header{padding:16px 0}
.jy-logo{display:flex;align-items:baseline;gap:8px;font-weight:900;letter-spacing:2px}
.jy-logo-sun{font-size:30px;color:var(--gold);text-shadow:0 0 18px rgba(232,176,75,.6)}
.jy-logo-moon{font-size:30px;color:#cfe0ff;text-shadow:0 0 18px rgba(140,180,255,.6)}
.jy-logo small{color:var(--muted);font-size:11px;letter-spacing:3px;font-weight:400}
.jy-header-actions{display:flex;gap:10px}

/* 按钮 */
.jy-btn{display:inline-block;padding:8px 18px;border-radius:4px;border:1px solid transparent;cursor:pointer;font-size:14px;font-weight:bold;transition:.2s}
.jy-btn-sm{padding:4px 10px;font-size:12px}
.jy-btn-lg{padding:12px 30px;font-size:16px}
.jy-btn-block{display:block;width:100%;text-align:center}
.jy-btn-primary{background:linear-gradient(180deg,var(--gold2),var(--gold));color:#2a1c00;border-color:var(--gold)}
.jy-btn-primary:hover{filter:brightness(1.12);color:#2a1c00}
.jy-btn-ghost{background:transparent;color:var(--gold);border-color:var(--gold)}
.jy-btn-ghost:hover{background:rgba(232,176,75,.12)}
.jy-btn-danger{color:var(--red);border-color:var(--red);background:transparent}
.jy-btn-inline{background:var(--red);color:#fff;border-color:var(--red)}

/* 导航 */
.jy-nav{background:linear-gradient(180deg,#141a2a,#0d111c);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.jy-nav a{display:inline-block;padding:12px 20px;color:var(--txt);font-weight:bold;position:relative}
.jy-nav a:hover{color:var(--gold);background:rgba(232,176,75,.06)}
.jy-nav a.on{color:var(--gold);box-shadow:inset 0 -3px 0 var(--gold)}
.jy-ico{color:var(--gold);font-style:normal;font-size:10px;margin-right:4px}

/* 主体 */
.jy-main{padding:24px 0 60px;min-height:60vh}

/* Hero */
.jy-hero{position:relative;height:400px;display:flex;align-items:center;overflow:hidden;border-bottom:2px solid var(--gold)}
.jy-hero-bg{position:absolute;inset:0;
  background:
    radial-gradient(circle at 12% 20%, rgba(255,180,60,.35), transparent 35%),
    radial-gradient(circle at 88% 15%, rgba(120,160,255,.30), transparent 38%),
    linear-gradient(180deg,#05070c,#0c1220);
}
.jy-hero-bg::before{content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,210,140,.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,210,140,.05) 1px, transparent 1px);
  background-size:48px 48px;
  mask-image:radial-gradient(circle at 50% 40%, #000, transparent 70%);
}
.jy-hero-inner{position:relative;text-align:center;width:100%}
.jy-hero h1{font-size:52px;margin:0 0 12px;letter-spacing:4px;font-weight:900}
.jy-hero h1 .jy-moon{color:#cfe0ff;text-shadow:0 0 24px rgba(140,180,255,.7)}
.jy-hero h1 .jy-moon{color:#cfe0ff}
.jy-hero-sub{color:var(--muted);font-size:16px;letter-spacing:2px}
.jy-hero-stats{display:flex;justify-content:center;gap:48px;margin:28px 0}
.jy-hero-stats div{display:flex;flex-direction:column}
.jy-hero-stats b{font-size:30px;color:var(--gold)}
.jy-hero-stats span{color:var(--muted);font-size:12px}
.jy-hero-actions{display:flex;justify-content:center;gap:16px}

/* section */
.jy-section{padding:28px 0}
.jy-section-head{display:flex;align-items:baseline;gap:14px;margin-bottom:16px;flex-wrap:wrap}
.jy-section-head h2{font-size:22px;margin:0;color:var(--gold);letter-spacing:2px}
.jy-section-head .jy-sub{color:var(--muted);font-size:12px}
.jy-more{margin-left:auto;color:var(--muted)}
.jy-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* 区服卡 */
.jy-server-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.jy-server-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:16px;transition:.2s;position:relative;overflow:hidden}
.jy-server-card::before{content:"";position:absolute;left:0;top:0;width:4px;height:100%;background:var(--gold)}
.jy-server-card:hover{border-color:var(--gold);transform:translateY(-3px);box-shadow:0 8px 24px rgba(232,176,75,.15)}
.jy-server-top{display:flex;justify-content:space-between;align-items:center;gap:8px}
.jy-server-name{font-weight:bold;font-size:15px}
.jy-server-meta{display:flex;gap:14px;color:var(--muted);font-size:12px;margin:10px 0 14px;flex-wrap:wrap}
.jy-server-actions{display:flex;gap:8px}

/* tag */
.jy-tag{display:inline-block;padding:1px 8px;border-radius:10px;font-size:11px;font-weight:bold;border:1px solid}
.jy-tag-red{color:#ff8a8a;border-color:#e23b3b;background:rgba(226,59,59,.12)}
.jy-tag-green{color:#6fdc9e;border-color:#2ecc71;background:rgba(46,204,113,.12)}
.jy-tag-blue{color:#8fc0ff;border-color:#3d8bff;background:rgba(61,139,255,.12)}
.jy-tag-orange{color:#ffc16b;border-color:#e8912b;background:rgba(232,145,43,.12)}
.jy-tag-gray{color:#9aa4b8;border-color:#6a7488;background:rgba(120,130,150,.1)}
.jy-tag-gold{color:var(--gold2);border-color:var(--gold);background:rgba(232,176,75,.14)}
.jy-vip{color:var(--gold2);border:1px solid var(--gold);padding:0 6px;border-radius:3px;font-size:11px;font-weight:bold}

/* 新闻 */
.jy-news-list{list-style:none;padding:0;margin:0;background:var(--card);border:1px solid var(--line);border-radius:8px}
.jy-news-list li{display:flex;align-items:center;gap:12px;padding:11px 14px;border-bottom:1px dashed var(--line)}
.jy-news-list li:last-child{border-bottom:0}
.jy-news-list a{flex:1;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.jy-news-list a:hover{color:var(--gold)}
.jy-news-list time{color:var(--muted);font-size:12px;flex-shrink:0}
.jy-news-full{list-style:none;padding:0;margin:0}
.jy-news-full li{display:flex;gap:14px;align-items:flex-start;padding:14px 0;border-bottom:1px solid var(--line)}
.jy-news-tag{flex-shrink:0;width:52px;text-align:center;padding:2px 0;border-radius:4px;font-size:12px;font-weight:bold;
  background:rgba(232,176,75,.14);color:var(--gold);border:1px solid var(--gold)}
.jy-news-tag.type-2{background:rgba(61,139,255,.14);color:#8fc0ff;border-color:#3d8bff}
.jy-news-tag.type-3{background:rgba(46,204,113,.14);color:#6fdc9e;border-color:#2ecc71}
.jy-news-tag.type-4{background:rgba(226,59,59,.14);color:#ff8a8a;border-color:#e23b3b}
.jy-news-title{font-weight:bold;font-size:15px;display:block}
.jy-news-body p{margin:4px 0 0;color:var(--muted);font-size:13px}
.jy-news-full time{color:var(--muted);font-size:12px;flex-shrink:0}
.jy-news-detail{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:28px 32px}
.jy-news-detail h1{color:var(--gold);margin-top:0}
.jy-news-detail-meta{color:var(--muted);font-size:12px;display:flex;gap:16px;margin-bottom:20px;padding-bottom:12px;border-bottom:1px dashed var(--line)}
.jy-news-detail-content img{max-width:100%}
.jy-news-detail-content p{margin:10px 0}

/* 充值档位 */
.jy-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.jy-pkg-card{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:12px;text-align:center;position:relative}
.jy-pkg-money{color:var(--gold2);font-size:20px;font-weight:bold}
.jy-pkg-yb{color:var(--txt);font-size:13px}
.jy-pkg-yb small{color:var(--muted)}
.jy-pkg-gift{color:var(--green);font-size:11px;margin-top:4px}

/* 表单 */
.jy-form{display:flex;flex-direction:column;gap:14px}
.jy-form-item{display:flex;flex-direction:column;gap:5px}
.jy-form-item label{font-weight:bold;color:var(--gold);font-size:13px}
.jy-form-item small{color:var(--muted);font-size:12px}
.jy-form-inline{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
input[type=text],input[type=password],input[type=email],input[type=number],input[type=datetime-local],textarea,select{
  background:var(--bg2);border:1px solid var(--line);color:var(--txt);padding:9px 12px;border-radius:4px;font-size:14px;font-family:inherit;outline:none;transition:.2s;width:100%
}
input:focus,textarea:focus,select:focus{border-color:var(--gold);box-shadow:0 0 0 2px rgba(232,176,75,.18)}
.jy-input-sm{width:auto!important;padding:4px 8px!important}
.jy-hr{border:0;border-top:1px dashed var(--line);margin:8px 0}

/* 充值页 */
.jy-recharge-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.jy-pkg-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.jy-pkg-opt{position:relative;border:1px solid var(--line);border-radius:6px;padding:10px 8px;text-align:center;cursor:pointer;transition:.15s}
.jy-pkg-opt input{position:absolute;opacity:0}
.jy-pkg-opt-money{display:block;color:var(--gold2);font-weight:bold}
.jy-pkg-opt-yb{font-size:11px;color:var(--muted)}
.jy-pkg-opt em{display:block;font-style:normal;color:var(--green);font-size:10px;margin-top:2px}
.jy-pkg-opt:has(input:checked){border-color:var(--gold);background:rgba(232,176,75,.12);box-shadow:0 0 0 1px var(--gold)}
.jy-corner{position:absolute;right:-1px;top:-1px;background:var(--red);color:#fff;font-size:10px;padding:1px 6px;border-radius:0 6px 0 6px;font-style:normal}
.jy-chan{display:flex;flex-direction:column;gap:6px}
.jy-chan-opt{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:6px;padding:8px 12px;cursor:pointer}
.jy-chan-opt input{width:auto}
.jy-chan-opt:has(input:checked){border-color:var(--gold);background:rgba(232,176,75,.1)}
.jy-list{padding-left:20px;margin:8px 0;color:var(--muted)}
.jy-list li{margin:5px 0}

/* 表格 */
.jy-table{width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.jy-table th{background:#0e1422;color:var(--gold);text-align:left;padding:10px 12px;font-size:13px;border-bottom:1px solid var(--line)}
.jy-table td{padding:10px 12px;border-bottom:1px solid rgba(38,48,74,.6);vertical-align:middle}
.jy-table tr:hover td{background:rgba(232,176,75,.04)}
.jy-table-sm td,.jy-table-sm th{padding:7px 10px;font-size:13px}

/* 卡片 */
.jy-card{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px;margin-bottom:20px}
.jy-card-title{margin:0 0 14px;font-size:16px;color:var(--gold);letter-spacing:1px;border-left:3px solid var(--gold);padding-left:10px}
.jy-green{color:var(--green)}
.jy-gold{color:var(--gold2)!important}
.jy-muted{color:var(--muted)}
.jy-alert{background:rgba(232,176,75,.12);border:1px solid var(--gold);color:var(--gold2);padding:10px 14px;border-radius:6px;margin-bottom:16px}

/* 认证 */
.jy-auth{display:flex;justify-content:center;padding:40px 0}
.jy-auth-box{width:420px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:28px 30px}
.jy-auth-box h2{margin:0 0 6px;color:var(--gold);letter-spacing:2px}
.jy-auth-tip{color:var(--muted);font-size:12px;margin-bottom:18px}
.jy-auth-foot{text-align:center;color:var(--muted);font-size:13px;margin-top:16px}

/* 会员中心 */
.jy-member{display:grid;grid-template-columns:260px 1fr;gap:20px}
.jy-member-side{display:flex;flex-direction:column;gap:16px}
.jy-member-avatar{background:var(--card);border:1px solid var(--line);border-radius:8px;padding:20px;text-align:center}
.jy-avatar{width:72px;height:72px;margin:0 auto 12px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#b8781f);
  display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:bold;color:#2a1c00}
.jy-member-avatar h3{margin:0;font-size:16px}
.jy-member-avatar p{margin:4px 0 12px;color:var(--muted);font-size:12px}
.jy-vip-bar{text-align:left}
.jy-vip-bar small{color:var(--muted);font-size:11px;display:block;margin-top:5px}
.jy-progress{height:8px;background:var(--bg2);border-radius:4px;overflow:hidden;border:1px solid var(--line);margin-top:6px}
.jy-progress i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold2));width:0}
.jy-member-nav{background:var(--card);border:1px solid var(--line);border-radius:8px;overflow:hidden}
.jy-member-nav a{display:block;padding:11px 16px;color:var(--txt);border-bottom:1px solid rgba(38,48,74,.6)}
.jy-member-nav a:hover{background:rgba(232,176,75,.08);color:var(--gold)}
.jy-member-nav a.on{background:rgba(232,176,75,.14);color:var(--gold);box-shadow:inset 3px 0 0 var(--gold)}
.jy-rebate-overview{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:16px}
.jy-rebate-overview div{background:var(--bg2);border:1px solid var(--line);border-radius:6px;padding:12px;text-align:center}
.jy-rebate-overview b{display:block;font-size:22px;color:var(--gold)}
.jy-rebate-overview span{color:var(--muted);font-size:12px}

/* 页脚 */
.jy-footer{margin-top:40px;border-top:2px solid var(--gold);background:#080a10;padding:32px 0 20px}
.jy-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:20px}
.jy-footer-col h4{color:var(--gold);margin:0 0 10px;letter-spacing:1px}
.jy-footer-col p{color:var(--muted);font-size:13px;margin:4px 0}
.jy-footer-col a{color:var(--muted)}
.jy-footer-col a:hover{color:var(--gold)}
.jy-footer-bottom{text-align:center;color:var(--muted);font-size:12px;border-top:1px solid var(--line);padding-top:14px}

@media(max-width:900px){
  .jy-server-grid,.jy-pkg-grid,.jy-pkg-select{grid-template-columns:repeat(2,1fr)}
  .jy-grid-2,.jy-recharge-grid,.jy-member,.jy-footer-cols{grid-template-columns:1fr}
  .jy-hero h1{font-size:32px}
  .jy-hero-stats{gap:20px}
  .jy-member-side{order:2}
}

/* CDK 卡密页 */
textarea{resize:vertical;min-height:60px}
.jy-alert a{color:#2a1c00;text-decoration:underline}