/* ============== 粉色 主题变量 ============== */
:root{
  /* 浅色（默认） */
  --bg:#f7f2f4;            /* 浅灰粉背景 */
  --card:#ffffff;
  --line:#f0e6ea;
  --txt:#4a3f44;           /* 主文字 深灰粉 */
  --txt2:#a08e95;          /* 次文字 */
  --blue:#e596a6;          /* 粉色 主色 */
  --blue-l:#fcecf0;        /* 浅粉底 */
  --blue-d:#c96a7d;        /* 深粉 强调 */
  --blue-soft:rgba(229,150,166,.16);
  --pink:#e596a6; --pink-l:#fcecf0;   /* 经期·柔粉 */
  --teal:#9ab8b0; --teal-l:#eaf2f0;   /* 卵泡/食谱 */
  --violet:#a8a0c0; --violet-l:#f1eef7; /* 排卵期/学习 */
  --amber:#cbb083; --amber-l:#f8f2e7; /* 黄体/评分 */
  --period-bg:#f4b3c2; --period-fg:#9a3550; /* 经期日期·固定粉 */
  --red:#d64545; --red-l:#fdecec; /* 危险操作（删除等） */
  --up:#cf8b8b;            /* 涨 莫兰迪红 */
  --down:#8aae9a;          /* 跌 莫兰迪绿 */
  --r:16px;
  --font-body:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-title:"PingFang SC","Microsoft YaHei",system-ui,sans-serif;
  --font-mono:"SFMono-Regular",Consolas,"Liberation Mono",Menlo,monospace;
  --sh:0 6px 20px rgba(200,160,175,.12);
  --sh-hover:0 12px 30px rgba(200,160,175,.22);
  --blue-grad:linear-gradient(135deg,#f0a8b6,#e596a6);
  font-size:15px;
}
[data-theme="dark"]{
  --bg:#231e21;
  --card:#2e282c;
  --line:#3a3338;
  --txt:#f0d6dd;           /* 浅粉文字 */
  --txt2:#a89198;
  --blue:#f0a8b6;
  --blue-l:#3a2a2e;
  --blue-d:#f4bcc6;
  --blue-soft:rgba(240,168,182,.20);
  --pink:#f0a8b6; --pink-l:#3a2a2e;
  --teal:#a6c2ba; --teal-l:#26302d;
  --violet:#b6aed0; --violet-l:#2c2937;
  --amber:#d8c096; --amber-l:#332c20;
  --period-bg:#5e2f3b; --period-fg:#ffd7e1; /* 经期日期·固定粉 */
  --red:#e98a8a; --red-l:#3a2629; /* 危险操作（删除等） */
  --up:#d99a9a;
  --down:#9cbfac;
  --sh:0 6px 20px rgba(0,0,0,.30);
  --sh-hover:0 12px 30px rgba(0,0,0,.42);
  --blue-grad:linear-gradient(135deg,#d98a98,#f0a8b6);
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none !important}
html{transition:background .35s ease}
body{
  font-family:var(--font-body);
  background:var(--bg);color:var(--txt);
  -webkit-tap-highlight-color:transparent;
  transition:background .35s ease,color .35s ease;
}
button{font-family:inherit;border:none;background:none;cursor:pointer;color:inherit}
input,select,textarea{
  font-family:inherit;font-size:14px;border:1px solid var(--line);
  border-radius:10px;padding:9px 12px;background:var(--card);color:var(--txt);outline:none;width:100%;
  transition:border-color .2s ease,background .35s ease;
}
input:focus,select:focus,textarea:focus{border-color:var(--blue)}
h2{font-size:20px;margin-bottom:4px;font-family:var(--font-title)}
h3{font-size:15px;font-family:var(--font-title)}

/* 涟漪容器：需要裁切 */
.btn,.quick-grid button,.nav-item,.seg button,.chip,.theme-btn,.more-card{position:relative;overflow:hidden}
.ripple{position:absolute;border-radius:50%;transform:scale(0);background:var(--blue-soft);animation:ripple .55s ease-out;pointer-events:none;width:10px;height:10px}
@keyframes ripple{to{transform:scale(26);opacity:0}}

.app{display:flex;min-height:100vh}
/* ===== 导航 ===== */
.nav{position:fixed;z-index:50;background:var(--card);box-shadow:var(--sh);transition:background .35s ease}
.nav-brand{font-weight:700;font-size:17px;padding:22px 18px 14px;color:var(--blue-d);display:flex;align-items:center;gap:8px}
.nav-item{
  display:flex;align-items:center;gap:10px;width:100%;padding:12px 18px;border-radius:12px;
  color:var(--txt2);font-size:14.5px;transition:background .2s ease,color .2s ease,transform .12s ease;
}
.nav-item:active{transform:scale(.96)}
.nav-item.active{background:var(--blue-l);color:var(--blue-d);font-weight:600}
.ni{font-size:18px}
.theme-btn{
  position:absolute;bottom:14px;left:14px;right:14px;display:flex;align-items:center;justify-content:center;gap:6px;
  padding:9px;border-radius:12px;background:var(--blue-l);color:var(--blue-d);font-size:13px;font-weight:600;
}

@media(min-width:900px){
  .nav{left:0;top:0;bottom:0;width:200px;padding:0 10px;display:flex;flex-direction:column;gap:4px}
  .main{margin-left:200px;padding:28px 34px;max-width:1080px;flex:1}
}
@media(max-width:899px){
  .nav{left:0;right:0;bottom:0;display:flex;justify-content:space-around;padding:6px 2px calc(6px + env(safe-area-inset-bottom));gap:2px}
  .nav-brand{display:none}
  .nav-item{flex-direction:column;gap:2px;padding:6px 2px;width:auto;flex:1;font-size:11px;justify-content:center}
  .theme-btn{display:none}
  .main{padding:16px 14px 96px;width:100%}
}

/* ===== 通用组件 ===== */
.page-head{margin-bottom:16px}
.sub{color:var(--txt2);font-size:13px}
.card{
  background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:16px;margin-bottom:14px;
  transition:transform .22s ease,box-shadow .22s ease,background .35s ease;
}
.card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover)}
.card h3{margin-bottom:10px;display:flex;align-items:center;gap:6px}
.grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:640px){.grid2{grid-template-columns:1fr}}
.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.btn{background:var(--blue-grad);color:#fff;border-radius:12px;padding:9px 18px;font-size:14px;font-weight:600;transition:transform .12s ease,opacity .2s ease;box-shadow:0 4px 12px var(--blue-soft)}
.btn:active{transform:scale(.96)}
.btn.ghost{background:var(--blue-l);color:var(--blue-d);box-shadow:none}
.btn.ghost.danger{background:var(--red-l);color:var(--red)}
.btn.sm{padding:5px 12px;font-size:12.5px;border-radius:9px}
.btn.teal{background:var(--teal)}
.btn.gray{background:#eceeef;color:var(--txt2)}
[data-theme="dark"] .btn.gray{background:#33383d}
.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;background:var(--blue-l);color:var(--blue-d);transition:transform .12s ease}
.chip:active{transform:scale(.94)}
.chip.teal{background:var(--teal-l);color:var(--teal)}
.chip.violet{background:var(--violet-l);color:var(--violet)}
.chip.amber{background:var(--amber-l);color:var(--amber)}
.chip.blue{background:var(--blue-l);color:var(--blue-d)}
.chip.sel{outline:2px solid currentColor}
/* 记账分类管理弹窗 */
.cat-manage{display:flex;flex-direction:column;gap:16px;margin-top:10px}
.cat-sec-h{font-weight:600;font-size:13.5px;margin-bottom:8px;color:var(--txt)}
#catList-expense,#catList-income{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}
.cat-row{display:flex;align-items:center;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:7px 10px}
.cat-row .cat-color{width:30px;height:30px;border:none;background:none;padding:0;cursor:pointer;border-radius:6px;flex:none}
.cat-row .cat-name{flex:1;min-width:0;border:1px solid var(--line);border-radius:8px;padding:6px 9px;font-size:13.5px;background:var(--bg);color:var(--txt)}
.cat-row .cat-count{font-size:12px;color:var(--txt2);white-space:nowrap;flex:none}
[data-theme="dark"] .cat-row .cat-name{background:#2c3034}
.empty{color:var(--txt2);text-align:center;padding:22px 0;font-size:13.5px}
.divider{height:1px;background:var(--line);margin:12px 0}
.tag-row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
.seg{display:flex;background:#eceeef;border-radius:12px;padding:3px;gap:2px;flex-wrap:wrap;transition:background .35s ease}
[data-theme="dark"] .seg{background:#2c3034}
.seg button{flex:1;padding:7px 10px;border-radius:10px;font-size:13.5px;color:var(--txt2);white-space:nowrap;transition:background .2s ease,transform .12s ease}
.seg button:active{transform:scale(.96)}
.seg button.on{background:#fff;color:var(--blue-d);font-weight:600;box-shadow:0 1px 4px rgba(0,0,0,.08)}
[data-theme="dark"] .seg button.on{background:#3a4045}
.list-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);transition:background .35s ease}
.list-item:last-child{border-bottom:none}
/* 首页卡片通用：可点击条目（公众号草稿 / 小说大纲共用） */
.wx-draft{display:flex;align-items:flex-start;gap:10px;padding:10px 0;border-bottom:1px solid var(--line);cursor:pointer;transition:background .2s ease}
.wx-draft:last-child{border-bottom:none}
.wx-draft:hover{background:var(--line)}
.wx-draft-main{flex:1;min-width:0}
.wx-draft-title{font-weight:700;font-size:14px;color:var(--txt);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.wx-draft-digest{font-size:12.5px;color:var(--sub);margin-top:3px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wx-draft-actions{flex:none;align-self:center}
.vlink{color:var(--accent,#07c160);font-size:12.5px;font-weight:600;white-space:nowrap}
.src-chip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;line-height:1.6;font-weight:600;color:var(--accent,#07c160);background:color-mix(in srgb,var(--accent,#07c160) 14%,transparent);vertical-align:middle}
.status-chip{display:inline-block;margin-left:6px;padding:1px 7px;border-radius:999px;font-size:11px;line-height:1.6;font-weight:600;vertical-align:middle}
.status-pending{color:#b7791f;background:rgba(183,121,31,.16)}
.status-published{color:#07c160;background:rgba(7,193,96,.16)}
.status-deprecated{color:#9aa0a6;background:rgba(154,160,166,.18);text-decoration:line-through}
.status-select{margin-top:4px;font-size:12px;padding:3px 6px;border-radius:8px;border:1px solid var(--line);background:var(--card);color:var(--txt);cursor:pointer}
.status-select:disabled{opacity:.6}
/* 弹窗内 Markdown 渲染（小说大纲详情） */
.modal-head{margin-bottom:10px}
.md-view{font-size:14px;line-height:1.7;color:var(--txt)}
.md-view h1,.md-view h2,.md-view h3,.md-view h4{margin:14px 0 6px;line-height:1.3;color:var(--txt)}
.md-view h1{font-size:18px}.md-view h2{font-size:16px}.md-view h3{font-size:15px}
.md-view p{margin:8px 0}
.md-view ul,.md-view ol{margin:8px 0;padding-left:20px}
.md-view li{margin:3px 0}
.md-view blockquote{margin:8px 0;padding:6px 12px;border-left:3px solid var(--accent,#07c160);background:var(--line);border-radius:8px;color:var(--sub)}
.md-view code{background:var(--line);padding:1px 5px;border-radius:5px;font-size:12px}
.md-view hr{border:none;border-top:1px solid var(--line);margin:12px 0}
.md-table-wrap{overflow-x:auto;margin:8px 0}
.md-table{border-collapse:collapse;width:100%;font-size:12.5px}
.md-table th,.md-table td{border:1px solid var(--line);padding:5px 8px;text-align:left;vertical-align:top}
.md-table th{background:var(--line)}
.del{color:#ccb;font-size:16px;padding:4px;border-radius:8px;transition:color .2s ease,background .2s ease}
.del:hover{color:var(--up);background:var(--blue-soft)}
.num{font-variant-numeric:tabular-nums;font-weight:700}
.up{color:var(--up)}.down{color:var(--down)}

/* 弹窗 */
.modal-mask{position:fixed;inset:0;background:rgba(40,50,56,.40);z-index:99;display:flex;align-items:flex-end;justify-content:center;backdrop-filter:blur(2px);animation:maskIn .25s ease}
@keyframes maskIn{from{opacity:0}to{opacity:1}}
.modal{background:var(--card);border-radius:20px 20px 0 0;padding:20px;width:100%;max-width:480px;max-height:85vh;overflow:auto;animation:modalUp .3s cubic-bezier(.2,.8,.2,1);transition:background .35s ease}
@keyframes modalUp{from{transform:translateY(40px);opacity:.6}to{transform:none;opacity:1}}
@media(min-width:640px){.modal{border-radius:20px}}
.modal h3{margin-bottom:14px}
.form-row{margin-bottom:12px}
.form-row label{display:block;font-size:13px;color:var(--txt2);margin-bottom:5px}
.toast{position:fixed;top:18px;left:50%;transform:translateX(-50%);background:var(--blue-d);color:#fff;padding:9px 18px;border-radius:99px;font-size:13.5px;z-index:200;box-shadow:0 4px 14px rgba(0,0,0,.2);animation:toastIn .3s ease}
@keyframes toastIn{from{transform:translate(-50%,-12px);opacity:0}to{transform:translate(-50%,0);opacity:1}}

/* 模块切换动效 */
.main.anim{animation:fadeUp .32s cubic-bezier(.22,.7,.25,1)}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* ===== 首页 ===== */
.hero{position:relative;background:var(--blue-grad);color:#fff;border-radius:var(--r);padding:20px;margin-bottom:14px;overflow:hidden;box-shadow:var(--sh)}
.hero .date{opacity:.92;font-size:13px}
.hero h2{color:#fff;font-size:22px;margin:4px 0 8px}
.hero .phase-line{background:rgba(255,255,255,.22);border-radius:12px;padding:9px 12px;font-size:13.5px;margin-top:6px}
.theme-btn-hero{position:absolute;top:16px;right:16px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.22);color:#fff;font-size:17px;display:flex;align-items:center;justify-content:center;overflow:hidden;transition:transform .15s ease,background .2s ease}
.theme-btn-hero:active{transform:scale(.9);background:rgba(255,255,255,.32)}
.quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.quick-grid button{background:var(--blue-l);border:1px solid var(--line);border-radius:16px;padding:14px 4px;font-size:12px;color:var(--txt);display:flex;flex-direction:column;gap:6px;align-items:center;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.quick-grid button:hover{transform:translateY(-2px);background:var(--blue-soft);box-shadow:var(--sh)}
.quick-grid .qi{font-size:22px}
@media(max-width:480px){.quick-grid{grid-template-columns:repeat(2,1fr)}}

/* ===== 记账 ===== */
.stat3{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:14px}
.stat3 .card{margin:0;text-align:center;padding:13px 6px}
.stat3 .lab{font-size:12px;color:var(--txt2)}
.stat3 .val{font-size:17px;font-weight:700;margin-top:3px}
/* 饼图 */
.pie-wrap{display:flex;align-items:center;gap:16px;flex-wrap:wrap}
.pie{width:140px;height:140px;flex-shrink:0;filter:drop-shadow(0 6px 14px var(--blue-soft))}
.pie-legend{flex:1;min-width:140px;display:flex;flex-direction:column;gap:7px}
.pie-legend .pl{display:flex;align-items:center;gap:8px;font-size:13px}
.pie-legend .dot{width:11px;height:11px;border-radius:4px;flex-shrink:0}
.pie-legend .pv{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--txt2)}

/* ===== 经期日历 ===== */
.cal-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.cal{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center}
.cal .wd{font-size:11.5px;color:var(--txt2);padding:4px 0}
.cal .day{position:relative;border-radius:10px;padding:7px 0 5px;font-size:13px;cursor:pointer;border:1.5px solid transparent;transition:transform .12s ease,background .2s ease}
.cal .day:active{transform:scale(.9)}
.cal .day.today{border-color:var(--blue-d);font-weight:700}
.cal .day.p-period{background:var(--period-bg);color:var(--period-fg);font-weight:700}
.cal .day.p-follicular{background:var(--teal-l);color:var(--teal)}
.cal .day.p-ovulation{background:var(--violet-l);color:var(--violet)}
.cal .day.p-luteal{background:var(--amber-l);color:var(--amber)}
.cal .day .dot{position:absolute;bottom:2px;left:50%;transform:translateX(-50%);width:4px;height:4px;border-radius:50%;background:var(--blue-d)}
.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:11.5px;color:var(--txt2);margin-top:10px}
.legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:4px;vertical-align:-1px}
.phase-card{border-left:4px solid var(--blue);padding-left:12px;margin-bottom:12px;border-radius:0 8px 8px 0;transition:background .35s ease}
.phase-card .pc-tit{font-weight:700;margin-bottom:4px}
.phase-card p{font-size:13.5px;color:var(--txt2);margin:3px 0}
.phase-card b{color:var(--txt)}

/* ===== 待办 ===== */
.todo-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--blue);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fff;transition:transform .12s ease}
.todo-check:active{transform:scale(.85)}
.todo-check.done{background:var(--blue);border-color:var(--blue)}
.todo-text.done{text-decoration:line-through;color:var(--txt2)}
.inspo-link{color:var(--blue-d);text-decoration:underline;text-underline-offset:2px;word-break:break-all}
.inspo-link:active{opacity:.7}
.week-grid{display:grid;gap:8px}
.week-day{display:flex;gap:10px;align-items:flex-start}
.week-day .wdl{width:52px;flex-shrink:0;font-size:12.5px;color:var(--txt2);padding-top:9px;text-align:center}
.week-day .wdl.today{color:var(--blue-d);font-weight:700}
.week-day textarea{min-height:38px;resize:vertical;font-size:13px}

/* 周计划看板（与日计划联动） */
.week-rows{display:flex;flex-direction:column;gap:10px}
.wk-row{display:flex;gap:10px;background:var(--blue-l);border-radius:12px;padding:10px;transition:outline .2s ease}
.wk-row.today{outline:2px solid var(--pink)}
.wk-head{width:66px;flex:none;text-align:center;display:flex;flex-direction:column;justify-content:center;gap:2px}
.wk-head .d{font-size:16px;font-weight:700;color:var(--txt)}
.wk-head .dw{font-size:12px;color:var(--txt2)}
.wk-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:6px}
.wk-todos{display:flex;flex-direction:column;gap:5px}
.wk-row .list-item{background:var(--card);border-radius:8px;align-items:center}
.wk-foot{display:flex;gap:6px}
.wk-memo{margin-top:0;font-size:12px;min-height:0}

/* 日计划日期选择器 */
.date-pick{padding:8px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);color:var(--txt);font-size:14px}

/* 待办/日历徽标 */
.day-badge{display:inline-block;font-size:10px;line-height:1.4;padding:1px 6px;border-radius:99px;background:var(--pink-l);color:var(--blue-d);margin-top:3px;font-weight:600}

/* 弹窗分区标题 */
.modal-sec{font-size:13px;font-weight:700;color:var(--txt);margin:12px 0 6px}

/* 食谱/运动 */
.meal-card{background:var(--teal-l);border-radius:12px;padding:12px;margin-bottom:8px;transition:background .35s ease,transform .18s ease}
.meal-card:hover{transform:translateY(-2px)}
.meal-card .mc-t{font-size:12px;color:var(--teal);font-weight:700}
.meal-card .mc-n{font-weight:600;margin:2px 0}
.meal-card p{font-size:12.5px;color:var(--txt2)}
.ex-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--line)}
.ex-item:last-child{border:none}
.ex-item .en{font-weight:600;font-size:14px}
.ex-item .ed{font-size:12px;color:var(--txt2);margin-top:2px}
.vlink{color:var(--blue-d);font-size:12.5px;text-decoration:none;background:var(--blue-l);padding:5px 10px;border-radius:8px;white-space:nowrap;transition:transform .12s ease}
.vlink:active{transform:scale(.94)}

/* ===== 记录 ===== */
.rec-pin{background:linear-gradient(135deg,#f5f0e8,#f6eef0);border-radius:12px;padding:12px;margin-bottom:8px}
[data-theme="dark"] .rec-pin{background:linear-gradient(135deg,#2e2b25,#2c272b)}
.rec-pin .rp-t{font-size:11.5px;color:var(--blue-d);font-weight:700}
.rec-pin .rp-n{font-weight:700;margin:3px 0 2px}
.rec-pin p{font-size:12.5px;color:var(--txt2)}
.stars{color:var(--amber);font-size:13px;letter-spacing:1px}
/* 阅读统计柱状图 */
.bar-chart{display:flex;align-items:flex-end;gap:14px;height:150px;padding:6px 4px 0}
.bar-col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end}
.bar-col .bar{width:100%;max-width:46px;border-radius:10px 10px 4px 4px;background:var(--blue-grad);opacity:.85;
  box-shadow:0 4px 12px var(--blue-soft);transition:height .5s cubic-bezier(.2,.8,.2,1)}
.bar-col .bn{font-size:12px;color:var(--txt2)}
.bar-col .bv{font-size:12px;font-weight:700;color:var(--blue-d)}
.prog{height:8px;border-radius:99px;background:var(--line);overflow:hidden;margin:10px 0}
.prog>i{display:block;height:100%;border-radius:99px;background:var(--blue-grad);transition:width .3s ease}

/* ===== 学习 ===== */
.lesson{border-radius:14px;padding:14px;margin-bottom:12px;transition:background .35s ease,transform .18s ease}
.lesson:hover{transform:translateY(-2px)}
.lesson.en{background:var(--blue-l)}
.lesson.ko{background:var(--violet-l)}
.lesson .ls-tag{font-size:11.5px;font-weight:700}
.lesson.en .ls-tag{color:var(--blue-d)}
.lesson.ko .ls-tag{color:var(--violet)}
.lesson h4{margin:4px 0 10px;font-size:16px}
.sent{background:rgba(255,255,255,.75);border-radius:10px;padding:9px 12px;margin-bottom:7px}
[data-theme="dark"] .sent{background:rgba(255,255,255,.06)}
.sent .s1{font-weight:600;font-size:14.5px}
.sent .s2{font-size:12px;color:var(--txt2);margin-top:2px}
.sent .s3{font-size:13px;color:var(--txt);margin-top:2px}

/* ===== 基金 ===== */
.fund-card{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.fund-card:last-child{border:none}
.fund-card .fn{font-weight:600;font-size:14.5px;max-width:52vw}
.fund-card .fc{font-size:12px;color:var(--txt2);margin-top:2px}
.fund-card .fv{text-align:right}
.fund-card .pct{font-size:17px;font-weight:700}
.fund-card .nav1{font-size:12px;color:var(--txt2);margin-top:2px}

/* ===== 更多页（5导航入口） ===== */
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.more-card{background:var(--card);border-radius:var(--r);box-shadow:var(--sh);padding:18px 10px;text-align:center;transition:transform .2s ease,box-shadow .2s ease}
.more-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover)}
.more-card .mi{font-size:30px;display:block;margin-bottom:8px}
.more-card .mt{font-size:13.5px;color:var(--txt)}
@media(max-width:480px){.more-grid{grid-template-columns:repeat(3,1fr)}}

/* 个人IP运营（知乎/抖音/公众号 跳转卡片） */
.ipops-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:560px){.ipops-grid{grid-template-columns:1fr}}
.ipops-card{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px 16px;text-decoration:none;color:var(--txt);transition:transform .18s ease,box-shadow .18s ease;display:flex;flex-direction:column;align-items:center;text-align:center;cursor:pointer}
.ipops-card:hover{transform:translateY(-4px);box-shadow:var(--sh-hover)}
.ipops-icon{font-size:40px;margin-bottom:10px}
.ipops-name{font-size:18px;font-weight:700;margin-bottom:4px}
.ipops-desc{font-size:12px;color:var(--txt2);margin-bottom:10px}
.ipops-arrow{font-size:12px;color:var(--blue-d);font-weight:600}
.ipops-platform{cursor:default}
.ipops-followers{font-size:24px;font-weight:700;color:var(--blue-d);margin:2px 0 4px;font-variant-numeric:tabular-nums}
.ipops-followers small{font-size:12px;font-weight:500;color:var(--txt2)}
.ipops-actions{justify-content:center;margin-top:auto}
.ipops-actions .vlink{font-size:12px;padding:2px 4px}
.ip-page-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ip-page-head>div{min-width:0}
.ip-auto-note{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;background:var(--blue-l);color:var(--txt2);border-radius:10px;padding:8px 12px;margin:-6px 0 14px;font-size:12px}
.ip-sync-warning{color:var(--amber);cursor:help}
.ip-sync-info{color:var(--blue-d);cursor:help}
.btn:disabled{opacity:.55;cursor:wait;transform:none}
.ip-section-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}
.ip-section-head h3{margin-bottom:3px}
.ip-filter{width:auto;min-width:120px;padding:6px 10px;font-size:12.5px}
.ip-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}
.ip-stat{background:var(--bg);border:1px solid var(--line);border-radius:12px;padding:12px;text-align:center}
.ip-stat span{display:block;color:var(--txt2);font-size:12px;margin-bottom:4px}
.ip-stat b{font-size:20px;color:var(--txt);font-variant-numeric:tabular-nums}
.ip-content-list,.ip-idea-list{border-top:1px solid var(--line)}
.ip-content-item{display:grid;grid-template-columns:minmax(180px,1fr) auto auto;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}
.ip-content-item:last-child,.ip-idea-item:last-child{border-bottom:none}
.ip-content-title{font-size:14px;font-weight:650;margin-bottom:4px;word-break:break-word}
.ip-content-title a{color:var(--txt);text-decoration:none}.ip-content-title a:hover{color:var(--blue-d)}
.ip-metrics{display:grid;grid-template-columns:repeat(4,minmax(58px,auto));gap:5px;font-size:12px;color:var(--txt2);font-variant-numeric:tabular-nums}
.ip-metrics span{background:var(--bg);border-radius:8px;padding:5px 7px;text-align:center;white-space:nowrap}
.ip-row-actions{display:flex}
.ip-idea-item{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}
.ip-idea-body{flex:1;min-width:0;line-height:1.45}
.ip-idea-item .chip{cursor:pointer;white-space:nowrap}
.ip-metric-form{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
@media(max-width:700px){
  .ip-stat-grid{grid-template-columns:repeat(2,1fr)}
  .ip-content-item{grid-template-columns:1fr auto;gap:8px}
  .ip-metrics{grid-column:1/-1;grid-row:2;grid-template-columns:repeat(4,1fr)}
  .ip-row-actions{grid-column:2;grid-row:1}
}
@media(max-width:480px){
  .ip-metric-form{grid-template-columns:repeat(2,1fr)}
  .ip-section-head>.row{width:100%}.ip-section-head>.row .ip-filter{flex:1}
  .ip-metrics{font-size:11px;gap:3px}.ip-metrics span{padding:5px 3px}
  .ip-idea-item{align-items:flex-start;flex-wrap:wrap}.ip-idea-body{flex-basis:calc(100% - 80px)}
  .ip-page-head{align-items:flex-start}.ip-page-head .btn{flex-shrink:0}
}

/* 小说预发布清单 */
.novel-list{display:flex;flex-direction:column;gap:10px}
.novel-item{position:relative;background:var(--bg);border-radius:10px;padding:12px 36px 10px 14px}
.novel-date{font-size:12px;color:var(--txt2);margin-bottom:4px}
.novel-name{font-size:15px;font-weight:700;color:var(--txt);margin-bottom:4px}
.novel-summary{font-size:13px;color:var(--txt2);line-height:1.4;margin-bottom:4px}
.novel-url{font-size:12px;color:var(--blue-d);text-decoration:none}
.novel-url:hover{text-decoration:underline}

/* ===== WorkBuddy AI 悬浮入口 + 聊天面板 ===== */
.ai-fab{
  position:fixed;right:16px;bottom:78px;z-index:60;width:54px;height:54px;border-radius:50%;
  background:var(--blue-grad);color:#fff;font-size:24px;display:flex;align-items:center;justify-content:center;
  box-shadow:0 8px 22px var(--blue-soft);transition:transform .15s ease,box-shadow .2s ease;
}
.ai-fab:active{transform:scale(.92)}
@media(min-width:900px){.ai-fab{bottom:24px;right:24px}}
.ai-mask{position:fixed;inset:0;background:rgba(60,40,48,.35);z-index:120;display:flex;align-items:flex-end;justify-content:center}
.ai-panel{
  width:100%;max-width:560px;height:82vh;max-height:760px;background:var(--card);
  border-radius:20px 20px 0 0;display:flex;flex-direction:column;overflow:hidden;
  box-shadow:0 -10px 40px rgba(60,40,48,.25);animation:aiUp .28s ease;
}
@keyframes aiUp{from{transform:translateY(40px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(min-width:900px){.ai-panel{border-radius:18px;height:78vh}}
.ai-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--line);background:var(--blue-l)}
.ai-title{font-weight:700;font-size:15.5px;color:var(--blue-d)}
.icon-btn{width:32px;height:32px;border-radius:9px;background:var(--card);color:var(--blue-d);font-size:15px;display:flex;align-items:center;justify-content:center;box-shadow:var(--sh)}
.icon-btn:active{transform:scale(.92)}
.ai-settings{padding:14px 16px;border-bottom:1px solid var(--line);background:var(--card);animation:aiUp .2s ease}
.ai-settings .lbl{display:block;font-size:12px;color:var(--txt2);margin:10px 0 4px}
.ai-settings .lbl:first-child{margin-top:0}
.ai-msgs{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;background:var(--bg)}
.ai-msg{max-width:86%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.55;white-space:pre-wrap;word-break:break-word}
.ai-msg.user{align-self:flex-end;background:var(--blue-grad);color:#fff;border-bottom-right-radius:4px}
.ai-msg.assistant{align-self:flex-start;background:var(--card);color:var(--txt);border:1px solid var(--line);border-bottom-left-radius:4px;box-shadow:var(--sh)}
.ai-msg.thinking{opacity:.7}
.ai-input{display:flex;gap:10px;align-items:flex-end;padding:12px 14px;border-top:1px solid var(--line);background:var(--card)}
.ai-input textarea{resize:none;max-height:120px;line-height:1.5;border-radius:12px;padding:10px 12px}
.ai-input .btn{flex-shrink:0;align-self:stretch;padding:0 18px}
/* ===== WorkBuddy 跳转面板 ===== */
.ai-jump{flex:1;overflow-y:auto;padding:18px 20px;display:flex;flex-direction:column;background:var(--bg)}
.jump-btn{font-size:16px;padding:14px;font-weight:700;border-radius:14px}
.wb-qr{width:200px;height:200px;align-self:center;border-radius:14px;background:#fff;padding:8px;box-shadow:var(--sh)}
.ai-jump .ai-settings{margin-top:12px;border-bottom:none}

/* ===== 呼啦圈打卡 chip ===== */
.chip.pink{background:var(--pink-l);color:var(--pink-d)}
.hoop-sum{background:var(--blue-l);color:var(--txt);border-radius:12px;padding:9px 12px;font-size:13px;margin-bottom:10px;line-height:1.4}
.hoop-sum b{color:var(--pink-d);font-weight:700}
.hoop-status{font-weight:600;font-size:14px;margin:4px 0 10px}
.hoop-status.done{color:var(--up)}
.hoop-status:not(.done){color:var(--txt2)}
.hoop7{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;margin:2px 0 4px}
.h7-cell{border:1px solid var(--line);border-radius:10px;padding:6px 0;text-align:center;color:var(--txt2);background:var(--card)}
.h7-cell.today{border-color:var(--blue);border-width:2px}
.h7-cell.on{background:#ffeef1;border-color:var(--up);color:var(--up)}
.h7-d{font-size:10px;line-height:1.2}
.h7-n{font-weight:600;font-size:13px;color:var(--txt)}
.h7-dot{height:14px;font-weight:700;color:var(--up);font-size:12px}
.hoop-dur{display:inline-block;margin-left:6px;padding:1px 8px;border-radius:20px;background:var(--pink-l);color:var(--pink-d);font-size:12px;font-weight:600}
/* ===== 账本日历热力图 ===== */
.cal-heat{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-heat .hw{font-size:11px;color:var(--txt2);text-align:center;padding-bottom:2px}
.cal-heat .hc{border-radius:8px;min-height:42px;padding:4px 2px;text-align:center;background:var(--blue-l);display:flex;flex-direction:column;justify-content:center;align-items:center;transition:transform .15s ease}
.cal-heat .hc.empty-cell{background:transparent}
.cal-heat .hd{font-size:12px;font-weight:600;color:var(--txt)}
.cal-heat .ha{font-size:10px;color:var(--txt2);margin-top:1px}
/* 月计划·日历格子 */
.cal-heat .hc.cal-cell{cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}
.cal-heat .hc.cal-cell:hover{transform:scale(1.06);box-shadow:var(--sh)}
.cal-heat .hc.cal-cell.has{outline:2px solid var(--pink)}
.cal-heat .hc .ct{font-size:10px;color:var(--txt2);margin-top:2px;line-height:1.2;max-height:24px;overflow:hidden}
/* 资产账本·年历图 */
.year-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
@media(max-width:560px){.year-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:380px){.year-grid{grid-template-columns:repeat(2,1fr)}}
.year-cell{border:1px solid var(--line);border-radius:14px;padding:14px 10px;background:var(--blue-l);display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:96px;text-align:center;transition:transform .15s ease,box-shadow .15s ease}
.year-cell.has{cursor:pointer}
.year-cell.has:hover{transform:translateY(-3px);box-shadow:var(--sh)}
.year-cell .yc-en{font-size:17px;font-weight:800;letter-spacing:1px;color:var(--txt)}
.year-cell .yc-cn{font-size:12px;color:var(--txt2);margin-bottom:8px}
.year-cell .yc-val{font-size:15px;font-weight:700;color:var(--txt);line-height:1.2;word-break:break-all}
.year-cell .yc-empty{font-size:12px;color:var(--txt2);opacity:.7}
.mini-cal{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:8px}
.mini-cal .mc-title{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--txt)}
.cal-heat.sm{gap:3px}
.cal-heat.sm .hc{min-height:26px;padding:2px 1px;border-radius:6px}
.cal-heat.sm .hd{font-size:10px}
/* 基金实时看板 */
.fund-summary .fs-block{display:flex;flex-direction:column;line-height:1.25}
.fund-summary .fs-num{font-size:24px;font-weight:800;color:var(--txt)}
.fund-summary .fs-lab{font-size:12px;color:var(--txt2)}
.fund-summary .fs-chip{padding:4px 10px;border-radius:99px;font-size:13px;font-weight:700}
.fund-summary .fs-chip.up{background:color-mix(in srgb,var(--up) 16%,transparent);color:var(--up)}
.fund-summary .fs-chip.down{background:color-mix(in srgb,var(--down) 16%,transparent);color:var(--down)}
.fund-summary .fs-live{font-size:13px;font-weight:700;color:var(--up)}
.fund-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:12px;margin-top:4px}
.fcard{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:12px;display:flex;flex-direction:column;gap:6px;box-shadow:var(--sh);transition:transform .18s ease,box-shadow .18s ease}
.fcard:hover{transform:translateY(-2px);box-shadow:var(--sh-hover)}
.fcard.bad{border-color:#e0a0a0}
.fcard .fc-top{display:flex;justify-content:space-between;align-items:center}
.fcard .fn{font-weight:600;font-size:13.5px;line-height:1.3}
.fcard .fpct{font-size:20px;font-weight:800;font-variant-numeric:tabular-nums}
.fcard .fbig{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.1}
.fcard .fsub{font-size:11px;color:var(--txt2)}
.kline-svg{width:100%;height:auto;display:block;border:1px solid var(--line);border-radius:10px;background:var(--card)}
.stock-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}
.spark{width:100%;height:30px;display:block}
.empty-spark{height:30px;border-radius:6px;background:var(--blue-l);opacity:.5}
.fcard .del.sm{position:static;padding:2px 8px;font-size:12px;background:var(--blue-l);color:var(--up)}
.fcard.clickable{cursor:pointer}
.fcard.clickable:active{transform:scale(.985)}
.fcard .fmore{font-size:11px;color:var(--blue-d);opacity:0;transition:opacity .18s ease}
.fcard.clickable:hover .fmore{opacity:1}
@media(hover:none){.fcard .fmore{opacity:.8}}

/* ===== 基金详情页 ===== */
.fd-back{display:inline-flex;align-items:center;gap:4px;font-size:14px;color:var(--blue-d);cursor:pointer;padding:6px 12px 6px 8px;margin-bottom:10px;border-radius:10px;background:var(--blue-l);user-select:none;transition:background .18s ease,transform .12s ease}
.fd-back:hover{background:var(--blue-soft)}
.fd-back:active{transform:scale(.96)}
.fd-hero{background:linear-gradient(160deg,var(--blue-l),var(--card) 62%)}
.fd-title{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px}
.fd-name{font-size:17px;font-weight:700;line-height:1.35}
.fd-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.fd-meta .chip{font-size:11.5px;padding:2px 9px}
.fd-navrow{display:flex;gap:10px;flex-wrap:wrap}
.fd-navbox{flex:1;min-width:96px}
.fd-navval{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15}
.fd-navval2{font-size:26px;font-weight:800;font-variant-numeric:tabular-nums;line-height:1.15;color:var(--txt)}
.fd-navlab{font-size:11.5px;color:var(--txt2);margin-top:3px}
.fd-live{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px dashed var(--line);font-size:13px;flex-wrap:wrap}
.fd-live .lb{font-size:11.5px;color:var(--txt2);background:var(--blue-l);padding:2px 8px;border-radius:99px}
.fd-live b{font-size:16px;font-variant-numeric:tabular-nums}
.fd-live .lt{font-size:11px;color:var(--txt2);margin-left:auto}
.fd-rangepct{font-size:14px;font-weight:700;margin-left:6px;font-variant-numeric:tabular-nums}

.fchart-wrap{margin-top:2px}
.fchart{width:100%;height:auto;display:block;overflow:visible}
.fchart-axis{display:flex;justify-content:space-between;font-size:11px;color:var(--txt2);margin-top:2px;padding:0 2px}

.fd-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}
.fd-table{width:100%;border-collapse:collapse;font-size:13px;min-width:400px}
.fd-table th{font-size:11.5px;color:var(--txt2);font-weight:500;padding:6px 8px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.fd-table td{padding:8px;border-bottom:1px solid var(--line);white-space:nowrap}
.fd-table tr:last-child td{border-bottom:none}
.fd-table .num{text-align:right;font-variant-numeric:tabular-nums}
.fd-table th.num{text-align:right}
.fd-table .pl{color:var(--txt2);font-size:12.5px}
.fd-table .strong{font-weight:700}
.fd-table .rk{font-size:12px;color:var(--txt2)}

.fd-stock{display:grid;grid-template-columns:1fr 70px 52px 66px;align-items:center;gap:8px;padding:8px 0;border-bottom:1px solid var(--line)}
.fd-stock:last-child{border-bottom:none}
.fd-stock .fs-name{display:flex;flex-direction:column;min-width:0}
.fd-stock .fs-name .n{font-size:13.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-stock .fs-name .c{font-size:11px;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.fd-stock .fs-bar{height:6px;border-radius:99px;background:var(--blue-l);overflow:hidden}
.fd-stock .fs-bar i{display:block;height:100%;border-radius:99px;background:var(--blue-grad)}
.fd-stock .fs-pct{font-size:13px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums}
.fd-stock .fs-chg{font-size:11.5px;text-align:right;color:var(--txt2);font-variant-numeric:tabular-nums}
@media(max-width:520px){
  .fd-stock{grid-template-columns:1fr 46px 60px}
  .fd-stock .fs-bar{display:none}
}

.fd-info{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:8px 14px}
.fd-info-item{display:flex;justify-content:space-between;gap:8px;font-size:13px;padding:5px 0;border-bottom:1px dashed var(--line)}
.fd-info-item .k{color:var(--txt2);font-size:12.5px;white-space:nowrap}
.fd-info-item .v{text-align:right;word-break:break-all}
.fd-info-item .v s{color:var(--txt2);opacity:.7;margin-right:3px}
/* ===== 记录封面 ===== */
.rec-cover{width:42px;height:56px;border-radius:8px;object-fit:cover;flex-shrink:0;background:var(--line)}
/* ===== 自动搜索结果 ===== */
.rc-result{display:flex;flex-direction:column;gap:8px;margin-bottom:6px}
.rc-item{display:flex;align-items:center;gap:10px;padding:8px;border:1px solid var(--line);border-radius:12px;background:var(--bg)}
.rc-thumb{width:38px;height:52px;border-radius:6px;object-fit:cover;flex-shrink:0;background:var(--line)}
.rc-noimg{display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--txt2)}
.rc-info{flex:1;min-width:0}
.rc-t{font-size:13.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rc-s{font-size:11.5px;color:var(--txt2)}
/* ===== 资产趋势图 ===== */
.trend{width:100%;height:auto;display:block}
/* ===== 生活灵感 ===== */
.inspo-card{background:var(--card);border-radius:var(--r);padding:14px 16px;margin-bottom:12px;box-shadow:var(--sh);transition:transform .18s ease,box-shadow .18s ease}
.inspo-card:hover{transform:translateY(-3px);box-shadow:var(--sh-hover)}
.inspo-tag{display:inline-block;font-size:11px;font-weight:600;padding:2px 10px;border-radius:999px;margin-bottom:8px;color:#fff}
.inspo-tag.show{background:var(--pink)}
.inspo-tag.expo{background:var(--violet)}
.inspo-tag.park{background:var(--teal)}
.inspo-tag.market{background:var(--amber)}
.inspo-t{font-size:15.5px;font-weight:700;color:var(--txt);line-height:1.4}
.inspo-meta{font-size:12.5px;color:var(--txt2);margin:6px 0 8px;line-height:1.5}
.inspo-desc{font-size:13px;color:var(--txt);line-height:1.6;margin-bottom:10px}
.inspo-actions{align-items:center;gap:10px;flex-wrap:wrap}
.inspo-actions .inspo-src{font-size:11px;color:var(--txt2);margin-left:auto}
/* 待办日期小切换 seg */
.seg.sm{display:inline-flex;gap:4px;background:var(--bg);border-radius:999px;padding:3px}
.seg.sm button{border:none;background:transparent;color:var(--txt2);font-size:13px;padding:4px 12px;border-radius:999px;cursor:pointer;transition:background .15s ease,color .15s ease}
.seg.sm button:hover{color:var(--txt)}
.seg.sm button.on{background:var(--blue);color:#fff}

/* ===== 设置 · UI 风格切换 ===== */
.style-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.style-card{position:relative;background:var(--card);border:2px solid var(--line);border-radius:14px;padding:14px 8px;text-align:center;transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease;overflow:hidden}
.style-card:active{transform:scale(.96)}
.style-card.on{border-color:var(--blue);box-shadow:0 6px 18px var(--blue-soft)}
.style-card .sw{display:block;width:100%;height:42px;border-radius:10px;margin-bottom:8px}
.style-card .sn{font-size:13px;color:var(--txt);font-weight:600}
.style-card .sc{position:absolute;top:6px;right:8px;color:var(--blue-d);font-weight:700;font-size:14px}
@media(max-width:480px){.style-grid{grid-template-columns:repeat(2,1fr)}}
/* 体重趋势图内嵌卡片微调 */
.wchart-tip{font-size:12px;color:var(--txt2);margin-top:6px}

/* ===== 登录 / 注册 遮罩 ===== */
.login-screen{position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;
  background:linear-gradient(135deg,var(--blue-l),#eef3ff);padding:20px}
.login-screen[hidden]{display:none}
.login-card{width:100%;max-width:340px;background:var(--card);border-radius:18px;padding:26px 22px;
  box-shadow:0 14px 44px rgba(180,140,160,.28);text-align:center}
.login-brand{font-size:25px;font-weight:800;color:var(--blue-d)}
.login-sub{color:var(--txt2);font-size:13px;margin:6px 0 18px}
.login-tabs{display:flex;gap:8px;margin-bottom:14px}
.login-tabs button{flex:1;padding:9px;border:none;border-radius:10px;background:var(--blue-l);color:var(--blue-d);font-size:14px;cursor:pointer}
.login-tabs button.active{background:var(--blue-grad);color:#fff}
.login-input{width:100%;padding:11px 12px;margin-bottom:10px;border:1px solid var(--line);border-radius:10px;
  font-size:15px;box-sizing:border-box;background:var(--card);color:var(--txt)}
.login-btn{width:100%;padding:11px;border:none;border-radius:10px;background:var(--blue-grad);color:#fff;
  font-size:15px;font-weight:600;cursor:pointer;box-shadow:0 4px 12px var(--blue-soft)}
.login-msg{color:var(--blue-d);font-size:13px;min-height:18px;margin-top:8px}
.login-hint{color:var(--txt2);font-size:11px;margin-top:14px;line-height:1.6}
.login-guest{width:100%;padding:9px;border:none;border-radius:10px;background:transparent;color:var(--blue-d);
  font-size:13.5px;font-weight:500;cursor:pointer;margin-top:4px}
.login-guest:hover{background:var(--blue-l)}
.login-beian{text-align:center;font-size:11px;color:var(--txt2);margin-top:14px}
.login-beian a{color:var(--txt2);text-decoration:none;transition:color .2s ease}
.login-beian a:hover{color:var(--blue-d);text-decoration:underline}

/* ===== 账号栏 / 同步状态 ===== */
.acct-bar{display:flex;flex-wrap:wrap;gap:8px;align-items:center;background:var(--blue-l);
  border-radius:10px;padding:10px 12px;margin-bottom:10px}
.acct-bar b{color:var(--blue-d)}
.sync-status{font-size:12px;padding:2px 8px;border-radius:8px;background:#e8f5ec;color:#2e9e5b}
.sync-status.syncing{background:#fff4e0;color:#c98a17}
.sync-status.err{background:#fde8ec;color:#d85a72}

/* ===== 全站页脚（ICP 备案号） ===== */
.footer{text-align:center;padding:20px 16px 24px;font-size:12px;color:var(--txt2)}
.footer a{color:var(--txt2);text-decoration:none;transition:color .2s ease}
.footer a:hover{color:var(--blue-d);text-decoration:underline}

/* ===== 首页卡片可点击跳转 ===== */
.clickable{cursor:pointer;transition:transform .15s ease,box-shadow .25s ease}
.clickable:active{transform:scale(.99)}
.go-arrow{float:right;color:var(--blue);font-weight:700;font-size:18px;line-height:1;transition:transform .15s ease}
.clickable:hover .go-arrow{transform:translateX(3px)}

/* ================= 8 套新增 UI 风格 ================= */
/* 中国风 */
html[data-style="chinese"]{--font-title:"STKaiti","KaiTi","楷体",serif;--font-body:"PingFang SC","Microsoft YaHei",serif;--r:12px}
html[data-style="chinese"]:not([data-theme="dark"]){--bg:#f6efe9;--card:#fffdfb;--line:#efe3d8;--txt:#4a3a30;--txt2:#9a8674}
html[data-style="chinese"]:not([data-theme="dark"]) body{background:radial-gradient(circle at 92% 4%,rgba(200,155,60,.10),transparent 40%),var(--bg)}
html[data-style="chinese"] .card{border-left:4px solid var(--blue);box-shadow:3px 3px 0 rgba(178,59,46,.12)}

/* 动漫风 */
html[data-style="anime"]{--font-title:"Yuanti SC","Hiragino Sans GB",sans-serif;--font-body:"Yuanti SC","PingFang SC",sans-serif;--r:18px}
html[data-style="anime"]:not([data-theme="dark"]){--bg:#fff0f6;--card:#ffffff;--line:#ffe0ee;--txt:#5a4250;--txt2:#b07c98}
html[data-style="anime"] .card{box-shadow:0 8px 24px rgba(255,126,179,.20)}

/* 卡通风 */
html[data-style="cartoon"]{--font-title:"Comic Sans MS","Yuanti SC",sans-serif;--font-body:"Yuanti SC","PingFang SC",sans-serif;--r:20px}
html[data-style="cartoon"]:not([data-theme="dark"]){--bg:#eef7ff;--card:#ffffff;--line:#d7ecff;--txt:#3f5566;--txt2:#7f9bb0}
html[data-style="cartoon"] .card{border:2px solid var(--blue-l);box-shadow:4px 4px 0 var(--blue-soft)}

/* 科幻风 */
html[data-style="sci"]{--font-title:"Orbitron","Segoe UI",sans-serif;--font-body:"Segoe UI","PingFang SC",sans-serif;--r:10px;--font-mono:"Consolas",monospace}
html[data-style="sci"]:not([data-theme="dark"]){--bg:#0f1830;--card:#16203a;--line:#22304f;--txt:#cfeaff;--txt2:#7f9bc0}
html[data-style="sci"]:not([data-theme="dark"]) body{background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px) 0 0/26px 26px,linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px) 0 0/26px 26px,var(--bg)}
html[data-style="sci"] .card{box-shadow:0 0 0 1px rgba(34,211,238,.22),0 6px 24px rgba(34,211,238,.14)}
html[data-style="sci"] .chip{font-family:var(--font-mono)}

/* 旧系统风 */
html[data-style="retro"]{--font-title:"Tahoma","Microsoft YaHei",sans-serif;--font-body:"Tahoma","Microsoft YaHei",sans-serif;--r:0}
html[data-style="retro"]:not([data-theme="dark"]){--bg:#c3c7cb;--card:#d4d0c8;--line:#808080;--txt:#1c1c1c;--txt2:#555555}
html[data-style="retro"] .card{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;box-shadow:none;border-radius:0}
html[data-style="retro"] .btn{border:2px solid;border-color:#ffffff #808080 #808080 #ffffff;border-radius:0;box-shadow:none;background:#d4d0c8;color:#1c1c1c}
html[data-style="retro"] .quick-grid button{border:1px solid #808080;border-radius:6px;background:#d4d0c8;color:#1c1c1c;box-shadow:none}

/* 奶蓝手作轻科技风 */
html[data-style="milk"]{--font-title:"Songti SC","STSong",serif;--font-body:"PingFang SC",serif;--r:14px}
html[data-style="milk"]:not([data-theme="dark"]){--bg:#eef3f7;--card:#ffffff;--line:#e1eaf1;--txt:#3f4a55;--txt2:#8493a3}
html[data-style="milk"]:not([data-theme="dark"]) body{background:radial-gradient(circle at 88% 8%,rgba(224,176,122,.10),transparent 42%),repeating-linear-gradient(0deg,rgba(0,0,0,.012) 0 1px,transparent 1px 3px),var(--bg)}
html[data-style="milk"] .card{box-shadow:4px 4px 0 rgba(150,170,190,.18)}

/* 极简松弛日常风 */
html[data-style="minimal"]{--font-title:"Yuanti SC","PingFang SC",sans-serif;--font-body:"Yuanti SC","PingFang SC",sans-serif;--r:20px}
html[data-style="minimal"]:not([data-theme="dark"]){--bg:#faf7f2;--card:#ffffff;--line:#efe9e0;--txt:#4a443c;--txt2:#a99e8e}
html[data-style="minimal"] .card{box-shadow:0 2px 10px rgba(0,0,0,.04);padding:18px}

/* 复古印刷杂志风 */
html[data-style="magazine"]{--font-title:"Times New Roman","Songti SC",serif;--font-body:"Songti SC","PingFang SC",serif;--r:6px;--font-mono:"Courier New",monospace}
html[data-style="magazine"]:not([data-theme="dark"]){--bg:#f4ecd8;--card:#fbf6e9;--line:#d9c9a3;--txt:#3a3026;--txt2:#8a7a5c}
html[data-style="magazine"]:not([data-theme="dark"]) body{background:repeating-linear-gradient(0deg,rgba(120,90,40,.025) 0 1px,transparent 1px 4px),var(--bg)}
html[data-style="magazine"] .card{border-top:3px double var(--blue-d);border-bottom:3px double var(--blue-d);box-shadow:none;background:#fbf6e9}
html[data-style="magazine"] h2,html[data-style="magazine"] h3{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='6'><path d='M0 4 Q15 0 30 4 T60 4' stroke='%23b5683f' fill='none' stroke-width='1.5'/></svg>");background-repeat:no-repeat;background-position:0 100%;background-size:60px 6px;padding-bottom:7px;letter-spacing:1px}
html[data-style="magazine"] .num,html[data-style="magazine"] .chip{font-family:var(--font-mono)}

/* ===== 管理后台表格 ===== */
.admin-table{display:grid;grid-template-columns:1.4fr .8fr .8fr .8fr 1.4fr 1.4fr;gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;min-width:680px;overflow:hidden}
.admin-table .ath{background:var(--blue-l);color:var(--blue-d);font-weight:600;font-size:12.5px;padding:9px 8px}
.admin-table .atr{background:var(--card);font-size:13px;padding:9px 8px;display:flex;align-items:center}

/* ===== 月计划：完成率环图 / 标签饼图 / 甘特图 ===== */
.ring{width:116px;height:116px;border-radius:50%;background:conic-gradient(var(--blue) calc(var(--p)*1%), var(--blue-soft) 0);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ring-c{width:82px;height:82px;border-radius:50%;background:var(--card);display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:var(--blue-d)}
.pie{width:96px;height:96px;border-radius:50%;flex-shrink:0;border:3px solid var(--card);box-shadow:var(--sh)}
.pie-legend{display:flex;flex-direction:column;gap:5px;font-size:13px;color:var(--txt2)}
.pie-legend .dot{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.gantt-row{display:flex;align-items:center;gap:10px;margin-bottom:9px}
.gantt-name{flex:1;min-width:0;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.gantt-name.done{text-decoration:line-through;color:var(--txt2)}
.gantt-bars{flex:2;display:grid;grid-template-columns:repeat(4,1fr);gap:5px}
.gantt-cell{height:22px;border-radius:6px;background:var(--blue-soft);cursor:pointer;transition:background .2s ease}
.gantt-cell.on{background:var(--blue)}
.gantt-cell.done{background:var(--blue-d)}

/* ===== 年计划：时间轴 / 成就墙 / 年度报告 ===== */
.timeline{display:flex;gap:6px;overflow-x:auto;padding-bottom:6px}
.tl-node{flex:0 0 auto;width:48px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}
.tl-node.on .tl-m{color:var(--blue-d);font-weight:700}
.tl-m{font-size:11px;color:var(--txt2)}
.tl-bar{width:8px;height:46px;background:var(--blue-soft);border-radius:4px;display:flex;align-items:flex-end;overflow:hidden}
.tl-bar i{width:100%;background:var(--blue);border-radius:4px;min-height:2px}
.tl-meta{font-size:9.5px;color:var(--txt2);text-align:center}
.badges{display:grid;grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:10px}
.badge{text-align:center;padding:12px 8px;border-radius:12px;border:1px solid var(--line);transition:transform .15s ease}
.badge.unlocked{background:linear-gradient(135deg,var(--blue-l),var(--blue-soft));border-color:var(--blue)}
.badge.locked{filter:grayscale(1);opacity:.5}
.badge-ic{font-size:26px}
.badge-n{font-size:12.5px;font-weight:600;margin-top:4px}
.badge-d{font-size:10.5px;color:var(--txt2);margin-top:2px}
.report-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.rg{background:var(--blue-l);border-radius:12px;padding:12px 8px;text-align:center}
.rg-n{font-size:18px;font-weight:700;color:var(--blue-d)}
.rg-l{font-size:11.5px;color:var(--txt2);margin-top:3px}
.rg-s{font-size:10.5px;color:var(--txt2)}

/* ============== 最近节假日倒计时卡 ============== */
.holiday-card{background:linear-gradient(135deg,var(--blue-l),var(--card));border:1px solid var(--line)}
.holiday-card h3{display:flex;align-items:center;justify-content:space-between}
.holiday-big{display:flex;align-items:baseline;gap:4px;line-height:1}
.holiday-num{font-family:var(--font-title);font-size:46px;font-weight:800;
  background:var(--blue-grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.holiday-unit{font-size:16px;color:var(--txt2);margin-left:2px}
/* 首页卡片拖拽排序 */
.home-blocks{display:flex;flex-direction:column;gap:14px}
.home-block{position:relative;cursor:grab;transition:box-shadow .15s ease,opacity .15s ease;border-radius:18px}
.home-block::after{content:'⠿';position:absolute;top:8px;right:10px;font-size:16px;line-height:1;color:var(--txt2);opacity:.28;pointer-events:none;letter-spacing:-2px}
.home-block:active{cursor:grabbing}
.home-block.dragging{opacity:.45;box-shadow:0 8px 24px rgba(0,0,0,.18)}
.home-block.drop-target{outline:2px dashed var(--blue);outline-offset:2px}
@media (hover:hover){.home-block:hover{box-shadow:0 4px 16px rgba(0,0,0,.08)}}
html[data-style="retro"] .home-block::after{opacity:.5}

/* ============== 目标拖拽：放置区 / 手柄 / 周·月泳道 ============== */
.drop-zone{min-height:34px;border:1.5px dashed var(--line);border-radius:12px;padding:6px;transition:background .15s ease,border-color .15s ease}
.drop-zone.dz-over{background:var(--blue-soft);border-color:var(--blue);border-style:solid}
.drop-zone:empty::before{content:'拖目标到此';color:var(--txt2);font-size:12px;padding:4px 2px;display:block}
.drag-h{cursor:grab;color:var(--txt2);font-size:15px;line-height:1;letter-spacing:-2px;opacity:.55;user-select:none;transition:opacity .15s ease}
.drag-h:active{cursor:grabbing;opacity:1}
.list-item[draggable="true"]:hover .drag-h{opacity:.9}
.list-item.sm{padding:6px 2px}
/* 月计划：每周目标清单 4 条泳道 */
.week-lanes{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.week-lane{background:var(--blue-soft);border-radius:12px;padding:8px}
.wl-head{font-size:12.5px;font-weight:600;color:var(--blue-d);margin-bottom:6px;text-align:center}
.wl-head .wl-date{font-size:11px;font-weight:500;color:var(--blue);opacity:.85;margin-top:1px}
/* 年计划：每月目标清单 12 条泳道 */
.year-lanes{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.year-lane{background:var(--blue-soft);border-radius:12px;padding:8px}
@media (max-width:480px){.year-lanes{grid-template-columns:repeat(2,1fr)}}
/* ============== 我的灵感（更多） ============== */
.list-item .todo-text.done{text-decoration:line-through;opacity:.55}

/* ============== 首页 hero 节假日合并 ============== */
.hero-holiday{margin-top:10px;background:rgba(255,255,255,.22);border-radius:12px;padding:8px 12px;font-size:13px}
.hero-holiday b{font-weight:700}

/* ============== 学习：点读 ============== */
.sent{cursor:pointer;position:relative;padding-right:30px}
.sent .spk{position:absolute;top:9px;right:10px;font-size:13px;opacity:.5;transition:opacity .15s ease,transform .12s ease}
@media (hover:hover){.sent:hover .spk{opacity:1}}
.sent:active .spk{transform:scale(.82)}
.lesson .row .btn.ghost{background:rgba(255,255,255,.55)}

/* ============== 食谱卡路里 ============== */
.meal-card .mc-kcal{font-size:12px;font-weight:700;color:var(--teal)}
.day-kcal{margin-top:10px;font-size:13px;color:var(--txt2);background:var(--teal-l);border-radius:10px;padding:8px 10px}
.day-kcal b{color:var(--teal);font-size:15px}

/* ============== 三餐记录 ============== */
.meal-log-sec{margin-top:10px;border-top:1px solid var(--line);padding-top:8px}
.meal-log-sec:first-of-type{border-top:none;padding-top:0}
.ml-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.ml-item{display:flex;align-items:center;gap:10px;padding:6px 0}
.ml-photo{width:46px;height:46px;border-radius:8px;object-fit:cover;flex-shrink:0}
.ml-info{flex:1;min-width:0}
.ml-name{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ml-k{font-size:12px;color:var(--teal);font-weight:600}
.food-list{max-height:210px;overflow:auto;margin-top:6px;border:1px solid var(--line);border-radius:10px;padding:4px}
.food-pick{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-radius:8px;cursor:pointer;font-size:13.5px}
.food-pick:hover{background:var(--blue-soft)}
.food-pick.on{background:var(--blue-soft);outline:1.5px solid var(--blue)}
.fp-k{color:var(--teal);font-weight:600;white-space:nowrap;margin-left:8px}
.w100{width:100%;box-sizing:border-box;padding:9px 10px;border:1px solid var(--line);border-radius:10px;font-size:14px;background:var(--card);color:var(--txt)}

/* ============== 热量日历 ============== */
.cal-week{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:6px 0;font-size:11px;color:var(--txt2);text-align:center}
.cal-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.cal-cell{aspect-ratio:1/1;border-radius:8px;background:var(--blue-soft);display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .12s ease;padding:2px}
.cal-cell.empty{background:transparent;cursor:default}
.cal-cell.today{outline:2px solid var(--blue)}
.cal-cell .cc-d{font-size:13px;font-weight:600;color:var(--txt)}
.cal-cell .cc-k{font-size:10px;color:var(--txt2);line-height:1.1}
.cal-cell.lvl1{background:#dff3e6}.cal-cell.lvl2{background:#bfe6cf}.cal-cell.lvl3{background:#ffd9b0}.cal-cell.lvl4{background:#ffb38a}.cal-cell.lvl5{background:#ff8f8f}
.cal-cell.lvl1 .cc-k,.cal-cell.lvl2 .cc-k,.cal-cell.lvl3 .cc-k,.cal-cell.lvl4 .cc-k,.cal-cell.lvl5 .cc-k{color:#5a3a1a}
.cal-legend{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:11px;color:var(--txt2)}
.cal-legend .lg{width:16px;height:12px;border-radius:3px;display:inline-block}
.cal-legend .lvl1{background:#dff3e6}.cal-legend .lvl2{background:#bfe6cf}.cal-legend .lvl3{background:#ffd9b0}.cal-legend .lvl4{background:#ffb38a}.cal-legend .lvl5{background:#ff8f8f}

/* ============== 奶茶 / chip-row / 消耗 ============== */
.chip-row{display:flex;flex-wrap:wrap;gap:6px}
.chip-row .chip{cursor:pointer;user-select:none}
.chip-row .chip.on{background:var(--blue);color:#fff;border-color:var(--blue)}
.mt-result{margin:12px 0;font-size:15px;color:var(--txt)}
.mt-result b{font-size:28px;color:var(--pink-d);font-family:var(--font-title)}
.burn-sum{margin:8px 0 10px;font-size:13.5px;color:var(--txt2)}
.burn-sum b{color:var(--pink-d);font-size:17px}

/* ============== 资产账本：年历图可点击 + 折线图圆点提示 ============== */
.mini-cal .hc.has{cursor:pointer}
.mini-cal .hc.has:hover{outline:1px solid var(--blue-d)}
.mini-cal .mc-title.has{cursor:pointer}
.mini-cal .mc-title.has:hover{color:var(--blue-d)}
.lc-dot{pointer-events:auto}
.lc-tip{
  position:fixed;z-index:9999;display:none;
  background:rgba(40,30,38,.94);color:#fff;
  padding:8px 12px;border-radius:10px;font-size:13px;line-height:1.5;
  box-shadow:0 6px 20px rgba(0,0,0,.25);pointer-events:none;max-width:240px;
}
.lc-tip-t{opacity:.8;font-size:12px}
.lc-tip-v{font-weight:600;font-size:14px;margin-top:2px}

/* 居家运动：常见运动类型网格 */
.sport-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(82px,1fr));gap:8px;margin-top:4px}
.sport-chip{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:11px 4px;border:1px solid var(--line);border-radius:12px;background:var(--card);cursor:pointer;transition:transform .12s,box-shadow .12s}
.sport-chip:active{transform:scale(.95)}
.sport-chip:hover{box-shadow:0 2px 8px rgba(0,0,0,.06)}
.sc-ic{font-size:22px;line-height:1}
.sc-n{font-size:12px;text-align:center;line-height:1.2}

/* ====== AI打工人 Tab 界面 ====== */
.aiw-tabs{display:flex;gap:4px;margin-bottom:16px;border-bottom:2px solid var(--line);overflow-x:auto;-webkit-overflow-scrolling:touch}
.aiw-tab{flex:1;min-width:0;padding:10px 8px;border:none;border-radius:12px 12px 0 0;background:transparent;color:var(--txt2);font-size:13px;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:all .15s;position:relative;font-weight:500}
.aiw-tab:hover{color:var(--blue-d);background:var(--blue-soft)}
.aiw-tab.active{color:var(--blue-d);font-weight:700}
.aiw-tab.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--blue);border-radius:2px 2px 0 0}
.aiw-body{min-height:120px}

.aiw-item{display:flex;align-items:flex-start;gap:12px;padding:14px;margin-bottom:10px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);transition:box-shadow .15s}
.aiw-item:hover{box-shadow:var(--sh-hover)}
.aiw-main{flex:1;min-width:0}
.aiw-title{font-weight:600;font-size:15px;color:var(--txt);margin-bottom:4px;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.aiw-digest{font-size:13px;color:var(--txt2);line-height:1.5;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.aiw-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0;align-items:stretch}
.aiw-actions .btn{white-space:nowrap}
.aiw-actions .vlink{font-size:12px;text-align:center}

/* AI打工人管理员专属卡片样式 */
.admin-card{border:2px dashed var(--blue) !important;background:var(--blue-soft) !important;transition:all .2s}
.admin-card:hover{border-color:var(--blue-d) !important;transform:translateY(-2px);box-shadow:var(--sh-hover)}
.admin-card .mi{filter:grayscale(0)}

/* ============== 实时热搜 ============== */
.hotsearch-stats{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.hotsearch-stats .hs-chip{background:var(--blue-soft);border-radius:20px;padding:6px 14px;font-size:12px;color:var(--txt2);display:flex;align-items:center;gap:6px}
.hotsearch-stats .hs-chip .hsv{font-weight:700;color:var(--blue-d)}
.hs-list{display:flex;flex-direction:column;gap:10px}
.hs-item{display:flex;align-items:center;gap:12px;background:var(--card);border-radius:12px;padding:12px 16px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;box-shadow:var(--sh)}
.hs-item:hover{transform:translateX(4px);box-shadow:var(--sh-hover)}
.hs-item .hs-rank{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;font-family:var(--font-mono);flex-shrink:0}
.hs-rank.r1{background:linear-gradient(135deg,#f0c060,#e0a030);color:#fff}
.hs-rank.r2{background:linear-gradient(135deg,#b0b8c0,#889098);color:#fff}
.hs-rank.r3{background:linear-gradient(135deg,#d0a060,#b08040);color:#fff}
.hs-rank.rn{background:var(--blue-soft);color:var(--txt2)}
.hs-item .hs-body{flex:1;min-width:0}
.hs-item .hs-title{font-size:14px;font-weight:600;color:var(--txt);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}
.hs-item .hs-desc{font-size:11.5px;color:var(--txt2);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}
.hs-item .hs-heat{flex-shrink:0;text-align:right;min-width:70px}
.hs-item .hs-heat .hs-num{font-size:13px;font-weight:700;color:var(--blue-d);font-family:var(--font-mono)}
.hs-item .hs-heat .hs-bar-wrap{width:60px;height:4px;background:var(--line);border-radius:2px;margin-top:4px;margin-left:auto;overflow:hidden}
.hs-item .hs-heat .hs-bar{height:100%;border-radius:2px;background:var(--blue-grad);transition:width .6s ease}
.hs-tag{display:inline-block;font-size:10px;padding:1px 6px;border-radius:8px;font-weight:600;margin-left:6px;vertical-align:middle}
.hs-tag.hot{background:#fce4ec;color:#e53935}
.hs-tag.new{background:#e8f5e9;color:#43a047}
.hs-tag.boil{background:#fce4ec;color:#d81b60}
[data-theme="dark"] .hs-tag.hot{background:#4a2025;color:#ff6b81}
[data-theme="dark"] .hs-tag.new{background:#1a3020;color:#58d68d}
[data-theme="dark"] .hs-tag.boil{background:#4a1a25;color:#ff8fa3}
.hs-source{font-size:11px;color:var(--txt2);text-align:right;margin-top:16px;padding-top:12px;border-top:1px solid var(--line)}
.hs-tabs{display:flex;gap:10px;margin-bottom:16px}
.hs-tab{flex:1;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px;font-size:14px;font-weight:600;color:var(--txt2);cursor:pointer;transition:all .2s;box-shadow:var(--sh)}
.hs-tab:hover{transform:translateY(-2px);box-shadow:var(--sh-hover)}
.hs-tab.active{background:var(--blue-soft);border-color:var(--blue);color:var(--blue-d)}
.hs-plan-btn{margin-top:8px;background:linear-gradient(135deg,#fff0f4,#ffe3ec);color:#d6487f;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}
.hs-plan-btn:hover{filter:brightness(.97)}
.hs-plan-btn.open{background:var(--blue-soft);color:var(--blue-d)}
[data-theme="dark"] .hs-plan-btn{background:#3a2a2e;color:#ff8fb0}
[data-theme="dark"] .hs-plan-btn.open{background:var(--blue-soft);color:var(--blue-d)}
.hs-plan{margin-top:8px;background:var(--blue-l);border-left:3px solid var(--blue);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.6;color:var(--txt);white-space:pre-wrap}
[data-theme="dark"] .hs-plan{background:var(--blue-l);color:var(--txt)}
.dy-item .hs-heat .hs-num{color:var(--blue-d)}

/* ===== AI生成视频热点 ===== */
.aiv-intro{font-size:12px;color:var(--txt2);margin:6px 0 14px;line-height:1.6}
.aiv-list{display:flex;flex-direction:column;gap:10px}
.aiv-item{display:flex;gap:12px;background:var(--bg2);border:1px solid var(--line);border-radius:12px;padding:12px 14px;transition:all .2s}
.aiv-item:hover{border-color:var(--blue)}
.aiv-rank{flex:0 0 30px;font-size:18px;font-weight:800;color:var(--txt3);font-variant-numeric:tabular-nums;text-align:center;line-height:1.4}
.aiv-item:nth-child(1) .aiv-rank{color:#f5a623}
.aiv-item:nth-child(2) .aiv-rank{color:#b0b0b0}
.aiv-item:nth-child(3) .aiv-rank{color:#cd7f32}
.aiv-body{flex:1;min-width:0}
.aiv-head{display:flex;flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:5px}
.aiv-title{font-size:14px;font-weight:700;color:var(--txt)}
.aiv-pf{font-size:10.5px;background:#fff0f4;color:#d6487f;border-radius:6px;padding:1px 7px;font-weight:600}
.aiv-form{font-size:10.5px;background:var(--blue-soft);color:var(--blue-d);border-radius:6px;padding:1px 7px;font-weight:600}
.aiv-lvl{font-size:10.5px;border-radius:6px;padding:1px 7px;font-weight:700}
.aiv-lvl.boom{background:#ffe0e0;color:#e23b3b}
.aiv-lvl.hot{background:#fff0db;color:#e08a00}
.aiv-lvl.warm{background:#e6f0ff;color:#3b73e2}
.aiv-heat{font-size:10.5px;color:var(--txt2)}
.aiv-desc{font-size:12px;color:var(--txt2);line-height:1.55;margin-bottom:2px}
.aiv-plan-btn{margin-top:8px;background:linear-gradient(135deg,#fff0f4,#ffe3ec);color:#d6487f;border:none;border-radius:20px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:inline-flex;align-items:center;gap:4px}
.aiv-plan-btn:hover{filter:brightness(.97)}
.aiv-plan-btn.open{background:var(--blue-soft);color:var(--blue-d)}
.aiv-plan{margin-top:8px;background:var(--blue-l);border-left:3px solid var(--blue);border-radius:8px;padding:10px 12px;font-size:12.5px;line-height:1.6;color:var(--txt);white-space:pre-wrap}
[data-theme="dark"] .aiv-plan-btn{background:#3a2a2e;color:#ff8fb0}
[data-theme="dark"] .aiv-plan-btn.open{background:var(--blue-soft);color:var(--blue-d)}
[data-theme="dark"] .aiv-plan{background:var(--blue-l);color:var(--txt)}
[data-theme="dark"] .aiv-lvl.boom{background:#4a2a2a;color:#ff7a7a}
[data-theme="dark"] .aiv-lvl.hot{background:#4a3a22;color:#ffc04d}
[data-theme="dark"] .aiv-lvl.warm{background:#2a3550;color:#7fa8ff}
[data-theme="dark"] .aiv-pf{background:#3a2a2e;color:#ff8fb0}
/* ===== 我的笔记 ===== */
.note-compose{margin-bottom:14px}
.note-title-input{font-size:15px;font-weight:600}
.note-card{border:1px solid var(--line);border-radius:14px;padding:14px;margin-bottom:12px;background:var(--card);box-shadow:var(--sh);transition:background .35s ease}
.note-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.note-title{font-size:16px;font-weight:700;color:var(--txt);line-height:1.4;word-break:break-word}
.note-tools{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.note-copy-all{font-size:12px;padding:4px 9px;border-radius:8px;background:var(--blue-l);color:var(--blue-d);font-weight:600;white-space:nowrap;transition:transform .12s ease,background .2s ease}
.note-copy-all:active{transform:scale(.94)}
.note-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 6px}
.note-meta .chip.ok{background:rgba(7,193,96,.16);color:#07c160}
.note-body{margin-top:4px}
.note-para{position:relative;display:flex;align-items:flex-start;gap:8px;padding:8px 0;border-top:1px dashed var(--line)}
.note-para:first-child{border-top:none}
.note-para-text{flex:1;font-size:14px;line-height:1.7;color:var(--txt);white-space:pre-wrap;word-break:break-word}
.para-copy{flex:0 0 auto;font-size:13px;padding:3px 7px;border-radius:8px;background:var(--line);color:var(--txt2);opacity:.5;transition:opacity .2s ease,background .2s ease,transform .12s ease}
.para-copy:hover{opacity:1;background:var(--blue-soft)}
.para-copy:active{transform:scale(.92)}
.note-empty{color:var(--sub);font-size:13px;padding:6px 0}

/* ====== 公众号草稿预览弹窗 ====== */
.modal-mask{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:999;padding:20px}
.modal-mask.hidden{display:none}
.modal-box{width:100%;max-width:680px;max-height:88vh;display:flex;flex-direction:column;background:var(--card);border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.modal-head{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--line);font-weight:700;color:var(--txt);flex-shrink:0}
.modal-body{flex:1;overflow:auto;padding:18px 20px;line-height:1.7;color:var(--txt);font-size:15px}