/* 知乎问题素材导航 UI 映射层：保留问答、登录、权限与数据逻辑。 */
:root{
  --ink:#101828;--muted:#667085;--green:#1764ff;--paper:#f4f6fa;
  --line:#e6edf7;--accent:#12b886;
}
body{background:#f4f6fa;color:#344054;font-family:"Microsoft YaHei","PingFang SC","Segoe UI",Arial,sans-serif}

/* 原左侧导航改为参照站的顶部通栏导航 */
aside{position:sticky;z-index:50;top:0;inset:auto;width:100%;height:64px;padding:0 clamp(22px,5vw,118px);display:flex;flex-direction:row;align-items:center;gap:28px;background:#fff;border:0;border-bottom:1px solid var(--line)}
.brand{gap:8px;font-size:16px;font-weight:600;letter-spacing:0;white-space:nowrap}
.seal{width:28px;height:28px;border-radius:7px;background:#1764ff;font:18px/1 "KaiTi",serif}
.brand small{display:none}
aside .new,.side-note,.original,.owner{display:none}
aside nav{position:absolute;left:50%;top:50%;display:flex;gap:18px;margin:0;transform:translate(-50%,-50%)}
aside nav button{min-height:34px;padding:0 13px;border:0;border-radius:8px;background:transparent;color:#344054;text-align:center;white-space:nowrap}
aside nav button:hover{background:#f3f7ff;color:#1764ff}
aside nav button.active{background:#eaf2ff;color:#1764ff;font-weight:400}

main{margin-left:0;min-height:calc(100vh - 64px)}
main>header{height:50px;padding:0 clamp(22px,5vw,118px);background:#fff;border-bottom:1px solid var(--line)}
#page-title{color:#344054}
#page-title em{color:#667085}
.status{background:#eaf2ff;border-color:#d6e0ee;color:#0f4fd1}
.status:before{color:#12b886}
.account-button{border-color:#d6e0ee;background:#fff;color:#0f4fd1}
.account-button:hover{border-color:#1764ff;color:#1764ff}

#chat-view{max-width:1180px;min-height:calc(100vh - 114px);padding:0 34px 22px}
#welcome{padding-top:54px}
.eyebrow{color:#12b886}
h1{color:#101828;font-family:inherit;font-size:42px;font-weight:400;letter-spacing:0}
h1 span{color:#1764ff}
.intro{color:#667085}
.suggestions{gap:12px}
.suggestions button{background:#fff;border-color:#e6edf7;border-radius:8px;box-shadow:0 4px 14px rgba(16,24,40,.05);color:#344054}
.suggestions button:hover{background:#f7fbff;border-color:#b7d1ff;box-shadow:0 8px 22px rgba(16,24,40,.07)}
.suggestions span{color:#12b886}
.coverage span{color:#0f4fd1}
form{border-color:#d6e0ee;border-radius:10px;background:#fff;box-shadow:0 4px 14px rgba(16,24,40,.05)}
#send{background:#1764ff;border-radius:8px}

#library-view,#group-view,.year-view{max-width:1280px;padding:40px 34px}
.group-heading h1,#library-view h1,.year-view h1{font-size:34px}
.batch-stamp{border-color:#e6edf7}
.batch-stamp strong{color:#1764ff;font-family:inherit}
#search,#group-search,.year-toolbar input,.year-toolbar select{border-color:#d6e0ee;border-radius:8px;background:#fff;color:#344054}
.platform-filter-button,.filters button{border-color:#d6e0ee;background:#fff;color:#667085}
.platform-filter-button:hover,.filters button:hover{border-color:#1764ff;color:#1764ff}
.platform-filter-button.active,.filters button.active{border-color:#1764ff;background:#1764ff;color:#fff}
.review-banner{background:#fff5f6;border-left-color:#ff4d6d;color:#8f2940}
.qa-card{border-color:#e6edf7;background:#fff}
.qa-card[open]{box-shadow:0 8px 22px rgba(16,24,40,.06)}
.qa-number{color:#1764ff;border-color:#e6edf7;font-family:inherit}
.qa-content{border-color:#edf1f7}
.qa-review{background:#f5f7fa}
.qa-ask{color:#1764ff}
.platform-tag,.year-status{border-color:#d6e0ee;background:#f7fbff;color:#0f4fd1}
.year-status.answered,.year-status.reviewed{border-color:#b6ead7;background:#f0fdf8;color:#087f5b}
.own-record,.yijia-record{border-color:#ffc4cc;background:#fff5f6;box-shadow:inset 3px 0 0 #ff4d6d}
.own-badge,.yijia-badge{background:#ff4d6d}
.essence-record{background:#f7f9fc}.essence-record.depth-1{background:#f3f7ff}.essence-record.depth-2{background:#edf3ff}.essence-record.depth-3,.essence-record.depth-4,.essence-record.depth-5,.essence-record.depth-6{background:#e8f1ff}
.source{background:#f3f7ff;border-left-color:#1764ff}
.message.user{background:#eaf2ff}

.account-dialog{background:#fff;color:#101828;border-color:#d6e0ee}
.auth-actions button{border-color:#1764ff;background:#1764ff}
.auth-actions .quiet-button,#register-submit{background:#fff;color:#1764ff}
.auth-form input{border-color:#d6e0ee}

/* 蓝绿红三色点缀，只覆盖颜色 */
h1 span{color:#ff4d4f}
.suggestions button:nth-child(1) span{color:#1764ff}
.suggestions button:nth-child(2) span{color:#12b886}
.suggestions button:nth-child(3) span,.suggestions b{color:#ff4d4f}
.review-banner{background:#fff1f2;border-left-color:#ff4d4f;color:#8f2940}
.own-record,.yijia-record{border-color:#dce8e3;background:#fbfdfc;box-shadow:inset 3px 0 0 #8fb6a5}
.own-badge,.yijia-badge{background:#5f8f7a;color:#fff}

@media(max-width:700px){
  aside{position:sticky;height:auto;min-height:58px;padding:10px 14px;gap:10px;overflow-x:auto}
  .brand{font-size:14px}.seal{width:28px;height:28px}
  aside nav{position:static;margin-left:auto;transform:none;gap:2px}
  aside nav button{padding:0 8px;font-size:11px}
  main{min-height:calc(100vh - 58px)}
  main>header{height:50px;padding:0 16px}
  #chat-view{min-height:calc(100dvh - 108px);padding:0 20px 20px}
  #welcome{padding-top:32px}h1{font-size:34px}
  #library-view,#group-view,.year-view{padding:28px 16px}
}
.praise-quote-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:18px;align-items:start;padding:22px 10px;border-bottom:1px solid #e3e9f2;background:transparent}.praise-quote-content{display:flex;flex-direction:column;gap:8px}.praise-quote-content strong{font-size:18px;line-height:1.7;font-weight:500;color:#17233b}.praise-quote-content small{font-size:13px;color:#748198;letter-spacing:.01em}