/* 天地人农事推演模拟器 1.8 — 三才图鉴（ATLAS）
   全部选择器以 at18- 前缀作用域隔离，不触碰 1.7.2 既有样式。 */
.at18-launch{
  position:fixed;right:18px;bottom:66px;z-index:2147482000;
  display:flex;align-items:center;gap:9px;
  padding:11px 16px 11px 14px;border-radius:26px;cursor:pointer;
  background:linear-gradient(180deg,#12212f,#0b131d);
  border:1px solid #2a3f57;color:#e2f0fa;
  font:600 14px/1 "Microsoft YaHei","微软雅黑",system-ui,sans-serif;
  box-shadow:0 8px 26px rgba(0,0,0,.55),0 0 0 1px rgba(63,224,247,.10) inset;
  transition:transform .18s cubic-bezier(.2,.7,.3,1),border-color .18s,box-shadow .18s,opacity .25s;
}
/* 封面 / 登录 / 转场阶段隐藏，避免压住封面自身的入口控件 */
.at18-launch[data-dim="1"]{opacity:0;pointer-events:none;transform:translateY(8px)}
.at18-launch:hover{transform:translateY(-2px);border-color:#3fe0f7;
  box-shadow:0 12px 30px rgba(0,0,0,.6),0 0 22px rgba(63,224,247,.22);}
.at18-launch i{width:8px;height:8px;border-radius:50%;background:#3ee0a6;
  box-shadow:0 0 10px #3ee0a6;font-style:normal}
.at18-launch em{font-style:normal;font-size:11px;color:#3fe0f7;
  border:1px solid #24506a;border-radius:9px;padding:2px 6px;letter-spacing:.3px}

.at18-root{
  position:fixed;inset:0;z-index:2147483000;display:none;
  background:rgba(4,8,13,.86);backdrop-filter:blur(10px);
  font:400 14px/1.5 "Microsoft YaHei","微软雅黑",system-ui,sans-serif;color:#e2f0fa;
}
.at18-root[data-open="1"]{display:flex;align-items:center;justify-content:center}
.at18-shell{
  width:min(1560px,96vw);height:min(940px,94vh);display:flex;flex-direction:column;
  background:#0a121c;border:1px solid #24344a;border-radius:10px;overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.72);
  animation:at18-in .22s cubic-bezier(.2,.7,.3,1);
}
@keyframes at18-in{from{opacity:0;transform:translateY(14px) scale(.99)}to{opacity:1;transform:none}}
.at18-top{display:flex;align-items:center;gap:14px;padding:13px 18px;
  border-bottom:1px solid #1d2b3d;background:linear-gradient(180deg,#0e1826,#0a121c);
  border-top:3px solid #c44a3a}
.at18-top h2{margin:0;font-size:17px;font-weight:700;letter-spacing:.4px}
.at18-top .at18-ver{font-size:12px;color:#3fe0f7;border:1px solid #24506a;
  border-radius:9px;padding:2px 7px}
.at18-top .at18-src{font-size:12px;color:#5c7084;margin-left:2px}
.at18-top .at18-sp{margin-left:auto}
.at18-search{width:230px;padding:8px 12px;border-radius:6px;color:#e2f0fa;
  background:#0b1622;border:1px solid #22334a;outline:none;font-size:13px}
.at18-search:focus{border-color:#3fe0a6;background:#0d1a28}
.at18-x{width:34px;height:34px;border-radius:6px;cursor:pointer;color:#8ba3b8;
  background:#0d1723;border:1px solid #22334a;font-size:17px;line-height:1}
.at18-x:hover{color:#e2f0fa;border-color:#8ba3b8}

.at18-body{flex:1;display:flex;min-height:0}
.at18-nav{width:196px;flex:none;overflow-y:auto;padding:10px 8px;
  border-right:1px solid #1d2b3d;background:#0b1420}
.at18-navitem{display:flex;align-items:center;gap:8px;padding:9px 11px;border-radius:6px;
  cursor:pointer;color:#8ba3b8;font-size:13.5px;border-left:3px solid transparent;
  transition:background .15s,color .15s,border-color .15s}
.at18-navitem:hover{background:#101d2c;color:#e2f0fa}
.at18-navitem[data-on="1"]{background:#122232;color:#e2f0fa;border-left-color:#3ee0a6}
.at18-navitem b{margin-left:auto;font-weight:600;font-size:12px;color:#5c7084}
.at18-navitem[data-on="1"] b{color:#3ee0a6}

.at18-main{flex:1;min-width:0;display:flex;flex-direction:column}
.at18-grid{flex:1;overflow-y:auto;padding:16px;display:grid;gap:14px;
  grid-template-columns:repeat(auto-fill,minmax(212px,1fr));align-content:start}
.at18-cell{background:#0e1826;border:1px solid #1d2b3d;border-radius:7px;overflow:hidden;
  cursor:pointer;transition:border-color .16s,transform .16s}
.at18-cell:hover{border-color:#3ee0a6;transform:translateY(-2px)}
.at18-cell img{width:100%;display:block;background:#101c2a;aspect-ratio:16/9;object-fit:cover}
.at18-cell[data-sq="1"] img{aspect-ratio:1/1}
.at18-cell .at18-cn{padding:9px 11px 11px}
.at18-cell .at18-cn b{display:block;font-size:14px;font-weight:600;margin-bottom:3px}
.at18-cell .at18-cn span{display:block;font-size:11.5px;color:#63798e;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.at18-empty{grid-column:1/-1;text-align:center;color:#5c7084;padding:60px 0;font-size:13px}

.at18-detail{position:absolute;inset:0;z-index:5;display:none;background:rgba(4,8,13,.9)}
.at18-detail[data-open="1"]{display:block}
.at18-detailbox{position:absolute;right:0;top:0;bottom:0;width:min(760px,88%);
  background:#0a121c;border-left:1px solid #24344a;display:flex;flex-direction:column;
  animation:at18-slide .24s cubic-bezier(.2,.7,.3,1)}
@keyframes at18-slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
.at18-dhead{display:flex;align-items:center;gap:12px;padding:14px 18px;
  border-bottom:1px solid #1d2b3d;border-top:3px solid #3ee0a6}
.at18-dhead h3{margin:0;font-size:18px}
.at18-dhead .at18-where{font-size:12px;color:#5c7084}
.at18-dscroll{flex:1;overflow-y:auto;padding:16px 18px 26px}
.at18-shot{width:100%;border-radius:7px;border:1px solid #1d2b3d;display:block;background:#101c2a}
.at18-tabs{display:flex;gap:8px;margin:14px 0 12px}
.at18-tab{padding:7px 14px;border-radius:6px;cursor:pointer;font-size:13px;
  color:#8ba3b8;background:#0e1a28;border:1px solid #22334a}
.at18-tab[data-on="1"]{color:#0a121c;background:#3ee0a6;border-color:#3ee0a6;font-weight:600}
.at18-rows{border-top:1px solid #1d2b3d}
.at18-row{display:flex;gap:16px;padding:9px 2px;border-bottom:1px solid #16222f;font-size:13.5px}
.at18-row dt{flex:none;width:104px;color:#63798e;margin:0}
.at18-row dd{margin:0;color:#e2f0fa;word-break:break-word}
.at18-tip{margin-top:14px;padding:10px 12px;border-radius:6px;font-size:12px;
  color:#7d93a8;background:#0c1724;border-left:3px solid #c44a3a;line-height:1.75}
.at18-cardwrap{margin-top:12px}
.at18-cardwrap img{width:100%;border-radius:7px;border:1px solid #26374d;display:block}
.at18-miss{padding:26px;text-align:center;color:#c44a3a;font-size:13px;
  border:1px dashed #3a2a2a;border-radius:7px}
.at18-foot{display:flex;align-items:center;gap:14px;padding:10px 18px;
  border-top:1px solid #1d2b3d;font-size:12px;color:#5c7084;background:#0b1420}
.at18-foot .at18-sp{margin-left:auto}
@media (max-width:900px){
  .at18-nav{width:60px}.at18-navitem span{display:none}
  .at18-detailbox{width:100%}
}