/* =========================================================
   终末博客 · Liquid Glass (完整版，覆盖 main.css)
   ... 前面所有内容不变 ...
   ========================================================= */

/* ---------- 基础重置 ---------- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{width:100%;-webkit-text-size-adjust:100%;}
body{
  width:100%;min-height:100vh;
  font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;
  color:#f3f3f5;background:#0c0c12;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
  line-height:1.6;
}
img{display:block;max-width:100%;}
a{color:inherit;text-decoration:none;}
button{font-family:inherit;}

/* ---------- 主题变量 ---------- */
:root{
  --bg:#0c0c12; --fg:#f3f3f5; --muted:rgba(255,255,255,.6);
  --glass-bg:rgba(255,255,255,.08);
  --glass-border:rgba(255,255,255,.15);
  --glass-shadow:0 8px 32px rgba(0,0,0,.45);
  --glass-blur:blur(14px) saturate(160%);
  --panel:var(--glass-bg);
  --border:var(--glass-border);
  --shadow:var(--glass-shadow);
  --accent:#6366f1; --accent2:#38bdf8;
  --card-icon-bg:rgba(255,255,255,.05);
}
body.dark{}
body.light{
  --bg:#eef1f6;--fg:#1a1a22;--muted:rgba(0,0,0,.5);
  --glass-bg:rgba(255,255,255,.72);
  --glass-border:rgba(0,0,0,.1);
  --glass-shadow:0 8px 32px rgba(0,0,0,.12);
  --glass-blur:blur(14px) saturate(160%);
  --panel:var(--glass-bg);
  --border:var(--glass-border);
  --shadow:var(--glass-shadow);
  --card-icon-bg:rgba(0,0,0,.04);
}

/* ---------- WebGL 背景板 ---------- */
#bg-canvas{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;z-index:0!important;pointer-events:none;display:block;}
header,.search-container,.recommend-container,.result-container,footer,.content{position:relative;z-index:10;}
body{padding-top:78px;}

/* ================= Header ================= */
header{
  position:fixed!important;top:14px!important;left:50%!important;transform:translateX(-50%)!important;
  width:min(980px,94%);height:56px;z-index:1000!important;
  display:flex;align-items:center;justify-content:space-between;padding:0 16px;
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:999px;
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow),inset 0 1px 2px rgba(255,255,255,.24);
}
header .logo-link{display:flex;align-items:center;height:100%;padding:6px 10px;border-radius:999px;}
header .logo-img{height:34px;max-width:140px;border-radius:8px;filter:brightness(0) invert(1);}
body.light .logo-img{filter:none;}
.nav-links{display:flex;align-items:center;gap:4px;}
.nav-links a{
  color:var(--muted);font-size:.9rem;padding:6px 12px;border-radius:0;white-space:nowrap;
  transition:color .2s;
  background:transparent;backdrop-filter:none;border:none;
}
.nav-links a:hover{color:var(--fg);}
.nav-links a.capsule{
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid transparent;
  border-radius:999px;padding:6px 12px;
}
.nav-links a.capsule:hover,
.nav-links a.capsule.active{
  color:var(--fg);background:rgba(255,255,255,.15);border-color:var(--glass-border);
}
body.light .nav-links a.capsule:hover,
body.light .nav-links a.capsule.active{
  background:rgba(255,255,255,.86);border-color:rgba(0,0,0,.18);
}
#user_name_gui{
  font-size:.82rem;color:var(--muted);padding:4px 10px;border-radius:999px;
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);
}
.theme-toggle{
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);color:var(--fg);border-radius:50%;
  width:34px;height:34px;display:flex!important;align-items:center;justify-content:center;
  cursor:pointer;font-size:1rem;margin:0 4px;transition:background .2s;
}
.theme-toggle:hover{background:rgba(255,255,255,.16);}

/* ================= Search ================= */
.search-container{max-width:720px;margin:34px auto 24px;padding:0 24px;}
.search-box{
  display:flex;gap:8px;align-items:center;
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:22px;
  padding:6px 16px;
  backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow);
}
.search-input{flex:1;border:none;outline:none;background:transparent;color:var(--fg);font-size:.94rem;padding:10px 0;}
.search-input::placeholder{color:var(--muted);}
.search-filter{border:none;outline:none;background:transparent;color:var(--fg);font-size:.88rem;padding:4px 8px;border-left:1px solid var(--glass-border);}
.search-btn{background:linear-gradient(135deg,var(--accent),var(--accent2));color:#fff;border:none;border-radius:10px;padding:8px 16px;font-size:.88rem;cursor:pointer;font-weight:500;}
.search-btn:hover{transform:translateY(-1px);box-shadow:0 6px 18px rgba(99,102,241,.35);}
.back-btn{
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);color:var(--fg);font-size:1rem;
  cursor:pointer;padding:6px 8px;border-radius:8px;
}
.back-btn:hover{background:rgba(255,255,255,.1);}

/* ================= Recommend / Cards ================= */
.recommend-container{max-width:1100px;margin:0 auto 30px;padding:0 24px;}
.recommend-title{font-size:1.25rem;font-weight:600;color:var(--fg);margin-bottom:18px;}
.recommend-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.card-item{
  position:relative;
  background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;
  overflow:hidden;cursor:pointer;transition:transform .3s,border-color .3s;
  display:block;color:inherit;
  backdrop-filter:var(--glass-blur);
}
.card-item:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.36);}
body.light .card-item:hover{border-color:rgba(0,0,0,.26);}
.card-icon{height:78px;background:var(--card-icon-bg);display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--glass-border);}
.card-icon img{width:42px;height:42px;border-radius:8px;}
.card-content{padding:14px;}
.card-title{font-size:.98rem;font-weight:560;color:var(--fg);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.card-tag{
  display:inline-block;font-size:.74rem;color:var(--fg);
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);
  padding:2px 10px;border-radius:999px;margin-bottom:6px;
}
body.light .card-tag{background:rgba(255,255,255,.76);border-color:rgba(0,0,0,.12);}

/* ================= Result ================= */
.result-container{max-width:1100px;margin:0 auto 30px;padding:0 24px;}
.result-info{color:var(--muted);font-size:.9rem;margin-bottom:12px;}
.result-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:18px;}
.pagination{display:flex;justify-content:center;align-items:center;gap:6px;margin:40px 0;flex-wrap:wrap;}
.page-btn{
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);
  border:1px solid var(--glass-border);color:var(--fg);border-radius:10px;
  padding:6px 16px;font-size:.85rem;cursor:pointer;transition:.2s;
}
.page-btn:hover{background:rgba(255,255,255,.18);border-color:rgba(255,255,255,.33);color:var(--accent2);}
.page-btn.active{background:rgba(255,255,255,.28);color:var(--accent2);border-color:rgba(255,255,255,.44);}

/* ================= Footer ================= */
footer{
  margin-top:auto;text-align:center;padding:28px 24px;font-size:.82rem;color:var(--muted);
  border-top:1px solid var(--glass-border);
  background:var(--glass-bg);backdrop-filter:var(--glass-blur);
  position:relative;z-index:10;
}
/* ★★★ 修改点：底部链接颜色改为蓝色，与 buy.css 统一 ★★★ */
.footer-links a{
  color:var(--accent);margin:0 10px;
  background:transparent;backdrop-filter:none;border:none;padding:2px 0;border-radius:0;display:inline;
  transition:color .2s;
}
.footer-links a:hover{color:var(--accent2);text-decoration:underline;}
.copyright{margin-top:8px;font-size:.77rem;line-height:1.6;}
footer a[style]{color:#9a9797!important;font-size:12px;}

/* ================= 状态提示 ================= */
#glass-status{
  position:fixed;left:12px;bottom:12px;z-index:50;
  font:12px ui-monospace,SFMono-Regular,Menlo,monospace;
  color:rgba(255,255,255,.75);background:rgba(0,0,0,.55);
  padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.12);
  backdrop-filter:var(--glass-blur);
}

/* ================= Win10 启动帧字体（与 user.css 同目录引用 segoe_slboot.ttf） ================= */
@font-face{font-family:'WGL4 Boot';src:url('segoe_slboot.ttf') format('truetype');font-weight:normal;font-style:normal;font-display:block;}

/* ================= 搜索结果区 · 液态玻璃 ================= */
/* 结果容器本身作为玻璃面板承载 */
.result-container{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  border-radius:22px;
  padding:22px 24px;
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:var(--glass-shadow),inset 0 1px 0 rgba(255,255,255,.22);
}
body.light .result-container{background:rgba(255,255,255,.55);}

/* 结果区卡片：在原有玻璃基础上增强液态高光，用 .result-grid 限定不影响推荐区 */
.result-grid{gap:18px;}
.result-grid .card-item{
  background:var(--glass-bg);
  border:1px solid var(--glass-border);
  backdrop-filter:var(--glass-blur);
  -webkit-backdrop-filter:var(--glass-blur);
  box-shadow:0 6px 22px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.20);
  position:relative;overflow:hidden;
}
.result-grid .card-item::after{
  content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(ellipse at 50% -20%,rgba(255,255,255,.35) 0%,transparent 70%);
  mix-blend-mode:overlay;opacity:.55;
}
body.light .result-grid .card-item{background:rgba(255,255,255,.62);box-shadow:0 6px 22px rgba(0,0,0,.10),inset 0 1px 0 rgba(255,255,255,.7);}
.result-grid .card-item:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.40);}
body.light .result-grid .card-item:hover{border-color:rgba(0,0,0,.28);}

/* ================= Win10 加载动画（segoe_slboot.ttf 帧动画） ================= */
.win10-loader{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:24px;}
.win10-spinner{
  font-family:'WGL4 Boot',sans-serif;
  font-size:48px;line-height:1;color:#38bdf8;
  -webkit-font-smoothing:none;-moz-osx-font-smoothing:grayscale;font-smooth:never;
}
.win10-loader .loading-text{font-family:'WGL4 Boot','Segoe UI',sans-serif;font-size:15px;color:var(--fg);letter-spacing:.5px;margin:0;}

/* 结果区「暂无内容」空状态保持居中 */
.result-grid .result-empty{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:50px 20px;gap:12px;color:var(--muted);}
.result-grid .result-empty i{font-size:32px;opacity:.6;}

/* ================= 响应式 ================= */
@media(max-width:760px){
  .search-box{flex-wrap:wrap;}
  .search-filter{border-left:none;border-top:1px solid var(--glass-border);width:100%;padding:8px 0;}
  .search-btn{width:100%;justify-content:center;}
}
@media(max-width:560px){
  header{height:50px;padding:0 10px;top:10px;}
  header .logo-img{height:28px;max-width:108px;}
  .nav-links a{font-size:.82rem;padding:5px 8px;}
  body{padding-top:70px;}
}