/* Bright, readable styles for tutorial articles. */
#article-container .tutorial-hero { overflow:hidden; margin:1.5rem 0 2rem; border:1px solid rgba(56,130,246,.18); border-radius:22px; background:linear-gradient(120deg,#eff8ff 0%,#f5f0ff 56%,#fff5eb 100%); box-shadow:0 12px 32px rgba(60,90,150,.10); }
#article-container .tutorial-hero img { display:block; width:100%; margin:0; border-radius:0; }
#article-container .tutorial-hero p { margin:0; padding:1.15rem 1.4rem 1.25rem; color:#334155; font-size:1rem; line-height:1.85; }
#article-container .tutorial-hero strong { color:#1d4ed8; font-size:1.12rem; }
#article-container h2 { padding-bottom:.45rem; border-bottom:2px solid rgba(59,130,246,.20); }
#article-container h3 { color:#2563eb; }
#article-container h4 { color:#7c3aed; }
#article-container blockquote { border-left:4px solid #8b5cf6; border-radius:0 12px 12px 0; background:linear-gradient(100deg,rgba(139,92,246,.10),rgba(56,189,248,.08)); }
#article-container table { display:table; width:100%; overflow:hidden; border-radius:12px; }
#article-container thead { background:linear-gradient(90deg,#dbeafe,#ede9fe); color:#1e3a8a; }
#article-container tbody tr:nth-child(even) { background:rgba(56,189,248,.06); }
#article-container pre { border:1px solid rgba(99,102,241,.2); border-radius:14px; }
[data-theme="dark"] #article-container .tutorial-hero { background:linear-gradient(120deg,#172b46 0%,#292344 58%,#3a2c27 100%); border-color:rgba(147,197,253,.25); }
[data-theme="dark"] #article-container .tutorial-hero p { color:#e2e8f0; }
[data-theme="dark"] #article-container .tutorial-hero strong { color:#93c5fd; }
[data-theme="dark"] #article-container h2 { border-color:rgba(147,197,253,.25); }
[data-theme="dark"] #article-container h3 { color:#93c5fd; }
[data-theme="dark"] #article-container h4 { color:#c4b5fd; }
[data-theme="dark"] #article-container thead { background:linear-gradient(90deg,#1e3a5f,#382c5c); color:#e0e7ff; }

/* Shared article finish card and brighter editorial palette */
#article-container h2 { color: #1e40af; }
#article-container h3 { color: #2563eb; }
#article-container h4 { color: #7c3aed; }
#article-container a:not(.headerlink) { color: #2563eb; text-decoration-thickness: 1px; text-underline-offset: 3px; }
#article-container .post-info-card {
  margin: 2.5rem 0 1rem; padding: 1.25rem 1.5rem;
  border: 1px solid rgba(59,130,246,.22); border-radius: 18px;
  background: linear-gradient(120deg,#eff8ff 0%,#f5f0ff 55%,#fff5eb 100%);
  box-shadow: 0 10px 28px rgba(59,80,140,.09); color: #334155;
}
#article-container .post-info-card h2 { margin: 0 0 .9rem; padding: 0 0 .55rem; border-bottom: 1px solid rgba(59,130,246,.20); color: #1d4ed8; }
#article-container .post-info-card p { margin: .45rem 0; color: #334155; line-height: 1.8; }
#article-container .post-info-card strong { color: #4338ca; }
#article-container .post-info-card .post-info-note { margin-top: 1rem; padding: .75rem 1rem; border-radius: 12px; background: rgba(255,255,255,.68); color: #475569; }
#article-container blockquote { border-left: 4px solid #8b5cf6; border-radius: 0 12px 12px 0; background: linear-gradient(100deg,rgba(139,92,246,.10),rgba(56,189,248,.08)); }
#article-container thead { background: linear-gradient(90deg,#dbeafe,#ede9fe); color: #1e3a8a; }
#article-container tbody tr:nth-child(even) { background: rgba(56,189,248,.06); }
[data-theme="dark"] #article-container h2 { color: #bfdbfe; }
[data-theme="dark"] #article-container h3 { color: #93c5fd; }
[data-theme="dark"] #article-container h4 { color: #c4b5fd; }
[data-theme="dark"] #article-container .post-info-card { background: linear-gradient(120deg,#172b46 0%,#292344 58%,#3a2c27 100%); border-color: rgba(147,197,253,.25); color:#e2e8f0; }
[data-theme="dark"] #article-container .post-info-card h2 { color:#bfdbfe; border-color:rgba(147,197,253,.25); }
[data-theme="dark"] #article-container .post-info-card p { color:#e2e8f0; }
[data-theme="dark"] #article-container .post-info-card strong { color:#c4b5fd; }
[data-theme="dark"] #article-container .post-info-card .post-info-note { background:rgba(15,23,42,.45); color:#e2e8f0; }
[data-theme="dark"] #article-container thead { background:linear-gradient(90deg,#1e3a5f,#382c5c); color:#e0e7ff; }

/* Align official Share.js icons on a centered row directly below post tags */
#post .post-tag-share { display:flex; flex-direction:column; align-items:stretch; gap:8px; width:100%; }
#post .post-tag-share .social-share { display:flex; flex-wrap:wrap; justify-content:center; align-items:center; gap:4px; width:100%; margin:0; }
#post .post-tag-share .social-share-icon { margin:0 2px; flex:0 0 auto; }
#post .post-tag-share .social-share-icon.icon-twitter { position:relative; font-size:0 !important; color:transparent !important; }
#post .post-tag-share .social-share-icon.icon-twitter::before { content:"X"; display:grid; place-items:center; width:100%; height:100%; color:var(--anzhiyu-fontcolor); font:700 15px/1 Arial,sans-serif; }
@media (max-width:768px) { #post .post-tag-share .social-share { justify-content:flex-start; } }

/* Show full author avatar and bring back the announcement portrait */
.post-copyright__author_img { overflow:hidden !important; width:66px !important; height:66px !important; }
.post-copyright__author_img img { inset:0 !important; display:block; width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center !important; border-radius:50%; }
.post-copyright__author_img_front { background:#fff; }
.announcement-motion { position:relative; padding-left:48px; }
.announcement-avatar { position:absolute; left:0; top:50%; width:38px; height:38px; transform:translateY(-50%); object-fit:contain; border-radius:50%; background:#fff; }

/* The requested author and license signature at the end of every post */
.post-copyright { overflow:visible; border:1px solid rgba(59,130,246,.20); border-radius:18px; background:linear-gradient(120deg,#eff8ff 0%,#f5f0ff 55%,#fff5eb 100%); box-shadow:0 10px 26px rgba(59,80,140,.09); }
.post-copyright .post-copyright__author_name { color:#1d4ed8; font-weight:800; }
.post-copyright .post-copyright__author_desc { color:#6d28d9; }
.post-copyright .post-copyright__post__info { color:#334155; }
.post-copyright .post-copyright__notice { color:#334155; }
[data-theme="dark"] .post-copyright { border-color:rgba(147,197,253,.24); background:linear-gradient(120deg,#172b46 0%,#292344 58%,#3a2c27 100%); }
[data-theme="dark"] .post-copyright .post-copyright__author_name { color:#bfdbfe; }
[data-theme="dark"] .post-copyright .post-copyright__author_desc { color:#c4b5fd; }
[data-theme="dark"] .post-copyright .post-copyright__post__info,[data-theme="dark"] .post-copyright .post-copyright__notice { color:#e2e8f0; }

/* Keep the homepage recommendation link visible beside the restored carousel */
#topPostGroup + .top-group-more { display:flex; align-items:center; justify-content:center; gap:.45rem; width:max-content; margin:12px 0 0 auto; padding:9px 16px; border:1px solid rgba(59,130,246,.22); border-radius:999px; background:linear-gradient(110deg,#eef7ff,#f4efff); color:#3155a4; font-weight:700; text-decoration:none; transition:transform .2s ease,box-shadow .2s ease; }
#topPostGroup + .top-group-more:hover { transform:translateY(-2px); box-shadow:0 6px 18px rgba(59,80,140,.14); }
[data-theme="dark"] #topPostGroup + .top-group-more { border-color:rgba(147,197,253,.25); background:linear-gradient(110deg,#1c3150,#302848); color:#dbeafe; }
@media (max-width:768px) { #topPostGroup + .top-group-more { margin:10px auto 0; } }