/* ============================================================
   rich 主题 — Aurora Tech（互联网科技风）
   靛蓝 → 青 渐变 + 玻璃拟态 + 光晕背景
   ============================================================ */

:root{
  --bg:#f7f8fc;
  --bg-elev:#ffffff;
  --bg-glass:rgba(255,255,255,.72);
  --text:#1a2233;
  --text-muted:#5b6478;
  --accent:#6366f1;
  --accent2:#22d3ee;
  --accent-soft:#eef1ff;
  --border:#e6e8f2;
  --code-bg:#f4f6fd;
  --grad:linear-gradient(120deg,#6366f1,#22d3ee);
  --shadow:0 4px 20px rgba(80,90,180,.08);
  --shadow-hover:0 16px 44px rgba(80,90,180,.18);
  --glow:rgba(99,102,241,.28);
  --maxw:860px;
  --radius:16px;
}
[data-theme="dark"]{
  --bg:#0a0e1a;
  --bg-elev:#111730;
  --bg-glass:rgba(13,18,36,.72);
  --text:#e5e9f5;
  --text-muted:#8b93ad;
  --accent:#818cf8;
  --accent2:#67e8f9;
  --accent-soft:#1a2044;
  --border:#232a45;
  --code-bg:#0d1226;
  --shadow:0 4px 20px rgba(0,0,0,.4);
  --shadow-hover:0 16px 44px rgba(0,0,0,.55);
  --glow:rgba(129,140,248,.22);
}

/* ---------- 基础打磨 ---------- */
::selection{background:var(--accent);color:#fff;}
:focus-visible{outline:2px solid var(--accent2);outline-offset:2px;border-radius:6px;}
html{scroll-behavior:smooth;}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-track{background:transparent;}
::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--text-muted) 35%,transparent);border-radius:8px;border:2px solid var(--bg);}
::-webkit-scrollbar-thumb:hover{background:var(--accent);}

body{background-image:
  radial-gradient(900px 420px at 85% -10%,color-mix(in srgb,var(--accent2) 10%,transparent),transparent 60%),
  radial-gradient(700px 380px at 8% -12%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 60%),
  radial-gradient(rgba(120,130,180,.07) 1px,transparent 1px);
  background-size:auto,auto,24px 24px;background-attachment:fixed;}

/* ---------- 头部：玻璃拟态 ---------- */
.site-header{background:var(--bg-glass);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid var(--border);}
.site-header::before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);}
.brand{display:flex;align-items:center;gap:.55rem;font-size:1.25rem;font-weight:800;letter-spacing:.01em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.brand:hover{opacity:.85;text-decoration:none;}
.brand-avatar{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;font-weight:800;font-size:1rem;color:#fff;background:var(--grad);box-shadow:0 4px 14px var(--glow);}
.nav a{position:relative;font-weight:500;}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:2px;border-radius:2px;background:var(--grad);transform:scaleX(0);transform-origin:left;transition:transform .22s ease;}
.nav a:hover::after{transform:scaleX(1);}
.theme-toggle{transition:transform .2s ease,border-color .2s ease;}
.theme-toggle:hover{transform:rotate(15deg) scale(1.08);border-color:var(--accent);}

/* ---------- 首页 Hero ---------- */
.hero{position:relative;text-align:center;padding:4rem 1.5rem 3rem;margin-bottom:2.4rem;border-radius:24px;overflow:hidden;border:1px solid var(--border);
  background:radial-gradient(1200px 240px at 50% -30%,color-mix(in srgb,var(--accent) 16%,transparent),transparent),
  linear-gradient(180deg,var(--accent-soft),transparent 75%);}
.hero-avatar{width:82px;height:82px;border-radius:22px;margin:0 auto 1.2rem;display:grid;place-items:center;font-size:2.1rem;font-weight:800;color:#fff;background:var(--grad);box-shadow:0 10px 30px var(--glow);}
.hero h1{font-size:2.8rem;font-weight:900;letter-spacing:-.02em;margin:0 0 .35em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero p{font-size:1.12rem;color:var(--text-muted);max-width:640px;margin:0 auto;line-height:1.75;}
.hero-stats{display:flex;gap:.8rem;justify-content:center;margin-top:1.5rem;flex-wrap:wrap;}
.hero-stats span{padding:.45em 1.1em;border-radius:999px;font-size:.92rem;color:var(--text-muted);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);}
.hero-stats b{color:var(--accent);font-size:1.1rem;margin-right:.25em;}

/* ---------- 卡片 ---------- */
.post-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem;}
@media(max-width:680px){.post-list{grid-template-columns:1fr;}}
.card{position:relative;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);overflow:hidden;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;}
.card::before{content:"";position:absolute;inset:0 0 auto;height:3px;background:var(--grad);opacity:0;transition:opacity .22s ease;z-index:2;}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-hover);border-color:color-mix(in srgb,var(--accent) 35%,var(--border));}
.card:hover::before{opacity:1;}
.card-cover{display:block;overflow:hidden;}
.card-cover img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .5s ease;}
.card:hover .card-cover img{transform:scale(1.05);}
.card-cover--empty{display:block;height:120px;background:var(--grad);opacity:.9;}
.card-body{padding:1.25rem 1.45rem 1.45rem;}
.card-title{font-size:1.28rem;font-weight:800;letter-spacing:-.01em;}
.card-title a{color:var(--text);}
.card-title a:hover{color:var(--accent);text-decoration:none;}
.card-meta,.card-desc{color:var(--text-muted);}
.card-desc{line-height:1.7;}
.card--featured{border-color:color-mix(in srgb,var(--accent) 40%,var(--border));box-shadow:0 10px 34px var(--glow);}
.badge-featured{position:absolute;top:12px;left:12px;z-index:3;padding:.3em .9em;border-radius:999px;font-size:.8rem;font-weight:800;color:#fff;background:var(--grad);box-shadow:0 6px 16px var(--glow);letter-spacing:.08em;}

/* ---------- 标签 chip ---------- */
.chip{display:inline-block;padding:.28em .85em;border-radius:999px;font-weight:600;font-size:.85rem;background:var(--accent-soft);color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);transition:all .18s ease;}
.chip:hover{background:var(--grad);color:#fff;border-color:transparent;text-decoration:none;transform:translateY(-1px);}

/* ---------- 文章页 ---------- */
/* 文章页容器加宽，目录（.toc）靠左栏，正文更宽 */
.container--post{max-width:1080px;}
.post-title{font-size:2.4rem;font-weight:900;letter-spacing:-.02em;line-height:1.25;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block;}
.post-hero{padding-bottom:1.4rem;border-bottom:1px solid var(--border);margin-bottom:1.8rem;}
.post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5em;color:var(--text-muted);font-size:.95rem;}
.author-avatar{width:26px;height:26px;border-radius:50%;display:inline-grid;place-items:center;font-size:.78rem;font-weight:700;color:#fff;background:var(--grad);vertical-align:middle;margin-right:.35em;box-shadow:0 2px 8px var(--glow);}
.post-cover{width:100%;border-radius:var(--radius);box-shadow:var(--shadow);}

/* 首字下沉 */
.post-content > p:first-of-type::first-letter{font-size:3.4rem;line-height:1;font-weight:900;float:left;margin:.08em .14em 0 0;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.post-content img{border-radius:12px;box-shadow:var(--shadow);transition:transform .3s ease;}
.post-content img:hover{transform:scale(1.015);}

/* 引用：渐变左边框 */
blockquote{border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--accent),var(--accent2)) 1;background:var(--accent-soft);border-radius:0 12px 12px 0;padding:.8em 1.2em;}

/* 代码窗口：mac 圆点 + 渐变顶线 */
.highlight{border:1px solid var(--border);border-radius:14px;padding:2.7em 1.1em 1em;position:relative;background:var(--code-bg)!important;overflow:hidden;}
.highlight::before{content:"";position:absolute;top:1em;left:1.1em;width:11px;height:11px;border-radius:50%;background:#ff5f56;box-shadow:18px 0 #ffbd2e,36px 0 #27c93f;}
.highlight::after{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad);}
.highlight pre{background:transparent;}
code{background:var(--code-bg);color:var(--accent);}
pre code,.highlight code{color:inherit;}

/* 表格 */
th{background:var(--accent-soft);color:var(--text);font-weight:700;}

/* 上一篇/下一篇 */
.post-nav{display:flex;justify-content:space-between;gap:1rem;margin-top:2.2rem;}
.post-nav a{padding:.7em 1.4em;border-radius:12px;border:1px solid var(--border);background:var(--bg-elev);box-shadow:var(--shadow);color:var(--text);font-weight:600;transition:all .2s ease;}
.post-nav a:hover{border-color:var(--accent);color:var(--accent);text-decoration:none;transform:translateY(-2px);}

/* 作者卡 */
.author-card{display:flex;align-items:center;gap:1rem;margin:2.2rem 0;padding:1.2rem 1.4rem;border-radius:var(--radius);background:var(--bg-elev);border:1px solid var(--border);box-shadow:var(--shadow);position:relative;overflow:hidden;}
.author-card::before{content:"";position:absolute;top:0;left:0;bottom:0;width:4px;background:var(--grad);}
.author-avatar--lg{width:48px;height:48px;font-size:1.25rem;border-radius:14px;margin:0;}
.author-card__name{font-weight:800;font-size:1.12rem;color:var(--text);}
.author-card__bio{color:var(--text-muted);font-size:.93rem;margin-top:.2rem;}

/* 相关文章 */
.related{margin-top:2.6rem;}
.related-title{font-size:1.4rem;font-weight:800;margin:0 0 1.1rem;padding-left:.7rem;border-left:4px solid transparent;border-image:linear-gradient(180deg,var(--accent),var(--accent2)) 1;}
.related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.1rem;}
@media(max-width:680px){.related-grid{grid-template-columns:1fr;}}
.related-card{display:block;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--bg-elev);box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease;}
.related-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-hover);text-decoration:none;}
.related-card img{width:100%;height:120px;object-fit:cover;display:block;}
.related-card__body{padding:.95rem 1.1rem 1.15rem;}
.related-card__body h3{font-size:1.05rem;font-weight:700;margin:0 0 .3rem;color:var(--text);}
.related-card:hover .related-card__body h3{color:var(--accent);}
.related-card__meta{font-size:.82rem;color:var(--text-muted);margin-bottom:.4rem;}
.related-card__body p{font-size:.9rem;color:var(--text-muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}

/* ---------- 标签云 ---------- */
.tag-cloud{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;padding:1.2rem 0;}
.tag-cloud__item{transition:transform .16s ease,background .16s ease;}
.tag-cloud__item:hover{transform:translateY(-2px) scale(1.05);}
.tag-cloud__item sup{opacity:.7;margin-left:.2em;}

/* ---------- 归档 ---------- */
.year{font-size:1.6rem;font-weight:800;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;}
.archive-list a:hover{color:var(--accent);}

/* ---------- 分页 ---------- */
.pagination a{border:1px solid var(--border);border-radius:999px;padding:.5em 1.2em;background:var(--bg-elev);box-shadow:var(--shadow);font-weight:600;transition:all .2s ease;}
.pagination a:hover{border-color:transparent;background:var(--grad);color:#fff;text-decoration:none;transform:translateY(-2px);}

/* ---------- 页脚 ---------- */
.site-footer{border-top:1px solid var(--border);background:linear-gradient(0deg,var(--accent-soft),transparent);}

/* ---------- 悬浮组件 ---------- */
#progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:var(--grad);transition:width .1s;box-shadow:0 0 10px var(--glow);}
#toTop{position:fixed;right:20px;bottom:20px;width:46px;height:46px;border-radius:50%;border:none;cursor:pointer;display:none;place-items:center;font-size:1.3rem;color:#fff;background:var(--grad);box-shadow:0 8px 24px var(--glow);z-index:60;transition:transform .2s ease;}
#toTop:hover{transform:translateY(-3px);}
#toTop.show{display:grid;}

/* ---------- 滚动渐显 ---------- */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

/* ---------- 404 ---------- */
.notfound--rich{position:relative;overflow:hidden;}
.notfound-glow{position:absolute;top:-70px;left:50%;transform:translateX(-50%);width:460px;height:460px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 32%,transparent),transparent 70%);filter:blur(24px);z-index:0;pointer-events:none;}
.notfound--rich > *{position:relative;z-index:1;}
.notfound--rich .notfound-code{font-size:8rem;}

/* ---------- 小屏 ---------- */
@media(max-width:600px){
  .hero h1{font-size:2.1rem;}
  .post-title{font-size:1.8rem;}
  .hero{padding:3rem 1.2rem 2.4rem;}
}