.tjcs-panel{max-width:680px;margin:clamp(2rem,5vw,5rem) auto;padding:clamp(1.5rem,4vw,3rem);border:1px solid #d8d1ec;border-radius:20px;background:#151326;color:#f7f4ff;box-shadow:0 16px 55px #17102a23;box-sizing:border-box}
.tjcs-wide{max-width:960px}
.tjcs-panel h1{color:#fff;font-size:clamp(1.9rem,4vw,2.7rem);margin:0 0 1.2rem}
.tjcs-panel h2{color:#f7f4ff;font-size:1.25rem}
.tjcs-panel p{color:#e4dff3}
.tjcs-panel a{color:#c8a6ff;text-decoration:underline;text-underline-offset:3px}
.tjcs-hint{color:#c9c2e0!important;font-size:.95rem}
.tjcs-help{color:#b8b0d0;font-weight:400;font-size:.85rem}
.tjcs-req{color:#ff9db1;font-weight:700}
.tjcs-status{padding:1rem;border-radius:10px;background:#392a59;color:#fff!important}
.tjcs-reason{margin:0 0 1rem;padding:1rem;border-radius:10px;background:#4a2740;border-left:4px solid #ff9db1;color:#ffe6ee}
.tjcs-form{display:grid;gap:1.1rem}
.tjcs-form label{display:grid;gap:.4rem;font-size:1rem;font-weight:600;color:#f2eefe}
.tjcs-form input,.tjcs-form textarea,.tjcs-form select{box-sizing:border-box;width:100%;min-height:48px;padding:.75rem .9rem;background:#fff;color:#211935;border:2px solid #ded5f6;border-radius:10px;font:inherit}
.tjcs-form textarea{min-height:130px;resize:vertical}
.tjcs-form input:focus-visible,.tjcs-form textarea:focus-visible,.tjcs-form select:focus-visible,.tjcs-panel a:focus-visible{outline:3px solid #b386ff;outline-offset:2px}
.tjcs-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:.5rem}
.tjcs-form button,.tjcs-btn{display:inline-block;box-sizing:border-box;background:#7942cc;color:#fff!important;border:0;border-radius:10px;padding:.85rem 1.4rem;font:inherit;font-weight:700;cursor:pointer;min-height:48px;text-decoration:none;text-align:center}
.tjcs-form button:hover,.tjcs-btn:hover{background:#6632b7}
.tjcs-form .tjcs-secondary{background:#3b3560}
.tjcs-form .tjcs-secondary:hover{background:#4a4380}
.tjcs-tablewrap{overflow-x:auto}
.tjcs-table{width:100%;border-collapse:collapse;margin-top:1rem;font-size:.95rem}
.tjcs-table th,.tjcs-table td{text-align:left;padding:.7rem .6rem;border-bottom:1px solid #3a3358;vertical-align:top;color:#eee9ff}
.tjcs-table th{color:#c8a6ff;font-weight:700}
.tjcs-sub{font-size:.82rem;color:#b3aac9;margin-top:.25rem}
.tjcs-badge{display:inline-block;padding:.25rem .6rem;border-radius:999px;font-size:.82rem;font-weight:700;white-space:nowrap}
.tjcs-badge.tjcs-draft{background:#3b3560;color:#d8d2f0}
.tjcs-badge.tjcs-pending{background:#5a4a12;color:#ffe08a}
.tjcs-badge.tjcs-needs{background:#5a2436;color:#ffb3c5}
.tjcs-badge.tjcs-ok{background:#1f5137;color:#9df0c0}
.tjcs-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem}
.tjcs-filter a{padding:.45rem .9rem;border-radius:999px;background:#2a2444;color:#d8d2f0!important;text-decoration:none;font-size:.9rem}
.tjcs-filter a.is-active{background:#7942cc;color:#fff!important}
.tjcs-cards{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}
.tjcs-card{border:1px solid #322b4e;border-radius:16px;padding:1.1rem;background:#1b1830;overflow-wrap:anywhere}
.tjcs-card-cover img{display:block;width:100%;height:auto;border-radius:10px;margin-bottom:.8rem}
.tjcs-card-title{margin:0 0 .5rem;font-size:1.15rem}
.tjcs-card-title a{color:#fff!important;text-decoration:none}
.tjcs-excerpt{color:#cfc8e6!important;font-size:.92rem}
.tjcs-meta{color:#a79fc0!important;font-size:.82rem;margin:.3rem 0}
.tjcs-tag-cat{background:#3b2a5c;color:#d9c6ff;padding:.15rem .5rem;border-radius:6px}
.tjcs-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 0}
.tjcs-tag{background:#2a2444;color:#c8a6ff;padding:.12rem .5rem;border-radius:6px;font-size:.78rem}
.tjcs-page{display:flex;gap:.4rem;margin-top:1.6rem}
.tjcs-page a{padding:.4rem .8rem;border-radius:8px;background:#2a2444;color:#d8d2f0!important;text-decoration:none}
.tjcs-page a.is-active{background:#7942cc;color:#fff!important}
.tjcs-intro{font-weight:600;font-size:1.05rem}
.tjcs-byline{color:#7a7a7a;font-size:.9rem}
.tjcs-resource{margin-top:.8rem}

/* ---------- 站内消息通知 ---------- */
.tjcs-nav-badge{display:inline-block;margin-inline-start:.35rem;min-width:1.35em;padding:.05em .4em;border-radius:999px;background:#ff9db1;color:#2a0f1b;font-size:.72em;font-weight:800;line-height:1.5;text-align:center;vertical-align:middle}
.tjcs-notify-entry{display:inline-flex;align-items:center;gap:.25rem;font-weight:700}
.tjcs-notify-entry.tjcs-has-unread{text-decoration:underline}
.tjcs-account-notify{margin:0 0 1.4rem;padding:.9rem 1.1rem;border:1px solid #4a3a78;border-radius:12px;background:#241f3d}
.tjcs-account-notify .tjcs-notify-entry{font-size:1.05rem}
.tjcs-notify-bar{display:flex;flex-wrap:wrap;gap:1rem;align-items:center;justify-content:space-between;margin:0 0 1.4rem}
.tjcs-notify-bar .tjcs-hint{margin:0}
.tjcs-inline-form{display:inline;margin:0}
.tjcs-unread-num{color:#ff9db1;font-weight:800}
.tjcs-msg-list{list-style:none;margin:0;padding:0;display:grid;gap:1rem}
.tjcs-msg{border:1px solid #322b4e;border-radius:14px;padding:1rem 1.1rem;background:#1b1830;overflow-wrap:anywhere}
.tjcs-msg.is-unread{border-color:#7a5cd0;background:#221c3d;box-shadow:0 0 0 1px #7a5cd055}
.tjcs-msg.is-read{opacity:.82}
.tjcs-msg-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin-bottom:.35rem}
.tjcs-msg-dot{width:.6rem;height:.6rem;border-radius:50%;background:#5b5478;flex:0 0 auto}
.tjcs-msg.is-unread .tjcs-msg-dot{background:#ff9db1}
.tjcs-msg-status{font-size:.78rem;font-weight:700;padding:.1rem .5rem;border-radius:999px;background:#3b3560;color:#d8d2f0}
.tjcs-msg.is-unread .tjcs-msg-status{background:#ffd0db;color:#7a1f36}
.tjcs-msg-time{margin-inline-start:auto;font-size:.8rem;color:#a79fc0}
.tjcs-msg-title{margin:.1rem 0 .4rem;font-size:1.12rem}
.tjcs-msg-title a{color:#fff!important;text-decoration:none}
.tjcs-msg-title a:hover{text-decoration:underline}
.tjcs-msg-body p{margin:.3rem 0;color:#d8d2f0!important;font-size:.94rem}
.tjcs-msg-link a{color:#c8a6ff!important}
.tjcs-msg-actions{display:flex;flex-wrap:wrap;gap:.7rem;align-items:center;margin-top:.7rem}
.tjcs-link-btn{font-size:.88rem;color:#c8a6ff!important}
.tjcs-empty{padding:1.6rem 1.2rem;border:1px dashed #4a4380;border-radius:14px;background:#1b1830;text-align:center}
.tjcs-notify-page a{white-space:nowrap}

@media(max-width:680px){
  .tjcs-panel{margin:1.25rem .75rem;padding:1.25rem;border-radius:14px}
  .tjcs-table thead{display:none}
  .tjcs-table,.tjcs-table tbody,.tjcs-table tr,.tjcs-table td{display:block;width:100%}
  .tjcs-table tr{border:1px solid #3a3358;border-radius:12px;margin-bottom:.8rem;padding:.5rem}
  .tjcs-table td{border:0;padding:.35rem .4rem}
  .tjcs-table td::before{content:attr(data-label) "：";color:#c8a6ff;font-weight:700}
  .tjcs-notify{max-width:100%}
  .tjcs-msg-time{flex:1 1 100%;margin-inline-start:0}
  .tjcs-msg-actions .tjcs-btn{width:100%}
  .tjcs-notify-page{flex-wrap:wrap}
}
@media(max-width:390px){
  .tjcs-panel{margin:1rem .5rem;padding:1rem}
  .tjcs-msg{padding:.85rem}
  .tjcs-notify-bar{justify-content:flex-start}
}