/* 闪目流觞 · 样式
   色：宣纸 #F8F4EC / 墨 #22201D / 松烟绿 #2C4438 / 朱砂 #A6412B / 描金 #B08D57 */

:root{
  --paper:#F8F4EC;
  --paper-2:#F2ECDF;
  --card:#FFFCF6;
  --ink:#22201D;
  --ink-2:#5C574E;
  --ink-3:#928B7E;
  --deep:#2C4438;
  --deep-2:#1F322A;
  --red:#A6412B;
  --gold:#B08D57;
  --line:rgba(34,32,29,.12);
  --shadow:0 10px 30px rgba(44,68,56,.08);
  --r:16px;
  --serif:"Songti SC","STSong","Noto Serif SC","Source Han Serif SC",Georgia,"SimSun",serif;
  --sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
}

*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;padding:0}
body{
  font-family:var(--sans);
  color:var(--ink);
  background:#E9E2D4;
  background-image:
    radial-gradient(1200px 600px at 50% -10%, #F7F2E6 0%, #E9E2D4 60%, #DED5C3 100%);
  min-height:100dvh;
  line-height:1.7;
  -webkit-font-smoothing:antialiased;
}

.app{
  position:relative;
  max-width:430px;
  margin:0 auto;
  min-height:100dvh;
  background:var(--paper);
  background-image:
    radial-gradient(circle at 20% 0%, rgba(176,141,87,.06), transparent 55%),
    radial-gradient(circle at 90% 30%, rgba(44,68,56,.05), transparent 45%);
  box-shadow:0 0 60px rgba(44,68,56,.16);
  padding-bottom:calc(74px + env(safe-area-inset-bottom));
  overflow-x:hidden;
}

/* ---------- 顶栏 ---------- */
.topbar{
  position:sticky;top:0;z-index:30;
  display:flex;align-items:center;gap:10px;
  padding:calc(10px + env(safe-area-inset-top)) 16px 10px;
  background:linear-gradient(180deg, rgba(248,244,236,.98), rgba(248,244,236,.86) 70%, rgba(248,244,236,0));
  backdrop-filter:blur(8px);
}
.brand{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.seal{
  width:34px;height:34px;border-radius:9px;background:var(--deep);color:#F3E7CE;
  display:grid;place-items:center;font-family:var(--serif);font-size:19px;
  box-shadow:inset 0 0 0 1px rgba(217,195,142,.5);
}
.brand h1{font-family:var(--serif);font-size:17px;margin:0;letter-spacing:.14em;font-weight:600}
.brand small{display:block;font-size:10px;color:var(--ink-3);letter-spacing:.16em;margin-top:-2px}

.purse{display:flex;gap:6px}
.coin{
  display:flex;align-items:center;gap:5px;padding:5px 9px;border-radius:999px;
  background:rgba(44,68,56,.07);font-size:12px;color:var(--deep);font-weight:600;
  font-variant-numeric:tabular-nums;
}
.coin i{font-style:normal;opacity:.6;font-weight:400;font-size:11px}

/* ---------- 通用 ---------- */
.pad{padding:0 16px}
.h-sec{display:flex;align-items:baseline;gap:8px;margin:22px 0 12px}
.h-sec h2{font-family:var(--serif);font-size:15px;margin:0;letter-spacing:.1em;font-weight:600}
.h-sec span{font-size:11px;color:var(--ink-3);letter-spacing:.06em}
.h-sec::after{content:"";flex:1;height:1px;background:var(--line)}

.quote{
  font-family:var(--serif);font-size:13px;color:var(--ink-2);letter-spacing:.18em;
  text-align:center;padding:14px 0 0;
}
.quote em{font-style:normal;color:var(--gold)}

.btn{
  display:flex;align-items:center;justify-content:center;gap:8px;
  width:100%;padding:14px 18px;border:0;border-radius:14px;
  background:var(--deep);color:#F6EFE0;font-size:15px;font-weight:600;letter-spacing:.08em;
  font-family:var(--sans);cursor:pointer;
  box-shadow:0 6px 18px rgba(44,68,56,.22);
  transition:transform .12s ease, opacity .2s;
}
.btn:active{transform:scale(.985)}
.btn[disabled]{opacity:.45;pointer-events:none}
.btn.ghost{background:transparent;color:var(--deep);box-shadow:inset 0 0 0 1px rgba(44,68,56,.35)}
.btn.red{background:var(--red);box-shadow:0 6px 18px rgba(166,65,43,.25)}
.btn.sm{width:auto;padding:9px 16px;font-size:13px;border-radius:11px}

.card{
  background:var(--card);border-radius:var(--r);padding:16px;
  box-shadow:var(--shadow);border:1px solid rgba(34,32,29,.05);
}

/* ---------- 觞卡片 ---------- */
.feed{display:grid;gap:12px}
.shan{
  position:relative;display:block;text-decoration:none;color:inherit;
  background:var(--card);border-radius:var(--r);padding:16px 16px 13px;
  box-shadow:var(--shadow);border:1px solid rgba(34,32,29,.05);
  overflow:hidden;transition:transform .14s ease, box-shadow .2s;
}
.shan:active{transform:scale(.99)}
.shan::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:3px;
  background:linear-gradient(180deg,var(--gold),rgba(176,141,87,0));
}
.shan .txt{
  font-family:var(--serif);font-size:15.5px;line-height:1.85;letter-spacing:.02em;
  display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;
}
.shan .meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11.5px;color:var(--ink-3)}
.shan .meta b{font-weight:600;color:var(--ink-2)}
.dot{width:3px;height:3px;border-radius:50%;background:var(--ink-3);opacity:.6}
.tags{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}
.tag{
  font-size:11px;padding:2px 9px;border-radius:999px;color:var(--deep);
  background:rgba(44,68,56,.07);
}
.mood{
  position:absolute;right:12px;top:12px;font-family:var(--serif);font-size:11px;
  color:var(--gold);letter-spacing:.12em;writing-mode:vertical-rl;opacity:.85;
}

/* ---------- 底部导航 ---------- */
.tabbar{
  position:fixed;left:50%;transform:translateX(-50%);bottom:0;width:100%;max-width:430px;
  display:grid;grid-template-columns:repeat(5,1fr);
  padding:8px 2px calc(8px + env(safe-area-inset-bottom));
  background:rgba(248,244,236,.94);backdrop-filter:blur(12px);
  border-top:1px solid var(--line);z-index:40;
}
.tab{
  display:flex;flex-direction:column;align-items:center;gap:2px;
  font-size:10px;color:var(--ink-3);text-decoration:none;padding:4px 0;letter-spacing:.02em;white-space:nowrap;
}
.tab svg{width:21px;height:21px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.tab.on{color:var(--deep)}
.tab.on svg{stroke-width:1.9}

/* ---------- 扫码落地页 ---------- */
.scan-wrap{
  min-height:calc(100dvh - 20px);display:flex;flex-direction:column;
  background:
    radial-gradient(120% 60% at 50% 0%, #334F41 0%, #1F322A 55%, #16241E 100%);
  color:#F3EAD9;margin:-1px -1px 0;
}
.scan-top{display:flex;align-items:center;justify-content:space-between;padding:18px 20px 0}
.scan-top .seal{background:transparent;box-shadow:inset 0 0 0 1px rgba(217,195,142,.45)}
.scan-top a{color:rgba(243,234,217,.7);font-size:12px;text-decoration:none}
.scan-stage{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 24px 0;text-align:center}
.bottle{width:132px;height:auto;filter:drop-shadow(0 18px 26px rgba(0,0,0,.4))}
.bottle.pop{animation:pop .7s cubic-bezier(.2,.9,.25,1.1) both}
@keyframes pop{0%{transform:translateY(14px) scale(.9);opacity:0}100%{transform:none;opacity:1}}
.scan-line{font-family:var(--serif);font-size:22px;letter-spacing:.22em;margin:26px 0 6px}
.scan-sub{font-size:12.5px;color:rgba(243,234,217,.62);letter-spacing:.14em}
.gain{
  display:flex;gap:10px;justify-content:center;margin:26px 0 4px;
}
.gain div{
  min-width:92px;padding:12px 10px;border-radius:14px;
  background:rgba(217,195,142,.1);border:1px solid rgba(217,195,142,.24);
}
.gain b{display:block;font-family:var(--serif);font-size:24px;color:#E8D5A8;line-height:1.2}
.gain span{font-size:11px;color:rgba(243,234,217,.6);letter-spacing:.1em}
.scan-actions{padding:20px 24px calc(30px + env(safe-area-inset-bottom));display:grid;gap:10px}
.scan-actions .btn{background:#E8D5A8;color:#1F322A;box-shadow:0 8px 22px rgba(0,0,0,.28)}
.scan-actions .btn.ghost{background:transparent;color:#E8D5A8;box-shadow:inset 0 0 0 1px rgba(232,213,168,.4)}

/* ---------- 表单 ---------- */
.field{margin-bottom:14px}
.field label{display:block;font-size:12px;color:var(--ink-2);letter-spacing:.08em;margin-bottom:7px}
.field input,.field textarea,.field select{
  width:100%;padding:13px 14px;border-radius:13px;border:1px solid var(--line);
  background:#FFFDF8;font-family:var(--sans);font-size:15px;color:var(--ink);
  outline:none;transition:border-color .18s, box-shadow .18s;
}
.field textarea{min-height:120px;resize:vertical;line-height:1.75;font-family:var(--serif);font-size:16px}
.field input:focus,.field textarea:focus{border-color:rgba(44,68,56,.45);box-shadow:0 0 0 3px rgba(44,68,56,.08)}
.chips{display:flex;gap:8px;flex-wrap:wrap}
.chip{
  padding:7px 13px;border-radius:999px;font-size:13px;color:var(--ink-2);
  background:#FFFDF8;border:1px solid var(--line);cursor:pointer;
}
.chip.on{background:var(--deep);color:#F6EFE0;border-color:var(--deep)}
.counter{font-size:11px;color:var(--ink-3);text-align:right;margin-top:6px}
.hint{font-size:11.5px;line-height:1.8;color:var(--ink-3);margin:12px 2px 0}

/* ---------- 详情 ---------- */
.detail-hero{
  background:linear-gradient(180deg,#2C4438,#22362C);color:#F3EAD9;
  padding:24px 20px 26px;border-radius:0 0 22px 22px;position:relative;overflow:hidden;
}
.detail-hero .txt{font-family:var(--serif);font-size:19px;line-height:1.95;letter-spacing:.02em;margin:14px 0 0}
.detail-hero .who{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(243,234,217,.66)}
.avatar{width:34px;height:34px;border-radius:50%;background:rgba(217,195,142,.2);display:grid;place-items:center;font-family:var(--serif);font-size:14px;color:#E8D5A8}
.profile-list{display:grid;gap:2px;margin-top:6px}
.profile-row{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:13.5px}
.profile-row:last-child{border-bottom:0}
.profile-row span{color:var(--ink-3);font-size:12.5px}

/* ---------- 空状态 ---------- */
.empty{text-align:center;padding:54px 20px;color:var(--ink-3)}
.empty .glyph{font-family:var(--serif);font-size:34px;color:rgba(44,68,56,.2);letter-spacing:.2em;margin-bottom:10px}
.empty p{font-size:13px;margin:0;letter-spacing:.06em}

/* ---------- 我的 ---------- */
.me-head{display:flex;align-items:center;gap:14px;padding:8px 0 4px}
.me-head .avatar{width:56px;height:56px;font-size:20px}
.me-head h2{margin:0;font-family:var(--serif);font-size:19px;letter-spacing:.08em}
.me-head p{margin:2px 0 0;font-size:12px;color:var(--ink-3)}
.stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.stat{background:var(--card);border-radius:14px;padding:13px 8px;text-align:center;box-shadow:var(--shadow)}
.stat b{display:block;font-family:var(--serif);font-size:20px;color:var(--deep)}
.stat span{font-size:11px;color:var(--ink-3)}

/* ---------- 笺匣 ---------- */
.letter{
  background:var(--card);border-radius:14px;padding:14px 15px;box-shadow:var(--shadow);
  border-left:3px solid rgba(176,141,87,.55);
}
.letter .from{font-size:11.5px;color:var(--ink-3);display:flex;gap:6px;align-items:center}
.letter .body{font-family:var(--serif);font-size:14.5px;line-height:1.85;margin-top:6px}
.letter.unread{background:#FFF8E9}

/* ---------- 提示 ---------- */
.toast{
  position:fixed;left:50%;bottom:96px;transform:translate(-50%,14px);
  background:rgba(31,50,42,.94);color:#F6EFE0;padding:11px 18px;border-radius:12px;
  font-size:13px;max-width:80vw;text-align:center;opacity:0;pointer-events:none;
  transition:opacity .25s, transform .25s;z-index:100;line-height:1.5;
}
.toast.on{opacity:1;transform:translate(-50%,0)}

/* ---------- 加载 ---------- */
.loading{display:flex;justify-content:center;padding:40px 0;color:var(--ink-3);font-size:12px;letter-spacing:.2em}
.loading::after{content:"";animation:dot 1.2s infinite}
@keyframes dot{0%{content:"·"}33%{content:"··"}66%{content:"···"}100%{content:"·"}}

.skeleton{height:96px;border-radius:var(--r);background:linear-gradient(90deg,#F1EBDF,#FAF6EE,#F1EBDF);background-size:200% 100%;animation:sk 1.4s infinite}
@keyframes sk{0%{background-position:0 0}100%{background-position:-200% 0}}

/* ---------- 宽屏 ---------- */
@media (min-width:520px){
  body{padding:0}
  .app{border-left:1px solid rgba(44,68,56,.06);border-right:1px solid rgba(44,68,56,.06);min-height:100dvh}
}

/* ---------------- 扫一扫 ---------------- */
.fab{position:fixed;bottom:94px;z-index:40;width:52px;height:52px;border-radius:999px;
  background:var(--deep);color:#F0E3C6;display:grid;place-items:center;text-decoration:none;
  box-shadow:0 8px 22px rgba(28,24,18,.28);right:16px}
.fab:active{transform:scale(.96)}
@media(min-width:470px){.fab{right:calc(50% - 215px + 16px)}}

.scanpage{position:fixed;inset:0;background:#141915;display:flex;flex-direction:column;
  max-width:430px;margin:0 auto;color:#E9E2D2}
.scanhead{display:flex;align-items:center;justify-content:space-between;padding:14px 16px 8px;
  font-family:var(--serif);letter-spacing:.12em;font-size:15px}
.scanhead .scanback{color:rgba(233,226,210,.72);text-decoration:none;font-size:13px;letter-spacing:.04em;
  font-family:var(--sans)}
.scanhead span{width:34px}
.scanstage{position:relative;flex:1;min-height:0;background:#0F1411;overflow:hidden}
.scanstage video{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .35s}
.scanstage.live video{opacity:1}
.scanstage.nocam{display:grid;place-items:center;background:
  radial-gradient(circle at 50% 35%, rgba(44,68,56,.75), #0F1411 70%)}
.scancut{position:absolute;left:50%;top:46%;width:220px;height:220px;transform:translate(-50%,-50%);
  border-radius:14px;background:rgba(255,255,255,.03);
  box-shadow:0 0 0 9999px rgba(8,11,9,.55)}
.scancut i{position:absolute;width:30px;height:30px;border:2px solid #E4C98A;border-radius:3px}
.scancut i:nth-child(1){left:-2px;top:-2px;border-right:0;border-bottom:0;border-radius:8px 0 0 0}
.scancut i:nth-child(2){right:-2px;top:-2px;border-left:0;border-bottom:0;border-radius:0 8px 0 0}
.scancut i:nth-child(3){left:-2px;bottom:-2px;border-right:0;border-top:0;border-radius:0 0 0 8px}
.scancut i:nth-child(4){right:-2px;bottom:-2px;border-left:0;border-top:0;border-radius:0 0 8px 0}
.scanhint{position:absolute;left:0;right:0;bottom:26px;text-align:center;font-size:12.5px;
  color:rgba(233,226,210,.78);padding:0 26px;line-height:1.7}
.scanhint b{color:#E4C98A;font-weight:500}
.scanfoot{padding:12px 16px calc(18px + env(safe-area-inset-bottom));background:#141915}
.scanrow{display:flex;gap:10px;margin-bottom:12px}
.scanrow .btn{flex:1;background:rgba(255,255,255,.06);color:#E9E2D2;border-color:rgba(255,255,255,.14)}
.scanmanual .hint{color:rgba(233,226,210,.55);font-size:11.5px;line-height:1.7}
.scanmanual .hint b{color:#E4C98A}
.scanmanual .row{display:flex;gap:10px}
.scanmanual input{flex:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  color:#F0E3C6;border-radius:10px;padding:11px 13px;font-size:15px;letter-spacing:.14em;
  font-family:ui-monospace,Consolas,monospace;text-transform:uppercase}
.scanmanual input::placeholder{color:rgba(233,226,210,.35);letter-spacing:0;font-family:var(--sans)}
.scanmanual .btn{background:#E4C98A;color:#22301F;border:0;white-space:nowrap}

/* ===================== v1.2 曲水 / 资料页 / 投笺 ===================== */

.banner { margin: 4px 16px 0; border-radius: 14px; overflow: hidden; position: relative; background: #EFE7D8; }
.bntrack { display: flex; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; }
.bntrack::-webkit-scrollbar { display: none; }
.bnitem { flex: 0 0 100%; scroll-snap-align: start; position: relative; display: block; }
.bnitem img { width: 100%; height: 150px; object-fit: cover; display: block; }
.bnt { position: absolute; left: 12px; bottom: 10px; color: #fff; font-size: 13px;
  background: rgba(30, 40, 34, .45); padding: 3px 9px; border-radius: 20px; backdrop-filter: blur(4px); }
.bndots { position: absolute; right: 12px; bottom: 12px; display: flex; gap: 5px; }
.bndots i { width: 5px; height: 5px; border-radius: 50%; background: rgba(255,255,255,.55); }
.bndots i.on { background: #fff; width: 14px; border-radius: 3px; }

.notice { margin: 10px 16px 0; padding: 8px 12px; font-size: 12.5px; color: #6B6255;
  background: #FBF6EA; border: 1px solid #EADFC8; border-radius: 10px; }

.pcard { display: flex; gap: 12px; padding: 14px; margin-bottom: 10px;
  background: #FFFDF8; border-radius: 14px; border: 1px solid #EDE5D6;
  box-shadow: 0 2px 10px rgba(60,48,30,.045); text-decoration: none; color: inherit; position: relative; }
.pcard::before { content: ''; position: absolute; left: 0; top: 12px; bottom: 12px; width: 3px;
  border-radius: 3px; background: linear-gradient(#B08D57, #D9C39A); }
.pav { flex: 0 0 48px; width: 48px; height: 48px; border-radius: 50%; background: #EFE7D8 center/cover no-repeat;
  display: flex; align-items: center; justify-content: center; font-size: 18px; color: #7A6A4F;
  font-family: var(--song, serif); }
.pav.lg { width: 72px; height: 72px; flex: 0 0 72px; font-size: 26px; margin: 0 auto; }
.pmain { flex: 1; min-width: 0; display: block; }
.prow { display: flex; align-items: center; gap: 7px; }
.prow b { font-size: 15px; font-weight: 600; color: #2A2723; }
.prow em { font-style: normal; font-size: 11.5px; color: #9A8F7C; margin-left: auto; }
.psig { display: block; font-size: 13.5px; color: #3B362E; margin-top: 3px; line-height: 1.5; }
.pintro { display: block; font-size: 12px; color: #8C8271; margin-top: 4px; line-height: 1.55;
  overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.ptags { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 7px; }
.ptags i { font-style: normal; font-size: 11px; color: #7C6E56; background: #F5EFE1;
  border: 1px solid #E9DEC8; padding: 2px 8px; border-radius: 20px; }
.ptags.big i { font-size: 12px; padding: 4px 11px; }

.badge { font-style: normal; font-size: 10.5px; color: #8A6A2F; background: #F6E7C6;
  border: 1px solid #E7CE9A; padding: 1px 6px; border-radius: 4px; }

.hero { text-align: center; padding: 22px 20px 18px; }
.hero h2 { font-size: 20px; font-weight: 600; margin: 10px 0 4px; display: inline-flex; align-items: center; gap: 6px; }
.hero .sub { font-size: 12.5px; color: #9A8F7C; margin: 0; }
.hero .sig { font-size: 14px; color: #3B362E; margin: 10px 18px 0; line-height: 1.6; }

.kv { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px dashed #EFE7D8; font-size: 13.5px; }
.kv:last-child { border-bottom: 0; }
.kv span { color: #9A8F7C; }
.kv b { color: #2A2723; font-weight: 500; }

.phgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; }
.phgrid img { width: 100%; aspect-ratio: 1; object-fit: cover; border-radius: 8px; display: block; }
.qr { width: 150px; height: 150px; object-fit: contain; display: block; margin: 8px auto 0; background: #fff; border-radius: 8px; }

.warnbar { font-size: 12.5px; color: #A6412B; background: #FBEDE9; border: 1px solid #F0D3CB;
  border-radius: 10px; padding: 9px 12px; margin-bottom: 10px; }

.mask { position: fixed; inset: 0; background: rgba(30, 26, 20, .38); z-index: 60;
  display: flex; align-items: flex-end; justify-content: center; }
.sheet { width: 100%; max-width: 430px; background: #FFFDF8; border-radius: 16px 16px 0 0;
  padding: 18px 16px calc(18px + env(safe-area-inset-bottom)); animation: up .22s ease; }
@keyframes up { from { transform: translateY(30px); opacity: .6 } to { transform: none; opacity: 1 } }
.sheet-h { font-size: 15px; font-weight: 600; margin-bottom: 12px; }
.sheet textarea { width: 100%; min-height: 96px; resize: vertical; font-size: 14px; line-height: 1.7;
  padding: 11px 12px; border: 1px solid #E5DCC9; border-radius: 10px; background: #FFFCF5; color: #2A2723; }
.sheet-f { display: flex; align-items: center; justify-content: space-between; margin-top: 12px; font-size: 12px; color: #9A8F7C; }

.phrow { display: flex; gap: 8px; margin-bottom: 8px; }
.phrow input { flex: 1; }

/* ---- 资料卡图片上传 ---- */
.avarow{display:flex;align-items:center;gap:12px}
.av{width:64px;height:64px;border-radius:50%;overflow:hidden;flex:0 0 auto;
  background:#EFE9DC;display:flex;align-items:center;justify-content:center;
  font-size:11px;color:#9A9384;border:1px solid var(--line,#E4DCCB)}
.av.sq{border-radius:10px}
.av img{width:100%;height:100%;object-fit:cover;display:block}
.phtiles{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}
.phtile{position:relative;aspect-ratio:1/1;border-radius:10px;overflow:hidden;background:#EFE9DC;
  border:1px solid var(--line,#E4DCCB)}
.phtile img{width:100%;height:100%;object-fit:cover;display:block}
.phtile.add{display:flex;align-items:center;justify-content:center;font-size:22px;color:#A79E8B;
  border-style:dashed;background:transparent;cursor:pointer}
.phdel{position:absolute;top:-1px;right:-1px;width:20px;height:20px;line-height:18px;text-align:center;
  border:0;border-radius:0 10px 0 10px;background:rgba(34,32,29,.62);color:#fff;font-size:13px;cursor:pointer}

/* ---------- 流觞卡片 ---------- */
.pcard .ptags i.moodtag{
  font-style:normal;font-size:11px;color:var(--gold);letter-spacing:.1em;
}
.pcard .ptags i.dim{
  font-style:normal;font-size:11px;color:var(--ink-3);letter-spacing:.04em;
}