/* 硬核工坊留言本 · 前台样式（橙色科技风，深浅自适应） */
.yh-gb{
  --p:#ff6b00;
  --p-hover:#e55d00;
  --card:#fff;
  --card-bdr:#eee;
  --bg:#f7f7f7;
  --t:#333;
  --t2:#666;
  --t3:#999;
  --input-bg:#fff;
  --input-bdr:#e3e3e3;
  --reply-bg:#fff8f0;
  --shadow:0 2px 10px rgba(0,0,0,.05);
  max-width:860px;margin:28px auto;padding:0 16px;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"PingFang SC","Microsoft YaHei",sans-serif;
  -webkit-text-size-adjust:100%;
}
.yh-gb *{box-sizing:border-box}
.yh-gb-head{text-align:center;margin-bottom:26px}
.yh-gb-title{position:relative;display:inline-block;font-size:26px;font-weight:700;color:var(--t);margin:0 0 8px;letter-spacing:1px}
.yh-gb-title::after{content:"";display:block;width:46px;height:3px;border-radius:2px;background:var(--p);margin:10px auto 0}
.yh-gb-sub{text-align:center;color:var(--t3);font-size:14px;margin:0 0 26px}

/* 表单 */
.yh-gb-form{background:var(--card);border:1px solid var(--card-bdr);border-radius:14px;padding:18px;box-shadow:var(--shadow);
  transition:box-shadow .25s}
.yh-gb-form:hover{box-shadow:0 6px 20px rgba(255,107,0,.10)}
.yh-gb-who{font-size:13px;color:var(--t2);margin-bottom:10px}
.yh-gb-who a{color:var(--p);text-decoration:none;margin-left:6px}
.yh-gb-who a:hover{text-decoration:underline}
.yh-gb-input,.yh-gb-text{width:100%;border:1px solid var(--input-bdr);background:var(--input-bg);border-radius:10px;
  padding:11px 13px;font-size:14px;color:var(--t);outline:none;transition:border-color .2s,box-shadow .2s;
  font-family:inherit}
.yh-gb-input{margin-bottom:10px}
.yh-gb-input:focus,.yh-gb-text:focus{border-color:var(--p);box-shadow:0 0 0 3px rgba(255,107,0,.12)}
.yh-gb-text{resize:vertical;min-height:90px;margin-bottom:12px}
.yh-gb-foot{display:flex;align-items:center;justify-content:space-between;gap:12px}
.yh-gb-hint{font-size:13px;color:var(--t2);word-break:break-all}
.yh-gb-hint.ok{color:#2e7d32}
.yh-gb-hint.err{color:#d32f2f}
.yh-gb-btn{border:none;background:var(--p);color:#fff;font-size:14px;font-weight:600;padding:10px 22px;border-radius:10px;
  cursor:pointer;transition:background .2s,transform .12s;-webkit-tap-highlight-color:transparent}
.yh-gb-btn:hover{background:var(--p-hover)}
.yh-gb-btn:active{transform:scale(.97)}
.yh-gb-btn:disabled{opacity:.6;cursor:not-allowed}
.yh-gb-btn-ghost{background:transparent;color:var(--p);border:1px solid var(--p)}
.yh-gb-btn-ghost:hover{background:rgba(255,107,0,.06)}
.yh-gb-login{text-align:center;background:var(--card);border:1px solid var(--card-bdr);border-radius:14px;padding:30px 22px;box-shadow:var(--shadow)}
.yh-gb-login-ico{color:var(--p);margin-bottom:14px}
.yh-gb-login-txt{margin:0 0 18px;color:var(--t2);font-size:15px}
.yh-gb-login .yh-gb-btn{display:inline-block;text-decoration:none!important;padding:11px 30px;color:#fff!important;background:var(--p)!important;text-align:center;border:none!important;cursor:pointer;font-size:14px;font-weight:600;border-radius:10px;transition:background .2s,transform .12s;-webkit-tap-highlight-color:transparent}
.yh-gb-login .yh-gb-btn:hover{background:var(--p-hover)!important}
.yh-gb-login-reg{margin:16px 0 0;font-size:13px;color:var(--t3)}
.yh-gb-login-reg a{color:var(--p);font-weight:600;text-decoration:none}
.yh-gb-login-reg a:hover{text-decoration:underline}

/* 列表 */
.yh-gb-list{margin-top:24px;display:flex;flex-direction:column;gap:14px}
.yh-gb-item{background:var(--card);border:1px solid var(--card-bdr);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow);
  animation:ygbfade .3s ease;transition:transform .2s ease,box-shadow .2s ease}
.yh-gb-item:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(255,107,0,.10)}
@keyframes ygbfade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.yh-gb-item-head{display:flex;align-items:center;gap:10px;margin-bottom:8px}
.yh-gb-avatar{width:36px;height:36px;border-radius:50%;background:var(--p);color:#fff;display:flex;align-items:center;
  justify-content:center;font-weight:700;font-size:15px;flex-shrink:0}
.yh-gb-name{font-weight:600;color:var(--t);font-size:15px}
.yh-gb-time{margin-left:auto;color:var(--t3);font-size:12px;white-space:nowrap}
.yh-gb-content{color:var(--t);font-size:14px;line-height:1.7;white-space:pre-wrap;word-break:break-word}
.yh-gb-reply{margin-top:10px;padding:10px 14px;background:var(--reply-bg);border-left:3px solid var(--p);border-radius:6px;
  font-size:13px;color:var(--t)}
.yh-gb-reply b{color:var(--p)}
.yh-gb-reply .yh-gb-rtime{display:block;color:var(--t3);font-size:11px;margin-top:4px}
.yh-gb-more{text-align:center;margin-top:18px}
.yh-gb-empty{text-align:center;color:var(--t3);margin-top:30px}

/* 深色调（JustNews style-for-dark） */
body.style-for-dark .yh-gb{
  --card:#232323;
  --card-bdr:#333;
  --bg:#1a1a1a;
  --t:#e6e6e6;
  --t2:#bbb;
  --t3:#888;
  --input-bg:#2a2a2a;
  --input-bdr:#3a3a3a;
  --reply-bg:#33281c;
  --shadow:0 2px 10px rgba(0,0,0,.4);
}
@media (prefers-color-scheme:dark){
  .yh-gb{
    --card:#232323;--card-bdr:#333;--bg:#1a1a1a;--t:#e6e6e6;--t2:#bbb;--t3:#888;
    --input-bg:#2a2a2a;--input-bdr:#3a3a3a;--reply-bg:#33281c;--shadow:0 2px 10px rgba(0,0,0,.4);
  }
}
@media (max-width:600px){
  .yh-gb-title{font-size:22px}
  .yh-gb-foot{flex-direction:column-reverse;align-items:stretch}
  .yh-gb-btn{width:100%}
  .yh-gb-time{display:none}
}