/* ============================================================
   酒圈圈 · 共享基础样式（前台 + 管理后台通用）
   设计令牌 / 重置 / 图标字体 / 页脚 / 通用原子类
   ============================================================ */
:root{
  /* 品牌色 */
  --brand-blue:#3A66B0; --brand-blue-deep:#2E5290; --brand-blue-soft:#EDF2FB;
  --coral:#EF6A6A; --orange:#F0913F; --yellow:#F6C445;
  --green:#7CC576; --blue-l:#64B5E3; --purple:#C9A0DC; --teal:#5FBFB2;
  /* 文字 */
  --ink:#2B2F36; --ink-2:#5A6270; --ink-3:#9AA1AD;
  /* 面 */
  --bg:#F3F5F9; --card:#FFFFFF; --line:#E7EAF1; --line-soft:#F0F2F7;
  /* 涨跌（国内习惯：红涨绿跌） */
  --up:#D9403A; --down:#1E9E5A;
  /* 语义 */
  --ok:#2E8B57; --warn:#F0913F; --danger:#D9403A; --info:#3A66B0;
  /* 圆角与阴影 */
  --radius:14px; --radius-lg:20px;
  --sh-1:0 1px 3px rgba(16,24,40,.08),0 1px 2px rgba(16,24,40,.04);
  --sh-2:0 4px 16px rgba(16,24,40,.10);
  --sh-3:0 18px 40px rgba(20,30,60,.30);
  /* 后台侧栏 */
  --side-w:236px; --side-w-mini:64px; --side-bg:#1E2430;

  /* ===== V1.13 前台视觉系统：墨蓝 · 留白 · 金石 ===== */
  --jq-ink:#1B2434; --jq-ink-2:#4E5A6E; --jq-ink-3:#8B95A6;
  --jq-paper:#F4F3EF; --jq-paper-deep:#ECEAE3; --jq-paper-soft:#FAF9F6;
  --jq-navy:#1B3357; --jq-navy-2:#2E5290; --jq-navy-soft:#EEF1F6;
  --jq-brass:#B08A4F; --jq-brass-soft:#F4EDDF; --jq-brass-deep:#8E6B36;
  --jq-line:#E5E2DA; --jq-line-soft:#F0EEE8;
  --jq-sh:0 1px 2px rgba(24,35,52,.04),0 10px 30px -20px rgba(24,35,52,.26);
  --jq-sh-lift:0 2px 4px rgba(24,35,52,.05),0 20px 44px -24px rgba(24,35,52,.34);
  --jq-serif:'Noto Serif SC','Source Han Serif SC','Songti SC','STSong',Georgia,serif;
  --jq-sans:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
}

/* 前台统一动效：内容上浮渐入 / 轻淡入 */
@keyframes jqRise{from{opacity:0;transform:translateY(14px);}to{opacity:1;transform:translateY(0);}}
@keyframes jqFadeIn{from{opacity:0;}to{opacity:1;}}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}

*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
html,body{height:100%;}
body{
  font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif;
  color:var(--ink); background:#E9EDF4;
  font-size:14px; line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
a{color:var(--brand-blue);text-decoration:none;}
a:hover{text-decoration:underline;}
button,input,select,textarea{font-family:inherit;}
img{max-width:100%;}

/* ---------- Material Symbols 图标 ---------- */
.ms{font-family:'Material Symbols Outlined';font-weight:normal;font-style:normal;font-size:20px;
    line-height:1;display:inline-block;white-space:nowrap;direction:ltr;vertical-align:middle;
    -webkit-font-smoothing:antialiased;font-variation-settings:'FILL' 0,'wght' 500,'GRAD' 0,'opsz' 24;}
.ms.fill{font-variation-settings:'FILL' 1,'wght' 500,'GRAD' 0,'opsz' 24;}

/* ---------- 通用原子类 ---------- */
.up{color:var(--up);} .down{color:var(--down);} .flat{color:var(--ink-3);}
.muted{color:var(--ink-3);} .small{font-size:12px;} .b{font-weight:700;}
.row{display:flex;align-items:center;gap:8px;}
.grow{flex:1;min-width:0;}
.hide{display:none !important;}
.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
::-webkit-scrollbar{width:8px;height:8px;}
::-webkit-scrollbar-thumb{background:#C9D2E0;border-radius:8px;}
::-webkit-scrollbar-thumb:hover{background:#AEB9CC;}
::-webkit-scrollbar-track{background:transparent;}

/* ---------- 前台 AI 创作：场景胶囊 / 建议补充（手机版与 PC 版共用） ---------- */
.ai-scenes .ai-scene{display:flex;align-items:center;gap:6px;flex:0 0 auto;padding:8px 11px;
  border:1px solid var(--jq-line);border-radius:10px;background:#FBFAF7;cursor:pointer;
  transition:border-color .18s ease,background .18s ease,box-shadow .18s ease;}
.ai-scenes .ai-scene:hover{border-color:var(--jq-brass);background:#fff;transform:none;box-shadow:none;}
.ai-scenes .ai-scene.on{border-color:var(--jq-navy);background:var(--jq-navy);box-shadow:none;}
.ai-scenes .ai-scene-no{flex:none;width:16px;height:16px;border-radius:5px;background:#F1EFE8;color:var(--jq-ink-3);
  font-size:9.5px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0;}
.ai-scenes .ai-scene.on .ai-scene-no{background:rgba(233,217,184,.22);color:#F1E6D2;}
.ai-scenes .ai-scene-tx{min-width:0;display:block;}
.ai-scenes .ai-scene-nm{font-size:11.5px;font-weight:600;color:var(--jq-ink-2);line-height:1.3;white-space:nowrap;}
.ai-scenes .ai-scene.on .ai-scene-nm{color:#F6EFE3;}
.ai-scenes .ai-scene-ds{display:none;}

.ai-tips{margin-top:9px;border:1px dashed #E3D6BD;background:#FCF8EF;border-radius:12px;padding:9px 10px 10px;}
.ai-tips-hd{display:flex;align-items:center;gap:5px;font-size:11px;color:#6B532F;}
.ai-tips-hd .ms{font-size:15px;color:var(--jq-brass);}
.ai-tips-hd b{font-weight:700;}
.ai-tips-hd span{margin-left:auto;font-size:10px;color:#A08A63;}
.ai-tips-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;}
.ai-tip{font-size:10.5px;color:#6B532F;background:#fff;border:1px solid #E7D9C0;border-radius:8px;
  padding:5px 9px;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease;}
.ai-tip:hover{background:#F6EEDF;}
.ai-tip:active{transform:scale(.97);}
.ai-tips-more{margin-top:8px;}
.ai-tips-more>summary{list-style:none;cursor:pointer;display:flex;align-items:center;
  font-size:10.5px;color:#8A7350;}
.ai-tips-more>summary::-webkit-details-marker{display:none;}
.ai-tips-more>summary .ms{margin-left:auto;font-size:15px;transition:transform .2s;}
.ai-tips-more[open]>summary .ms{transform:rotate(180deg);}
.ai-tips-more ul{margin:6px 0 0;padding-left:14px;font-size:10.5px;color:#7A6746;line-height:1.7;}
.ai-tips-more li{margin-bottom:2px;}

/* ---------- AI 生成结果排版（手机版与 PC 版共用，深色结果区） ---------- */
.aiout #aiText,.pc-out #pcAiText{white-space:pre-wrap;word-break:break-word;}
.ai-rich{padding-bottom:2px;}
.ai-rich h4{font-family:var(--jq-serif);font-size:13.5px;font-weight:700;color:#F1E6D2;line-height:1.5;
  margin:15px 0 8px;padding-left:9px;border-left:2px solid var(--jq-brass);word-break:break-word;}
.ai-rich h4:first-child{margin-top:0;}
.ai-rich p{margin:0 0 9px;line-height:1.9;color:#DCE6F8;word-break:break-word;}
.ai-rich p:last-child{margin-bottom:0;}
.ai-rich p.ai-li{padding-left:15px;position:relative;}
.ai-rich p.ai-li::before{content:'·';position:absolute;left:4px;top:0;color:var(--jq-brass);font-weight:700;}
.ai-rich ul,.ai-rich ol{margin:0 0 10px;padding-left:18px;}
.ai-rich li{margin:0 0 5px;line-height:1.85;color:#DCE6F8;word-break:break-word;}
.ai-rich li:last-child{margin-bottom:0;}
.ai-rich li::marker{color:var(--jq-brass);}
.ai-rich hr{border:none;height:1px;background:rgba(233,217,184,.22);margin:14px 0;}
.ai-rich b{color:#F4E7CF;font-weight:700;}
.ai-rich code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:11.5px;
  background:rgba(255,255,255,.1);border-radius:4px;padding:1px 4px;}
.ai-rich .ai-tb-wrap{margin:2px 0 12px;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ai-rich .ai-tb{width:100%;border-collapse:collapse;font-size:12px;}
.ai-rich .ai-tb th,.ai-rich .ai-tb td{border:1px solid rgba(233,217,184,.24);padding:7px 9px;
  text-align:left;line-height:1.65;vertical-align:top;}
.ai-rich .ai-tb th{background:rgba(233,217,184,.12);color:#F1E6D2;font-weight:600;white-space:nowrap;}
.ai-rich .ai-tb td{color:#DCE6F8;word-break:break-word;min-width:64px;}

/* ---------- 备案页脚（前后台共用） ---------- */
.site-foot{position:fixed;left:0;right:0;bottom:0;z-index:210;text-align:center;
           font-size:11px;color:#8A93A3;padding:6px 10px;
           background:rgba(255,255,255,.92);backdrop-filter:blur(4px);border-top:1px solid #ECEFF4;}
.site-foot a{color:#8A93A3;text-decoration:none;}
.site-foot a:hover{color:var(--brand-blue);}