:root{--yjqx-main:var(--main-color,#6c5ce7);--yjqx-bg:var(--body-bg-color,#f6f7fb);--yjqx-card:var(--main-bg-color,#fff)}
.yjqx-app{max-width:1180px;margin:24px auto;font-size:14px;color:var(--body-color,#283044)}
.yjqx-hero{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:28px;border-radius:18px;background:linear-gradient(135deg,#5f42e9,#8b6cff);color:#fff;box-shadow:0 16px 40px rgba(96,66,233,.2)}
.yjqx-hero h1{margin:6px 0;font-size:32px;line-height:1.25;color:#fff}.yjqx-hero p{margin:0;opacity:.9;line-height:1.75}.yjqx-kicker{display:inline-block;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.16)}.yjqx-balance{flex:0 0 auto;text-align:right}.yjqx-balance strong{display:block;font-size:26px;line-height:1.3}
.yjqx-nav{display:flex;gap:8px;margin:16px 0;padding:7px;background:var(--yjqx-card);border-radius:14px;box-shadow:0 6px 24px rgba(30,35,50,.06)}.yjqx-nav button{flex:1;border:0;background:transparent;padding:12px;border-radius:10px;cursor:pointer;color:inherit;white-space:nowrap}.yjqx-nav button.active{background:var(--yjqx-main);color:#fff}
.yjqx-panel{display:none}.yjqx-panel.active{display:block}.yjqx-issuebar{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:14px}.yjqx-issuebar>div,.yjqx-card,.yjqx-rules,.yjqx-tablewrap,.yjqx-history{background:var(--yjqx-card);border:1px solid var(--muted-border-color,#edf0f5);border-radius:16px;box-shadow:0 8px 28px rgba(30,35,50,.05)}.yjqx-issuebar>div{padding:14px 18px}.yjqx-issuebar small{display:block;color:#8b92a5}.yjqx-issuebar strong{display:block;margin-top:4px;overflow-wrap:anywhere}.yjqx-card{padding:22px}.yjqx-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.yjqx-head h2{margin:0 0 4px}.yjqx-head p{margin:0;color:#8b92a5}.yjqx-random{flex:0 0 auto;border:1px solid #d9d5ff;background:#f2f0ff;color:#6c5ce7;padding:9px 14px;border-radius:10px;cursor:pointer}
.yjqx-number-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;margin:22px 0}.yjqx-position{min-width:0;padding:10px;border:1px solid #eef0f5;border-radius:12px;text-align:center}.yjqx-position>b{display:block;margin-bottom:8px;font-size:12px;color:#737b90}.yjqx-position>div{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.yjqx-position button{min-width:0;border:0;border-radius:7px;padding:6px 2px;background:#f4f5f8;cursor:pointer;color:inherit}.yjqx-position button.active{background:var(--yjqx-main);color:#fff;box-shadow:0 4px 12px rgba(108,92,231,.3)}.yjqx-selection{padding:14px;text-align:center;background:#fafaff;border-radius:10px}.yjqx-picked{font-size:22px;color:#5f42e9;letter-spacing:4px}.yjqx-submitrow{display:grid;grid-template-columns:1fr 1fr 180px;gap:16px;align-items:center;margin-top:16px}.yjqx-submitrow label{display:flex;align-items:center;gap:7px}.yjqx-submitrow input{width:62px;text-align:center}.yjqx-submitrow button{border:0;border-radius:9px;padding:9px 13px}.yjqx-submit{background:linear-gradient(135deg,#5f42e9,#8b6cff);color:#fff;cursor:pointer}
.yjqx-tablewrap{overflow:auto}.yjqx-table{width:100%;border-collapse:collapse;min-width:760px}.yjqx-table th,.yjqx-table td{padding:13px;border-bottom:1px solid #edf0f5;text-align:left}.yjqx-table .win{color:#13a66a;font-weight:700}.yjqx-balls{display:inline-flex;gap:4px;vertical-align:middle}.yjqx-balls i{display:inline-flex;width:27px;height:27px;align-items:center;justify-content:center;border-radius:7px;background:#f0edff;color:#624ae7;font-style:normal;font-weight:700}.yjqx-history{overflow:hidden}.yjqx-history article{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;border-bottom:1px solid #edf0f5}.yjqx-history article:last-child{border:0}.yjqx-history small{margin-right:12px}.yjqx-rules{padding:22px;overflow:auto}.yjqx-rules table{width:100%;border-collapse:collapse}.yjqx-rules th,.yjqx-rules td{padding:10px;border-bottom:1px solid #edf0f5;text-align:left}.yjqx-empty,.yjqx-notice{padding:28px;text-align:center;background:var(--yjqx-card);border-radius:14px}.yjqx-disclaimer{margin-top:14px;padding:11px 14px;border-radius:10px;background:#fff8e7;color:#986a00;font-size:12px}
.yjqx-banner-wrap{width:100%;max-width:1200px;margin:10px auto;padding:0 14px;box-sizing:border-box;position:relative;z-index:1}.yjqx-banner-portal[hidden]{display:none!important}.yjqx-banner{min-height:46px;display:flex;align-items:center;gap:12px;padding:8px 14px;border:1px solid #e8e5ff;border-radius:12px;background:linear-gradient(90deg,#faf9ff,#f3f8ff);box-shadow:0 5px 18px rgba(40,45,80,.05);overflow:hidden;box-sizing:border-box}.yjqx-banner-label{padding:5px 9px;border-radius:8px;background:#6c5ce7;color:#fff;white-space:nowrap}.yjqx-banner-issue{white-space:nowrap}.yjqx-banner a{margin-left:auto;color:#6c5ce7;font-weight:700;white-space:nowrap}.yjqx-banner small{color:#8b92a5;white-space:nowrap}
@media(max-width:820px){
 .yjqx-app{max-width:none;margin:8px -8px 16px;font-size:13px}
 .yjqx-hero{align-items:flex-start;gap:10px;padding:16px;border-radius:14px}.yjqx-hero h1{font-size:24px;margin:5px 0}.yjqx-hero p{max-width:220px;font-size:12px;line-height:1.65}.yjqx-kicker{padding:3px 8px;font-size:11px}.yjqx-balance{min-width:76px;font-size:11px}.yjqx-balance strong{font-size:23px}
 .yjqx-nav{gap:4px;margin:10px 0;padding:5px;border-radius:12px;overflow-x:auto;scrollbar-width:none}.yjqx-nav::-webkit-scrollbar{display:none}.yjqx-nav button{min-width:0;padding:10px 11px;font-size:13px}
 .yjqx-issuebar{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.yjqx-issuebar>div{min-width:0;padding:10px 12px;border-radius:12px}.yjqx-issuebar>div:first-child{grid-column:1/-1}.yjqx-issuebar small{font-size:11px}.yjqx-issuebar strong{font-size:13px;line-height:1.45}.yjqx-issuebar>div:first-child strong{font-size:12px;letter-spacing:.1px}
 .yjqx-card{padding:14px;border-radius:14px}.yjqx-head{align-items:flex-start}.yjqx-head h2{font-size:21px}.yjqx-head p{font-size:12px;line-height:1.55}.yjqx-random{padding:8px 11px;font-size:12px}
 .yjqx-number-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:14px 0}.yjqx-position{padding:8px;border-radius:10px}.yjqx-position>b{margin-bottom:6px;font-size:11px}.yjqx-position>div{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.yjqx-position:last-child{grid-column:1/-1}.yjqx-position:last-child>div{grid-template-columns:repeat(8,minmax(0,1fr))}.yjqx-position button{height:32px;padding:0;font-size:12px;border-radius:7px}
 .yjqx-selection{padding:10px}.yjqx-picked{font-size:17px;letter-spacing:2px}.yjqx-submitrow{grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.yjqx-submitrow label{min-width:0;flex-wrap:wrap}.yjqx-submitrow input{width:50px}.yjqx-submit{grid-column:1/-1;min-height:44px;font-weight:700}
 .yjqx-tablewrap{overflow:visible;background:transparent;border:0;box-shadow:none}.yjqx-table{display:block;min-width:0}.yjqx-table thead{display:none}.yjqx-table tbody,.yjqx-table tr{display:block}.yjqx-table tr{margin-bottom:10px;padding:10px 12px;background:var(--yjqx-card);border:1px solid #edf0f5;border-radius:12px;box-shadow:0 5px 16px rgba(30,35,50,.04)}.yjqx-table td{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 0;border:0;text-align:right}.yjqx-table td:before{content:attr(data-label);color:#8b92a5;text-align:left}.yjqx-table td .yjqx-balls{justify-content:flex-end;flex-wrap:wrap}
 .yjqx-history article{align-items:flex-start;gap:8px;padding:12px}.yjqx-history article>div{min-width:0}.yjqx-history small{display:block;margin:0 0 6px}.yjqx-history time{white-space:nowrap;font-size:11px}.yjqx-rules{padding:14px}.yjqx-rules table{min-width:520px}.yjqx-disclaimer{font-size:11px;line-height:1.55}
 .yjqx-banner-wrap{margin:8px auto;padding:0 10px}.yjqx-banner{min-height:42px;gap:6px;padding:7px 9px;font-size:11px;border-radius:10px}.yjqx-banner-label{padding:4px 6px;font-size:10px}.yjqx-banner .yjqx-balls{gap:2px}.yjqx-banner .yjqx-balls i{width:20px;height:20px;border-radius:5px;font-size:10px}.yjqx-banner a{font-size:11px}.yjqx-banner small{display:none}
}
@media(max-width:390px){.yjqx-hero p{max-width:190px}.yjqx-nav button{padding:9px 8px;font-size:12px}.yjqx-banner-issue{display:none}.yjqx-banner{gap:4px}.yjqx-banner a{margin-left:auto}.yjqx-position:last-child>div{grid-template-columns:repeat(5,minmax(0,1fr))}}

/* v0.1.2 mobile hotfix: banner overflow and multiplier controls */
@media(max-width:820px){
 .yjqx-banner-wrap{width:100%;max-width:100%;overflow:visible}
 .yjqx-banner{width:100%;max-width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;column-gap:7px;row-gap:5px;overflow:visible}
 .yjqx-banner-label{grid-column:1;grid-row:1}
 .yjqx-banner-issue{grid-column:2;grid-row:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
 .yjqx-banner>a{grid-column:3;grid-row:1;margin-left:0;justify-self:end;white-space:nowrap}
 .yjqx-banner>.yjqx-balls{grid-column:1/4;grid-row:2;justify-self:center;min-width:0;max-width:100%;flex-wrap:nowrap}
 .yjqx-banner>small{display:none}
 .yjqx-submitrow{grid-template-columns:minmax(0,1fr) auto;column-gap:8px;row-gap:10px;align-items:center}
 .yjqx-submitrow label{display:flex;align-items:center;flex-wrap:nowrap;gap:5px;min-width:0;white-space:nowrap}
 .yjqx-submitrow label button{flex:0 0 36px;width:36px;height:36px;padding:0;display:inline-flex;align-items:center;justify-content:center}
 .yjqx-submitrow input.yjqx-multiple{flex:0 0 44px;width:44px;height:36px;padding:0}
 .yjqx-submitrow>div{white-space:nowrap;text-align:right;font-size:12px}
 .yjqx-submit{grid-column:1/-1}
}
@media(max-width:390px){
 .yjqx-banner{padding-left:8px;padding-right:8px;column-gap:5px}
 .yjqx-banner-label{font-size:10px}
 .yjqx-banner-issue{display:block;font-size:10px}
 .yjqx-submitrow{column-gap:5px}
 .yjqx-submitrow label{gap:3px;font-size:12px}
 .yjqx-submitrow label button{flex-basis:32px;width:32px;height:34px}
 .yjqx-submitrow input.yjqx-multiple{flex-basis:40px;width:40px;height:34px}
 .yjqx-submitrow>div{font-size:11px}
}


/* v0.1.3: 全站顶部横幅 */
.yjqx-banner-global{
 width:100%;
 max-width:1200px;
 margin:10px auto;
 clear:both;
 position:relative;
 z-index:20;
 box-sizing:border-box;
}
body.admin-bar .yjqx-banner-global{position:relative}
@media(max-width:820px){
 .yjqx-banner-global{
  width:100%;
  max-width:100%;
  margin:8px auto;
  padding-left:10px;
  padding-right:10px;
 }
}
