:root{
  --m-blue:#2b95d3;
  --m-blue-dark:#1e74a7;
  --m-orange:#ff552e;
  --m-bg:#f4f6f8;
  --m-card:#fff;
  --m-text:#1f2d3d;
  --m-muted:#7b8794;
  --m-line:#e6edf3;
  --m-green:#0b8f5a;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body.m-body{
  margin:0;padding:0 0 calc(70px + env(safe-area-inset-bottom));
  background:var(--m-bg);color:var(--m-text);
  font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
  -webkit-font-smoothing:antialiased;
}
body.m-body a{text-decoration:none}
body.m-body img{max-width:100%;display:block}
body.m-body button{font-family:inherit}
.m-header{
  position:sticky;top:0;z-index:50;background:#fff;
  border-bottom:1px solid var(--m-line);
  padding-top:env(safe-area-inset-top);
}
.m-header__inner{
  max-width:640px;margin:0 auto;height:52px;padding:0 14px;
  display:flex;align-items:center;gap:10px;
}
.m-header__brand{flex:0 0 auto;display:flex;align-items:center}
.m-header__brand img{height:34px;width:auto}
.m-header__title{
  flex:1;min-width:0;font-size:17px;font-weight:700;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.m-header__link{flex:0 0 auto;font-size:12px;color:#8a97a6}
.m-header__icon{width:30px;font-size:30px;line-height:1;color:var(--m-blue);text-align:center}
.m-main{max-width:640px;margin:0 auto;padding:0 12px 18px}
.m-hero{
  margin:0 -12px 14px;padding:22px 18px 18px;
  background:linear-gradient(135deg,#eaf7ff 0%,#f7fcff 62%,#fff 100%);
  border-radius:0 0 18px 18px;
}
.m-hero h1{margin:0;font-size:22px;line-height:1.3;letter-spacing:.2px}
.m-hero__sub{margin:5px 0 14px;color:#6e7f8f;font-size:13px}
.m-search{
  display:flex;align-items:stretch;background:#fff;border:1.5px solid var(--m-orange);
  border-radius:9px;overflow:hidden;box-shadow:0 4px 14px rgba(43,149,211,.10);
}
.m-search input{
  flex:1;min-width:0;height:44px;padding:0 12px;border:0;outline:none;
  font-size:15px;color:#1f2d3d;background:transparent;
}
.m-search input::placeholder{color:#a2adb8;font-size:13px}
.m-search button{
  flex:0 0 78px;height:44px;border:0;background:var(--m-blue);color:#fff;
  font-size:15px;font-weight:600;cursor:pointer;
}
.m-search button:active{background:var(--m-blue-dark)}
.m-hot{margin-top:12px;display:flex;flex-wrap:wrap;align-items:center;gap:7px;font-size:12px;color:#7b8794}
.m-hot__label{color:#9aa6b2}
.m-hot a{
  padding:4px 10px;background:#fff;border:1px solid #dbe8f2;border-radius:20px;
  color:#3b7fa8;font-size:12px;line-height:1.4;
}
.m-section{margin-top:4px}
.m-section__head{display:flex;align-items:baseline;justify-content:space-between;margin:14px 2px 9px}
.m-section__head h2{margin:0;font-size:16px;line-height:1.4}
.m-section__head span{font-size:12px;color:#9aa6b2}
.m-list{display:flex;flex-direction:column;gap:10px}
.m-std{
  display:block;padding:13px 14px;background:var(--m-card);border:1px solid var(--m-line);
  border-radius:12px;box-shadow:0 2px 8px rgba(31,45,61,.04);
}
.m-std:active{background:#fafdff}
.m-std__top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.m-no{font-size:15px;font-weight:700;color:var(--m-blue);word-break:break-all}
.m-badge{
  flex:0 0 auto;padding:2px 8px;border-radius:20px;font-size:11px;line-height:1.6;
  background:#eaf5fc;color:#2279a8;white-space:nowrap;
}
.m-badge.is-current{background:#e9f8f1;color:var(--m-green)}
.m-badge.is-obsolete{background:#eef2f5;color:#8a97a6}
.m-badge.is-soon{background:#fff4e5;color:#b25b00}
.m-std__name{margin-top:5px;font-size:14px;line-height:1.55;color:#25384a}
.m-std__meta{margin-top:7px;display:flex;flex-wrap:wrap;gap:4px 10px;font-size:11.5px;color:#8a97a6}
.m-std__meta span{position:relative}
.m-std__meta span+span:before{content:"·";margin-right:10px;color:#c5d0da}
.m-empty{padding:34px 16px;text-align:center;color:#8a97a6;font-size:13px}
.m-empty strong{display:block;color:#4a5b6b;font-size:15px;margin-bottom:6px}
.m-more{
  width:100%;height:44px;margin:12px 0 2px;border:1px solid #cfe2ef;border-radius:9px;
  background:#fff;color:var(--m-blue);font-size:14px;font-weight:600;cursor:pointer;
}
.m-more[disabled]{color:#a9b6c2;border-color:var(--m-line);background:#f7f9fb}
.m-loading{padding:18px;text-align:center;color:#8a97a6;font-size:12px}
.m-guide{margin-top:20px;padding:15px 16px;background:#fff;border:1px solid var(--m-line);border-radius:12px}
.m-guide h2{margin:0 0 8px;font-size:15px}
.m-guide ol{margin:0;padding-left:19px;color:#6b7a89;font-size:12.5px;line-height:1.9}
.m-guide a{color:var(--m-blue)}
.m-crumb{margin:12px 2px 10px;font-size:12px;color:#8a97a6}
.m-crumb a{color:#5d7f96}
.m-detail{padding:16px;background:#fff;border:1px solid var(--m-line);border-radius:14px;box-shadow:0 3px 12px rgba(31,45,61,.04)}
.m-detail__top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.m-detail__no{margin:8px 0 2px;font-size:22px;line-height:1.3;color:var(--m-blue);word-break:break-all}
.m-detail__name{margin:0;font-size:16px;line-height:1.65;color:#25384a}
.m-detail__en{margin:5px 0 0;font-size:12px;line-height:1.6;color:#8a97a6}
.m-info{margin:14px 0 0;padding:0;border-top:1px solid #f0f4f7}
.m-info__row{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid #f0f4f7;font-size:13px}
.m-info__row dt{flex:0 0 82px;color:#8a97a6;margin:0}
.m-info__row dd{flex:1;min-width:0;margin:0;color:#304458;word-break:break-word}
.m-actions{display:flex;gap:10px;margin:16px 0 4px}
.m-btn{
  flex:1;display:inline-flex;align-items:center;justify-content:center;
  min-height:46px;padding:0 14px;border-radius:9px;border:1px solid transparent;
  font-size:15px;font-weight:600;text-align:center;
}
.m-btn:active{opacity:.88}
.m-btn-download{background:var(--m-orange);color:#fff}
.m-btn-primary{background:var(--m-blue);color:#fff}
.m-btn-ghost{background:#fff;border-color:#b9d8ea;color:var(--m-blue)}
.m-notice{margin:14px 0 0;padding:11px 12px;border-left:3px solid #f0a020;background:#fff8e8;border-radius:7px;color:#7a5310;font-size:12.5px;line-height:1.7}
.m-note{margin:12px 0 0;font-size:11.5px;line-height:1.7;color:#9aa6b2}
.m-related{margin-top:18px}
.m-related h2{margin:0 0 9px;font-size:15px}
.m-related .m-std{padding:11px 13px}
.m-related .m-std__name{font-size:13px}
.m-copyright{margin:20px 0 4px;text-align:center;font-size:11px;color:#a3afba;line-height:1.8}
.m-tabbar{
  position:fixed;left:0;right:0;bottom:0;z-index:60;display:grid;grid-template-columns:repeat(5,1fr);
  background:#fff;border-top:1px solid var(--m-line);
  padding:5px 0 calc(4px + env(safe-area-inset-bottom));
}
.m-tabbar__item{display:flex;flex-direction:column;align-items:center;gap:2px;color:#8a97a6;font-size:11px;line-height:1.4}
.m-tabbar__item svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.m-tabbar__item.is-active{color:var(--m-blue);font-weight:600}
@media (min-width:640px){
  body.m-body{background:#e9eef3}
  .m-header{box-shadow:0 1px 8px rgba(31,45,61,.05)}
  .m-hero{border-radius:0 0 18px 18px}
}
@media (max-width:360px){
  .m-hero h1{font-size:20px}
  .m-search button{flex-basis:68px}
  .m-info__row dt{flex-basis:74px}
}