/* DST visual finish. Geometry, content, DOM order, and existing interactions remain unchanged. */
:root {
  --dst-blue:#283b91;
  --dst-cyan:#009bdb;
  --dst-red:#e42129;
  --dst-ink:#243348;
  --dst-muted:#748294;
  --dst-line:#dce5ee;
  --dst-paper:#fff;
  --dst-wash:#f3f6fa;
  --dst-shadow:0 6px 20px rgba(23,50,86,.06);
}
html { background:var(--dst-wash); color:var(--dst-ink); }
body a { color:var(--dst-ink); }
body a:hover, body .pc-nav .active, body .pc-nav .sub-nav a:hover { color:var(--dst-blue); }
::selection { background:var(--dst-blue); color:#fff; }
::-moz-selection { background:var(--dst-blue); color:#fff; }
body .sb {
  background:var(--dst-paper);
  box-shadow:inset 0 0 0 1px var(--dst-line),var(--dst-shadow);
}
body .br { border-radius:5px; }
body .header { background:#fff; box-shadow:0 5px 20px rgba(25,48,77,.07); }
body .header::after {
  content:""; position:absolute; left:0; right:0; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--dst-blue),var(--dst-cyan) 66%,var(--dst-red));
  pointer-events:none;
}
body .pc-nav > .nav-ul > li > a { position:relative; }
body .pc-nav > .nav-ul > li:hover > a,
body .pc-nav > .nav-ul > li > a:focus-visible {
  background:var(--dst-blue); color:#fff;
}
body .pc-nav > .nav-ul > li:hover > a .icon-hot,
body .pc-nav > .nav-ul > li > a:focus-visible .icon-hot { color:#fff!important; }
body .pc-nav > .nav-ul > li > a::before {
  content:""; position:absolute; left:18px; right:18px; bottom:0; height:2px;
  background:linear-gradient(90deg,var(--dst-blue),var(--dst-cyan));
  opacity:0; transform:scaleX(.3); transition:opacity .18s,transform .18s; pointer-events:none;
}
body .pc-nav > .nav-ul > li > a.active::before,
body .pc-nav > .nav-ul > li > a:hover::before { opacity:1; transform:scaleX(1); }
body .pc-nav > .nav-ul > li:hover > a::before,
body .pc-nav > .nav-ul > li > a:focus-visible::before { background:var(--dst-cyan); opacity:1; transform:scaleX(1); }
body .pc-nav .icon-hot, body .recommend-c .list .iconfont { color:var(--dst-red)!important; }
body .pc-nav li .sub-nav { border-color:var(--dst-line); background:#fff; box-shadow:0 12px 28px rgba(23,50,86,.12); border-radius:5px; }
body .pc-nav li .sub-nav::before { border-color:var(--dst-line); }
body .pc-nav li .sub-nav li:hover > a,
body .pc-nav li .sub-nav li > a:focus-visible { background:var(--dst-blue); color:#fff; }
body .header .contribute .a {
  background:linear-gradient(135deg,var(--dst-blue),#245aab);
  box-shadow:0 3px 8px rgba(40,59,145,.17);
}
body .header .contribute1 .a { border-color:#bacbe0; color:var(--dst-blue); background:#fff; }
body .header .contribute1 .a:hover { border-color:var(--dst-blue); background:#f3f7fc; }
body .swiper-container { border-radius:5px; box-shadow:0 5px 16px rgba(23,50,86,.10); }
body .swiper-slide .mask { background-image:linear-gradient(180deg,transparent 55%,rgba(12,32,68,.16)); }
body .swiper-pagination-bullet { background:#fff; opacity:.65; box-shadow:0 0 0 1px #ffffff88; }
body .swiper-pagination-bullet-active { background:var(--dst-cyan); opacity:1; box-shadow:0 0 0 2px #ffffffb3; }
body .swiper-button-next, body .swiper-button-prev { background:rgba(19,45,79,.35); color:#fff; border-radius:4px; }
body .header_search {
  background-color:#eef4fa;
  background-image:linear-gradient(110deg,#edf3fa,#f9fbfd 60%,#edf6fb);
  box-shadow:inset 0 0 0 1px #d9e5f1;
  border-radius:5px;
}
body .header_search .s_wrap { box-shadow:inset 0 0 0 1px #cfdeed,0 3px 9px rgba(35,68,112,.05); }
body .header_search .s_input { color:var(--dst-ink); background:transparent; }
body .header_search a { color:#405b81!important; }
body .header_search a:hover { color:var(--dst-blue)!important; }
body .header_search .s_right:hover { background:#e9f1fb; }
body .c-title { border-bottom-color:var(--dst-line); color:var(--dst-ink); }
body .c-title::after { background:linear-gradient(90deg,var(--dst-blue),var(--dst-cyan)); }
body .title-mo { color:var(--dst-blue); }
body .recommend-c, body .widget, body .art-main, body .related-art, body .post-comment {
  /* Insets draw an edge without adding border thickness or changing dimensions. */
  box-shadow:inset 0 0 0 1px var(--dst-line),inset 0 3px 0 var(--dst-blue),var(--dst-shadow);
}
body #aside_about { box-shadow:inset 0 0 0 1px var(--dst-line),var(--dst-shadow); }
body .widget .title-r {
  background-image:linear-gradient(90deg,transparent,#c8d9ed 20%,#c8d9ed 80%,transparent);
  background-repeat:no-repeat; background-size:100% 1px; background-position:center;
  color:var(--dst-ink);
}
body .widget .title-r .name { border-color:#c9d9ec; border-radius:4px; color:var(--dst-blue); box-shadow:0 2px 5px rgba(23,50,86,.035); }
body #aside_hot .list-1, body #aside_hot .list-2, body #aside_hot .list-3 { color:var(--dst-blue); }
body #aside_hot li, body #aside_hot_comment li { border-bottom-color:#e9eef5; }
body #aside_hot_tag a { color:#46617e; background:#f1f5fa; border-color:#dce6f1; border-radius:3px; }
body #aside_hot_tag a:hover { color:var(--dst-blue); background:#e8f1fc; border-color:#bbcee8; }
body .more { border-color:#c4d4e8; color:var(--dst-blue); border-radius:4px; background:#fff; }
body .more:hover { border-color:var(--dst-blue); background:#f1f6fd; }
body .hd { background:#eef3f8; box-shadow:inset 0 0 0 1px var(--dst-line),var(--dst-shadow); border-radius:5px; }
body .hd li.on { border-top-color:var(--dst-blue); background:#fff; }
body .hd li.on a, body .hd li a:hover { color:var(--dst-blue); }
body span.view.fl { background:transparent; box-shadow:none; color:var(--dst-muted); }
body .article-list .content, body .recommend-c .content { color:#6f7c8b; }
body .article-list:hover { box-shadow:inset 0 0 0 1px #bed0e6,0 8px 22px rgba(23,50,86,.085); }
body .article-list:hover img, body .recommend-c .img-list:hover img { transform:none; border-radius:5px; }
body .article-list .title a:hover { color:var(--dst-blue); }
body .page a { background:#fff; box-shadow:inset 0 0 0 1px #d6e1ee; color:#486282; border-radius:4px; }
body .page a.now0, body .page .active a, body .page a:hover { background:var(--dst-blue); color:#fff; box-shadow:0 3px 8px rgba(40,59,145,.14); }
body .art-head { border-bottom-color:var(--dst-line); }
body .art-content a { color:var(--dst-blue); }
body .art-content a:hover { border-bottom-color:var(--dst-cyan); }
body .art-content blockquote { border-left-color:var(--dst-blue); background:#f2f6fb; box-shadow:inset 0 0 0 1px #e0e9f3; }
body .art-copyright { background:#f3f6fa; box-shadow:inset 0 0 0 1px var(--dst-line); color:#687b90; }
body .thumbs-btn, body .art-content .tags { border-color:#c4d4e8; color:var(--dst-blue); }
body .thumbs-btn:hover, body .thumbs_done, body .art-content .tags:hover { background:var(--dst-blue); color:#fff; border-color:var(--dst-blue); }
body .com-submit, body .s-button { background:linear-gradient(135deg,var(--dst-blue),#245aab); box-shadow:0 3px 8px rgba(40,59,145,.13); }
body .footer { background:#172d49; color:#c5d1df; box-shadow:inset 0 2px 0 var(--dst-blue),inset 0 3px 0 #009bdb66; }
body .footer a { color:#c5d1df; }
body .footer a:hover { color:#fff; }
body .footer .title { color:#f3f7fc; }
body .toolbar .btn { background:#fff; color:var(--dst-blue); box-shadow:inset 0 0 0 1px #d0deee,0 4px 12px rgba(23,50,86,.08); border-radius:4px; }
body #qr:hover, body .toolbar .btn:hover { background:var(--dst-blue); color:#fff; }
body input:focus, body textarea:focus { outline:2px solid #009bdb55; outline-offset:1px; }
body a:focus-visible, body button:focus-visible { outline:2px solid var(--dst-cyan); outline-offset:3px; }
@media (prefers-reduced-motion:reduce) {
  body .pc-nav > .nav-ul > li > a::before, body .article-list, body .article-list img { transition:none; }
}