.aw-about-trigger{display:inline-flex;align-items:center;justify-content:center;gap:6px}
.aw-about-trigger small{font-family:"Atlas Space Mono","Space Mono",monospace;font-size:8px;letter-spacing:.07em;font-weight:400}

.aw-about-panel{
  width:min(790px,calc(100vw - 36px));max-width:none;max-height:min(88svh,920px);
  margin:auto;padding:0;overflow:hidden;color:#f3f1ec;
  background:linear-gradient(155deg,#222a31,#11171d 43%,#0c1218);
  border:1px solid #6d737680;border-radius:20px;box-shadow:0 26px 80px #000c;
}
.aw-about-panel::backdrop{background:#030609d9;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.aw-about-shell{display:flex;flex-direction:column;max-height:min(88svh,920px)}
.aw-about-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex:none;
  min-height:64px;padding:12px 30px;border-bottom:1px solid #ffffff29;
  color:#bdc5c9;font-family:"Atlas Space Mono","Space Mono",monospace;font-size:10px;letter-spacing:.1em;
}
.aw-about-top b{color:#d6b987;font-weight:400}
.aw-about-top button{
  flex:none;display:inline-flex;align-items:center;gap:11px;min-height:37px;
  padding:0 12px;border:1px solid #ffffff4a;border-radius:8px;background:#ffffff0b;
  color:#f2f1ed;font-size:11px;
}
.aw-about-top button:hover{background:#ffffff1d}
.aw-about-top button span{font-size:19px;line-height:1}
.aw-about-content{overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#86939870 transparent;padding:30px 42px 32px}
.aw-about-content h2{
  margin:0 0 27px;color:#f5f0e6;font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC",Georgia,serif;
  font-size:clamp(30px,3.4vw,41px);font-weight:500;line-height:1.35;letter-spacing:.02em;
}
.aw-about-section{display:grid;grid-template-columns:174px minmax(0,1fr);gap:24px;padding:22px 0 24px;border-top:1px solid #ffffff28}
.aw-about-section-head span{display:block;margin:1px 0 10px;color:#d9bd8f;font-family:"Atlas Space Mono","Space Mono",monospace;font-size:9px;letter-spacing:.09em;line-height:1.6}
.aw-about-section h3{margin:0;color:#f3f1ec;font-family:"Source Han Serif SC","Noto Serif CJK SC","Songti SC",Georgia,serif;font-size:18px;font-weight:500;line-height:1.5}
.aw-about-section-body{min-width:0;color:#d4dbdc;font-family:"Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei","PingFang SC",sans-serif;font-size:13px;line-height:1.95}
.aw-about-section-body p{margin:0 0 12px}.aw-about-section-body p:last-child{margin-bottom:0}
.aw-about-section-body strong{color:#f3f0e9;font-weight:600}
.aw-about-sources{margin:0 0 12px;padding-left:1.45em}.aw-about-sources li{padding-left:.15em;margin:0 0 5px}.aw-about-sources li:last-child{margin-bottom:0}
.aw-about-contacts{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.aw-about-contacts li{display:flex;align-items:baseline;gap:18px;min-width:0}
.aw-about-contacts li>span:first-child{flex:none;width:54px;color:#b9c5c7;font-family:"Atlas Space Mono","Space Mono",monospace;font-size:10px}
.aw-about-contacts li>span:last-child,.aw-about-contacts a{min-width:0;overflow-wrap:anywhere;color:#e6d0a8;font-family:"Atlas Space Mono","Space Mono",monospace;font-size:12px}
.aw-about-contacts a{text-decoration:underline;text-decoration-color:#e6d0a880;text-underline-offset:3px}
.aw-about-contacts a:hover{color:#f7e5c5;text-decoration-color:currentColor}
.aw-about-footer{border-top:1px solid #ffffff28;padding-top:18px;color:#bac5c8;font-family:"Source Han Sans SC","Noto Sans CJK SC","Microsoft YaHei",sans-serif;font-size:11px;line-height:1.8}
.aw-about-footer time{font-family:"Atlas Space Mono","Space Mono",monospace;color:#e5e5e1}

@media(max-width:1390px){.aw-about-trigger{gap:4px;padding:0 9px}.aw-about-trigger small{font-size:7px}}
@media(max-width:720px), (max-width:1050px) and (max-height:600px){
  .aw-about-panel{inset:0;width:100vw;height:100dvh;max-height:none;margin:0;border:0;border-radius:0}
  .aw-about-shell{height:100%;max-height:none}
  .aw-about-top{min-height:55px;padding:9px max(18px,env(safe-area-inset-right)) 9px max(18px,env(safe-area-inset-left));font-size:9px}
  .aw-about-content{padding:23px max(20px,env(safe-area-inset-right)) 30px max(20px,env(safe-area-inset-left))}
  .aw-about-content h2{font-size:29px;margin-bottom:21px}
  .aw-about-section{display:block;padding:18px 0 21px}
  .aw-about-section-head{margin-bottom:8px}
  .aw-about-section-head span{margin-bottom:4px}
  .aw-about-section h3{font-size:17px}
  .aw-about-section-body{font-size:12px;line-height:1.85}
}