:root{
  --bg:#f3f1f0;
  --fg:#33383d;
  --muted:#737b81;
  --line:#ded9d8;
  --accent:#8fa3b8;
  --accent-2:#c2b4b1;
  --gap:56px;
  --radius:10px;
  --shadow:0 2px 10px rgba(90,100,110,.08);
  --font:"Segoe UI","Microsoft YaHei",sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{
  font-family:var(--font);
  font-size:15px;
  line-height:1.8;
  color:var(--fg);
  background:linear-gradient(160deg,#efeceb 0%,#f7f5f4 48%,#dde3ea 100%);
  background-attachment:fixed;
}
a{color:#5c6f83;text-decoration:none;}
a:hover{text-decoration:underline;color:var(--accent);}
a:focus-visible{outline:2px solid var(--accent);outline-offset:2px;}
h1,h2,h3,h4{font-weight:700;}
.hubqipaiqq-nav{background:rgba(255,255,255,.62);border-bottom:2px solid var(--accent);padding:14px 26px;font-size:0;}
.hubqipaiqq-brand{display:inline-block;vertical-align:middle;width:26%;font-size:18px;font-weight:700;letter-spacing:.5px;}
.hubqipaiqq-brand a{color:var(--fg);}
.hubqipaiqq-brand a:hover{color:var(--accent);text-decoration:none;}
.nav-links{display:inline-block;vertical-align:middle;width:73%;text-align:right;font-size:15px;font-family:var(--font);}
.nav-links a{display:inline-block;color:#3b4248;font-size:15px;padding:4px 9px;border-radius:6px;transition:background .2s ease,color .2s ease;}
.nav-links a:hover{background:rgba(203,213,225,.55);color:#2f363c;text-decoration:none;}
.nav-links a:first-child{border-bottom:2px solid var(--accent);}
.hubqipaiqq-hero{text-align:center;padding:48px 24px var(--gap);}
.hubqipaiqq-hero h1{font-size:34px;margin:0 0 18px;line-height:1.4;letter-spacing:.5px;}
.hubqipaiqq-hero-sub{max-width:720px;margin:0 auto;font-size:15px;color:var(--muted);}
.hubqipaiqq-hero-rule{width:720px;max-width:100%;height:1px;background:var(--line);border:none;margin:24px auto;}
.hubqipaiqq-hero-body{max-width:720px;margin:0 auto;text-align:left;font-size:16px;}
.hubqipaiqq-hero-body p{margin:0 0 14px;}
.hubqipaiqq-hero-figure{margin:20px auto 0;max-width:200px;}
.hubqipaiqq-hero-figure img{width:200px;max-width:100%;height:auto;display:block;border-radius:var(--radius);border:1px solid var(--line);}
.hubqipaiqq-layout{font-size:0;max-width:1240px;margin:0 auto;padding:0 24px;}
.hubqipaiqq-maincol{display:inline-block;vertical-align:top;width:62%;font-size:15px;padding-right:28px;}
.hubqipaiqq-sidecol{display:inline-block;vertical-align:top;width:20%;font-size:15px;padding-right:16px;}
.hubqipaiqq-notecol{display:inline-block;vertical-align:top;width:18%;font-size:15px;}
.hubqipaiqq-block{margin:0 0 var(--gap);border-left:4px solid var(--accent);padding:2px 0 2px 18px;background:transparent;transition:border-left-color .2s ease;}
.hubqipaiqq-block:hover{border-left-color:var(--accent-2);}
.hubqipaiqq-block h2{font-size:24px;margin:0 0 12px;line-height:1.45;}
.hubqipaiqq-block h3{font-size:18px;margin:0 0 8px;}
.hubqipaiqq-block p{margin:0 0 10px;font-size:15px;}
.hubqipaiqq-card{display:inline-block;vertical-align:top;width:100%;margin:0 0 16px;padding:14px 16px;border-left:4px solid var(--accent);border-radius:var(--radius);background:rgba(255,255,255,.55);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;font-size:14px;}
.hubqipaiqq-card:hover{transform:translateY(-3px);box-shadow:0 10px 20px rgba(80,95,110,.14);}
.hubqipaiqq-card h3{font-size:16px;margin:0 0 8px;line-height:1.5;}
.hubqipaiqq-card p{margin:0;font-size:14px;}
.hubqipaiqq-table{width:100%;border-collapse:collapse;font-size:14px;margin:10px 0 0;}
.hubqipaiqq-table th,.hubqipaiqq-table td{border:1px solid var(--line);padding:8px 10px;text-align:left;}
.hubqipaiqq-table th{background:rgba(203,213,225,.42);}
.hubqipaiqq-table tr:nth-child(even) td{background:rgba(229,224,223,.42);}
.hubqipaiqq-table tr:hover td{background:rgba(203,213,225,.26);}
.hubqipaiqq-newsgroup{margin-bottom:26px;}
.hubqipaiqq-newsgroup h3{font-size:18px;margin:0 0 10px;padding-bottom:6px;border-bottom:1px solid var(--line);}
.hubqipaiqq-newsitem{padding:12px 0;border-bottom:1px dashed var(--line);}
.hubqipaiqq-newsitem:last-child{border-bottom:none;}
.hubqipaiqq-newsitem h4{font-size:16px;margin:0 0 6px;line-height:1.6;}
.hubqipaiqq-newsitem p{margin:0;font-size:14px;color:#4a5157;}
.hubqipaiqq-date{display:inline-block;color:var(--muted);font-size:13px;margin-right:8px;}
.hubqipaiqq-thumb{display:inline-block;vertical-align:middle;width:100px;height:auto;border-radius:8px;border:1px solid var(--line);margin:8px 8px 8px 0;}
.hubqipaiqq-thumb-sm{width:76px;}
.hubqipaiqq-faq{max-width:1240px;margin:0 auto var(--gap);padding:0 24px;}
.hubqipaiqq-faq h2{font-size:24px;margin:0 0 16px;}
.hubqipaiqq-faq details{border-bottom:1px solid var(--line);padding:14px 4px;}
.hubqipaiqq-faq details:first-of-type{border-top:1px solid var(--line);}
.hubqipaiqq-faq summary{cursor:pointer;font-weight:700;font-size:16px;list-style:none;}
.hubqipaiqq-faq summary::-webkit-details-marker{display:none;}
.hubqipaiqq-faq summary:hover{color:var(--accent);}
.hubqipaiqq-faq details[open] summary{color:#3f4b58;}
.hubqipaiqq-answer{margin:10px 0 0;font-size:15px;color:#4a5157;}
.hubqipaiqq-footer{background:rgba(255,255,255,.58);border-top:2px solid var(--accent);padding:28px 24px;font-size:14px;color:var(--muted);text-align:center;}
.hubqipaiqq-footer p{margin:4px 0;}
.hubqipaiqq-footer a{color:#5c6f83;}
.hubqipaiqq-footer a:hover{color:var(--accent);}
@media (max-width:1024px){
  .hubqipaiqq-maincol{width:100%;padding-right:0;}
  .hubqipaiqq-sidecol{width:49%;padding-right:2%;}
  .hubqipaiqq-notecol{width:49%;}
  .hubqipaiqq-brand{display:block;width:100%;text-align:center;}
  .nav-links{display:block;width:100%;text-align:center;}
}
@media (max-width:720px){
  .hubqipaiqq-hero{padding:32px 16px 40px;}
  .hubqipaiqq-hero h1{font-size:24px;}
  .hubqipaiqq-hero-body{font-size:15px;}
  .hubqipaiqq-sidecol,.hubqipaiqq-notecol{width:100%;padding-right:0;}
  .hubqipaiqq-block h2,.hubqipaiqq-faq h2{font-size:20px;}
  .nav-links a{padding:4px 6px;font-size:14px;}
  .hubqipaiqq-layout,.hubqipaiqq-faq{padding:0 16px;}
}
/* 图片按原尺寸显示，不放大 */
img[src^="/img/"]{max-width:256px;max-height:256px;width:auto;height:auto;object-fit:contain;display:inline-block;}