/* TechGG member space: X5-compatible presentation layer. */
body#space { background: #f4f7f6; color: #17222d; }
body#space #toptb { min-height: 38px; padding: 0 max(20px, calc((100% - 1180px) / 2)); box-sizing: border-box; border: 0; background: #17222d; color: #cbd4d1; line-height: 38px; }
body#space #toptb a { color: #dce5e1; }
body#space #toptb a:hover { color: #2ab36a; text-decoration: none; }
body#space #hd { box-sizing: border-box; width: min(1180px, calc(100% - 32px)); margin: 22px auto 0; padding: 0; }
body#space #spaceinfoshow { margin: 0; padding: 0; }
body#space #spaceinfoshow > strong { display: block; color: #17222d; font-size: 14px; font-weight: 600; }
body#space #spaceinfoshow > .xs0,
body#space #spaceinfoshow > .xs1 { display: none; }

body#space #uhd { position: relative; box-sizing: border-box; width: min(1180px, calc(100% - 32px)); min-height: 164px; margin: 0 auto 24px; padding: 34px 34px 20px 154px; border: 0; border-radius: 8px; background: #fff; box-shadow: 0 10px 30px rgba(19, 40, 35, .08); }
body#space #uhd::before { position: absolute; inset: 0 0 auto; height: 5px; border-radius: 8px 8px 0 0; background: #28a964; content: ''; }
body#space #uhd .h { min-height: 78px; }
body#space #uhd .h .avt { position: absolute; left: 34px; top: 34px; width: 88px; height: 88px; margin: 0; padding: 0; overflow: hidden; border: 4px solid #eff8f2; border-radius: 50%; background: #dbece1; }
body#space #uhd .h .avt img { width: 88px; height: 88px; }
body#space #uhd .h h2 { margin: 5px 0 8px; color: #17222d; font-size: 25px; font-weight: 700; line-height: 1.25; }
body#space #uhd .h p { margin: 0; color: #77837f; }
body#space #uhd .h p a { color: #77837f; }
body#space #uhd > .mn { position: absolute; right: 30px; top: 34px; }
body#space #uhd > .mn ul { display: flex; gap: 8px; margin: 0; padding: 0; list-style: none; }
body#space #uhd > .mn li { float: none; margin: 0; }
body#space #uhd > .mn a { display: inline-flex; min-height: 32px; align-items: center; box-sizing: border-box; padding: 0 13px; border: 1px solid #cfe6d8; border-radius: 5px; background: #f4fbf6; color: #197d49; font-size: 13px; }
body#space #uhd > .mn a:hover { border-color: #28a964; background: #28a964; color: #fff; text-decoration: none; }
body#space #uhd .tb { display: flex; gap: 2px; margin: 20px 0 0 !important; padding: 0 !important; border: 0; }
body#space #uhd .tb li { float: none; margin: 0; }
body#space #uhd .tb a { display: block; padding: 9px 13px; border: 0; border-radius: 4px; background: transparent; color: #65716c; font-size: 14px; }
body#space #uhd .tb li.a a,
body#space #uhd .tb a:hover { background: #eaf6ee; color: #197d49; text-decoration: none; }

body#space #ct.wp,
body#space #ct.wp.w { box-sizing: border-box; width: min(1180px, calc(100% - 32px)); min-height: 360px; margin: 0 auto 40px; padding: 24px; border: 0; border-radius: 8px; background: #fff; box-shadow: 0 10px 30px rgba(19, 40, 35, .06); }
body#space .tg-space-cards { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(250px, .8fr); gap: 20px; }
body#space .tg-space-cards .column { float: none; width: auto !important; }
body#space .tg-space-cards #frame1_center { grid-column: 1; grid-row: 1 / span 2; }
body#space .tg-space-cards #frame1_left { grid-column: 2; grid-row: 1; }
body#space .tg-space-cards #frame1_right { grid-column: 2; grid-row: 2; }
body#space .tg-space-cards .block { box-sizing: border-box; margin: 0 0 18px; padding: 18px; border: 1px solid #e2ebe6; border-radius: 7px; background: #fff; box-shadow: 0 5px 16px rgba(19, 40, 35, .04); }
body#space .tg-space-cards .block:empty { display: none; }
body#space .tg-space-cards .temp { min-height: 120px; border: 1px dashed #cadbd1; border-radius: 7px; background: #f8fbf9; }
body#space .bm { border-color: #e3ebe7; }
body#space .bm_h { border-color: #e3ebe7; background: #f8fbf9; }
body#space .pg a,
body#space .pg strong { border-color: #d9e7de; border-radius: 4px; }
body#space .pg strong,
body#space .pg a:hover { border-color: #28a964; background: #28a964; color: #fff; }

@media (max-width: 720px) {
  body#space #toptb { padding: 0 12px; }
  body#space #toptb .z { display: none; }
  body#space #uhd { min-height: 0; padding: 100px 18px 16px; }
  body#space #uhd .h .avt { left: 18px; top: 24px; width: 64px; height: 64px; }
  body#space #uhd .h .avt img { width: 64px; height: 64px; }
  body#space #uhd .h h2 { font-size: 21px; }
  body#space #uhd > .mn { position: static; margin-top: 14px; }
  body#space #uhd .tb { width: calc(100% + 36px); margin-left: -18px !important; padding: 10px 18px 0 !important; overflow-x: auto; white-space: nowrap; }
  body#space #uhd .tb a { padding: 8px 10px; }
  body#space #ct.wp,
  body#space #ct.wp.w { padding: 16px; }
  body#space .tg-space-cards { grid-template-columns: 1fr; }
  body#space .tg-space-cards #frame1_center,
  body#space .tg-space-cards #frame1_left,
  body#space .tg-space-cards #frame1_right { grid-column: 1; grid-row: auto; }
}

body.pg_space{background:#edf5f6}body.pg_space .tg-author-space{min-height:70vh;padding-bottom:46px}body.pg_space .tg-author-hero{background:#087595;color:#f5feff}body.pg_space .tg-author-hero-inner{position:relative;display:flex;align-items:center;gap:22px;box-sizing:border-box;width:min(1180px,calc(100% - 32px));min-height:215px;margin:0 auto;padding:38px 0}body.pg_space .tg-author-avatar{width:126px;height:126px;flex:0 0 126px;object-fit:cover;border:5px solid rgba(255,255,255,.78);border-radius:50%;background:#c8e7ef;box-shadow:0 8px 24px rgba(0,42,59,.22)}body.pg_space .tg-author-identity{min-width:0}body.pg_space .tg-author-identity h1{margin:0 0 10px;color:#fff;font-size:30px;line-height:1.25}body.pg_space .tg-author-meta{display:flex;flex-wrap:wrap;gap:8px;color:#d6eff5;font-size:13px}body.pg_space .tg-author-meta span{padding:4px 8px;border:1px solid rgba(255,255,255,.3);border-radius:3px}body.pg_space .tg-author-identity p{max-width:630px;margin:13px 0 0;color:#e5f6fa;font-size:14px;line-height:1.7}body.pg_space .tg-author-actions{display:flex;align-items:center;gap:10px;margin-left:auto}body.pg_space .tg-author-action,body.pg_space .tg-author-more summary{display:inline-flex;min-height:36px;align-items:center;padding:0 13px;border:1px solid rgba(255,255,255,.48);border-radius:4px;color:#fff;cursor:pointer;font-size:13px;list-style:none}body.pg_space .tg-author-action:hover,body.pg_space .tg-author-more summary:hover{background:#fff;color:#086883;text-decoration:none}body.pg_space .tg-author-more{position:relative}body.pg_space .tg-author-more summary::-webkit-details-marker{display:none}body.pg_space .tg-author-more div{position:absolute;z-index:20;top:43px;right:0;min-width:108px;padding:6px;border:1px solid #d5e4e8;border-radius:4px;background:#fff;box-shadow:0 10px 24px rgba(10,47,61,.18)}body.pg_space .tg-author-more a{display:block;padding:8px 9px;color:#334e58;font-size:13px;white-space:nowrap}body.pg_space .tg-author-nav{display:flex;gap:24px;box-sizing:border-box;width:min(1180px,calc(100% - 32px));margin:0 auto;border-bottom:1px solid #d8e5e8}body.pg_space .tg-author-nav a{padding:17px 2px 13px;border-bottom:3px solid transparent;color:#526b74;font-size:15px}body.pg_space .tg-author-nav a.is-active,body.pg_space .tg-author-nav a:hover{border-color:#0a8cab;color:#086b84;text-decoration:none}body.pg_space .tg-author-feed{box-sizing:border-box;width:min(930px,calc(100% - 32px));margin:28px auto 0}body.pg_space .tg-author-feed-head{display:flex;justify-content:space-between;margin-bottom:13px}body.pg_space .tg-author-feed-head h2{margin:0;color:#18353f;font-size:20px}body.pg_space .tg-author-feed-head span{color:#78909a;font-size:13px}body.pg_space .tg-author-article-list{border-top:1px solid #dce8eb;background:#fff}body.pg_space .tg-author-article{display:grid;grid-template-columns:185px minmax(0,1fr);gap:22px;padding:20px 0;border-bottom:1px solid #e4edef}body.pg_space .tg-author-article-image{display:block;width:185px;height:116px;overflow:hidden;border-radius:4px;background:#c8e3e9}body.pg_space .tg-author-article-image img{width:100%;height:100%;object-fit:cover}body.pg_space .tg-author-article h3{margin:0 0 9px;font-size:19px;line-height:1.4}body.pg_space .tg-author-article h3 a{color:#182f37}body.pg_space .tg-author-article p{display:-webkit-box;overflow:hidden;margin:0 0 11px;color:#63777e;font-size:14px;line-height:1.65;-webkit-box-orient:vertical;-webkit-line-clamp:2}body.pg_space .tg-author-article-copy>div{display:flex;flex-wrap:wrap;gap:14px;color:#869aa1;font-size:12px}body.pg_space .tg-author-empty{padding:56px 20px;background:#fff;color:#80939a;text-align:center}@media(max-width:700px){body.pg_space .tg-author-hero-inner{align-items:flex-start;min-height:0;padding:28px 0}body.pg_space .tg-author-avatar{width:76px;height:76px;flex-basis:76px}body.pg_space .tg-author-identity h1{font-size:23px}body.pg_space .tg-author-actions{position:absolute;top:24px;right:0}body.pg_space .tg-author-action{display:none}body.pg_space .tg-author-feed{margin-top:20px}body.pg_space .tg-author-article{grid-template-columns:112px minmax(0,1fr);gap:13px}body.pg_space .tg-author-article-image{width:112px;height:82px}body.pg_space .tg-author-article h3{margin-bottom:5px;font-size:16px}body.pg_space .tg-author-article p{display:none}}

/* Full-width author masthead, aligned to the portal channel heroes. */
body.pg_space .tg-author-hero{position:relative;isolation:isolate;left:50%;width:100vw;margin-left:-50vw;background:#123a48 url('https://www.techsir.com/cover.php') center/cover no-repeat;text-align:center}
body.pg_space .tg-author-hero::before{position:absolute;z-index:-1;inset:0;background:linear-gradient(180deg,rgba(5,27,34,.47),rgba(4,31,40,.81));content:''}
body.pg_space .tg-author-hero-inner{display:flex;flex-direction:column;justify-content:center;gap:0;min-height:320px;padding:38px 16px 32px}
body.pg_space .tg-author-avatar{width:116px;height:116px;flex:0 0 116px;margin:0 auto 15px;border:3px solid rgba(255,255,255,.9);box-shadow:0 8px 25px rgba(0,0,0,.22)}
body.pg_space .tg-author-identity h1{margin:0 0 9px;font-size:29px;line-height:1.3}
body.pg_space .tg-author-meta{justify-content:center;gap:6px;color:#e1eff1}
body.pg_space .tg-author-meta span{padding:0;border:0}
body.pg_space .tg-author-meta span+span::before{margin-right:6px;content:'·'}
body.pg_space .tg-author-identity p{max-width:680px;margin:12px auto 0;color:#eff6f7;font-size:14px;line-height:1.65;overflow-wrap:anywhere}
body.pg_space .tg-author-actions{gap:8px;margin:18px 0 0}
body.pg_space .tg-author-action,body.pg_space .tg-author-more summary{min-height:34px;background:rgba(255,255,255,.1)}
body.pg_space .tg-author-more div{text-align:left}
body.pg_space .tg-author-nav{justify-content:center}
@media(max-width:700px){body.pg_space .tg-author-hero-inner{min-height:280px;padding:30px 16px 25px}body.pg_space .tg-author-avatar{width:88px;height:88px;flex-basis:88px;margin-bottom:11px}body.pg_space .tg-author-identity h1{font-size:23px}body.pg_space .tg-author-actions{position:static;justify-content:center;margin-top:14px}body.pg_space .tg-author-action{display:inline-flex}}