/* Faithful 2000s Discuz restoration — shared chrome + forum index rows.
   Lifted from docs/forum-theme/samples (Direction C: glossy plastic bars). */
:root{
  --page:#E9EDF7; --paper:#fff; --frame:#879EBC; --rule:#DDE3EC;
  --link:#003366; --linkhi:#0a4a8c;
  --bar-top:#7BA0D0; --bar-bot:#5C84BE; --bar-edge:#4f78b3;
  --cat-top:#C2CFE1; --cat-bot:#E3EBF5; --cat-edge:#aebfda; --cat-text:#13386b;
  --row-a:#F8F9FC; --row-b:#ffffff; --row-hi:#fffed9; --muted:#5a657a;
}
html{font-size:100%}
body{margin:0; background:var(--page);
  font-family:Tahoma,Verdana,Arial,"宋体",SimSun,NSimSun,sans-serif;
  font-size:12px; color:#000; line-height:1.5}
a{color:var(--link); text-decoration:none}
a:hover{text-decoration:underline; color:var(--linkhi)}
.wrap{max-width:980px; margin:0 auto; padding:8px}
.paper{background:var(--paper); border:1px solid var(--frame)}
.gap{height:9px}
.page-crumb{padding:6px 10px; font-weight:bold; color:var(--cat-text)}
.page-crumb a{font-weight:bold}

.top{display:flex; gap:14px; align-items:center; padding:10px 14px}
.logo{flex:none; display:flex; align-items:center}
.logo img{display:block; max-height:64px; border:0}
.brand h1{margin:0; font-size:22px; color:#16345e; letter-spacing:1px}
.brand h1 a{color:#16345e}
.marquee{margin:3px 0 0; color:#2f5c97; font-style:italic; font-size:12px}
.brand .sub{margin:4px 0 0; color:var(--muted); font-size:11px}
.fnav{display:flex; flex-wrap:wrap; justify-content:flex-end;
      padding:4px 14px; border-top:1px solid var(--rule); font-size:11px; color:#333}
.fnav .you{margin-right:auto; font-weight:bold; color:#13386b}
.fnav a{padding:0 7px; border-right:1px solid var(--rule)}
.fnav a:last-child{border-right:0}

.status{display:flex; font-size:11px; background:#F8F9FC; border-top:1px solid var(--rule)}
.status .l{flex:1; padding:6px 14px; border-right:1px solid var(--rule)}
.status .r{width:360px; padding:6px 14px; text-align:right}
.status .crumb{font-weight:bold; color:#13386b}
.status .m{color:var(--muted)}
.status .links a{padding:0 4px}

/* glossy plastic title bar (Direction C) */
.bar{display:flex; align-items:center; gap:8px;
     color:#fff; font-weight:bold; font-size:13px; padding:5px 10px;
     border-bottom:1px solid var(--bar-edge);
     background:
       linear-gradient(to bottom, rgba(255,255,255,.40) 0%, rgba(255,255,255,.06) 48%,
                       rgba(255,255,255,0) 49%, rgba(0,0,0,.04) 100%),
       linear-gradient(to bottom, var(--bar-top), var(--bar-bot));
     box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}
.bar a{color:#fff}
.bar .r{margin-left:auto; font-weight:normal; font-size:11px; color:#e7f0fb}
.box{padding:8px 12px; font-size:12px}
.box.special a{font-weight:bold}

/* glossy category sub-bar (catbg recreation) */
.catbar{padding:3px 10px; font-weight:bold; font-size:12px; color:var(--cat-text);
     border-bottom:1px solid var(--cat-edge);
     background:linear-gradient(to bottom, var(--cat-top) 0%, #D2DDEB 50%, #E1E9F4 75%, var(--cat-bot) 100%);
     box-shadow:inset 0 1px 0 rgba(255,255,255,.5)}

.paper>.bar+.frow{margin-top:6px}
.paper>.frow{margin-left:6px; margin-right:6px}
.paper>.frow:last-child{margin-bottom:6px; border-bottom:0}
.frow{display:grid; grid-template-columns:44px 1fr 88px 192px 120px; align-items:center;
      border-bottom:1px solid var(--rule)}
.frow:nth-child(odd){background:var(--row-a)} .frow:nth-child(even){background:var(--row-b)}
.frow:hover{background:var(--row-hi)}
.frow>div{padding:8px 10px}
.ficon{display:flex; justify-content:center}
.ficon .slot{width:32px; height:32px; border-radius:50%;
  background:radial-gradient(circle at 32% 28%,#bfe0ff,#3a6ea5 70%,#234e7e);
  box-shadow:0 1px 2px rgba(0,0,0,.25); border:1px solid #2c5688}
.ficon img{max-width:48px; max-height:48px; vertical-align:middle}
.fname{font-size:14px; font-weight:bold}
.fdesc{color:var(--muted); font-size:11px; margin-top:2px}
.fsub{margin-top:3px; font-size:11px} .fsub a{color:var(--muted)}
.counts{font-size:11px; color:#333; line-height:1.8; white-space:nowrap}
.counts b{color:#13386b}
.last{font-size:11px; color:#333}
.last .t{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:184px}
.last .m{color:var(--muted)}
.mods{font-size:11px; color:#333}
.mods a{display:inline-block; margin-right:4px}

.panel{padding:8px 12px; font-size:11px; color:#333}
.legend{display:flex; gap:18px; justify-content:center; padding:8px; font-size:11px; color:#444; flex-wrap:wrap}
.legend img{vertical-align:-3px; margin-right:5px}
.footer{text-align:center; color:var(--muted); font-size:11px; padding:12px}

/* "Sign in with Google" — official-branded button (white, multicolor G) + an
   "或" divider. Shared by the login, register, and member-CP surfaces. */
.oauth-row{padding:8px 0 16px; display:flex; flex-direction:column; align-items:center; gap:12px}
.divider{display:flex; align-items:center; gap:10px; width:300px; color:var(--muted); font-size:11px}
.divider:before,.divider:after{content:""; flex:1; height:1px; background:var(--rule)}
.gbtn{display:inline-flex; align-items:center; justify-content:center; gap:10px; height:38px; padding:0 20px;
      box-sizing:border-box; border:1px solid #dadce0; border-radius:4px; background:#fff; color:#3c4043;
      font-weight:bold; font-size:13px; font-family:inherit; cursor:pointer; text-decoration:none; box-shadow:0 1px 2px rgba(0,0,0,.08)}
.gbtn:hover{background:#f7faff; text-decoration:none; border-color:#c9d3e8}
.gbtn svg{flex:none}

/* 二维码 share popover — floating QR panel (positioned by forum.js placeFloatingPanel) */
.vt-qr-pop{position:absolute; z-index:1200; background:#fff; border:1px solid #c9d3e8; border-radius:8px;
      box-shadow:0 6px 24px rgba(0,0,0,.18); padding:12px; text-align:center}
.vt-qr-box{width:168px; height:168px; line-height:0}
.vt-qr-box img,.vt-qr-box canvas{display:block; width:168px; height:168px}
.vt-qr-cap{margin-top:8px; font-size:12px; color:#5a6a85}