/* ============================================================
   SILO CYBER — 赛博朋克·城市天际线 博客主题
   由 06-cyberpunk-city 设计 1:1 还原，文字内容全部后台可改
   WordPress 主题（兼容 WP 6.x）
   ============================================================ */

:root{
  --void:#05060f;
  --panel:#0a0d1e;
  --panel2:#0e1430;
  --cyan:#00f0ff;
  --mag:#ff2fd4;
  --yellow:#ffe600;
  --green:#39ff9c;
  --white:#e6f2ff;
  --dim:#5a6690;
  --line:rgba(0,240,255,.22);
}
*{box-sizing:border-box;margin:0;padding:0}

/* 背景：深空暗渐变 + 极淡角落青光晕（无网格/无光带/无纹理） */
html,body{min-height:100%}
body{
  background:
    radial-gradient(1000px 600px at 85% -6%, rgba(0,240,255,.10), transparent 60%),
    radial-gradient(760px 480px at 4% 104%, rgba(0,240,255,.06), transparent 62%),
    linear-gradient(160deg,#05060f 0%,#070a18 46%,#04040c 100%);
  background-attachment:fixed;
  color:var(--white);line-height:1.6;position:relative;overflow-x:hidden;min-height:100vh;
  font-family:"Sarasa Gothic SC","JetBrains Mono","PingFang SC","Microsoft YaHei",monospace;
}

/* 城市天际线：固定在底部，静态、压暗、不闪 */
.skyline{position:fixed;bottom:0;left:0;width:100%;height:230px;z-index:0;opacity:.62;pointer-events:none}
.skyline .brand{fill:var(--cyan);font-size:27px;font-weight:800;letter-spacing:7px;
  font-family:"JetBrains Mono","Sarasa Gothic SC",monospace;
  filter:drop-shadow(0 0 9px rgba(0,240,255,.85))}

.wrap{max-width:1080px;margin:0 auto;padding:0 24px 268px;position:relative;z-index:1}

/* 页眉品牌 */
.topbar{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--dim);
  letter-spacing:2px;padding:16px 0;border-bottom:1px solid var(--line);text-transform:uppercase}
.topbar .logo{color:var(--cyan);font-weight:800;letter-spacing:3px;font-size:15px;
  text-shadow:0 0 12px rgba(0,240,255,.5)}
.topbar .logo::before{content:"[ ";color:var(--mag)}
.topbar .logo::after{content:" ]";color:var(--mag)}
.topbar .live{color:var(--green)}
.topbar .live::before{content:"●";margin-right:6px}

/* 导航（常驻，四版块通道） */
.nav{display:flex;gap:6px;flex-wrap:wrap;align-items:center;padding:18px 0}
.tab{font-family:inherit;font-size:12px;letter-spacing:1px;padding:8px 14px;cursor:pointer;
  background:var(--panel);border:1px solid var(--line);color:var(--dim);transition:.15s;text-decoration:none;
  display:inline-block;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.tab.active{color:#001018;background:var(--cyan);border-color:var(--cyan);
  box-shadow:0 0 18px rgba(0,240,255,.45);font-weight:700}
.tab:hover:not(.active){color:var(--white);border-color:var(--cyan)}

.page{padding-top:30px}

/* 版块标题（带 SILOVANT 水印） */
.sec{display:flex;align-items:center;gap:12px;margin-bottom:18px;font-size:13px;letter-spacing:3px;color:var(--cyan)}
.sec::before{content:"//";color:var(--mag)}
.sec .wm{margin-left:auto;font-size:10px;letter-spacing:3px;color:rgba(0,240,255,.4)}

/* HOME hero（占位文案，成品由后台字段驱动） */
.hero{border:1px solid var(--line);background:linear-gradient(140deg,var(--panel),var(--panel2));
  padding:40px;position:relative}
.hero::after{content:attr(data-sys);position:absolute;top:14px;right:16px;font-size:10px;
  color:var(--dim);letter-spacing:2px}
.hero .id{color:var(--green);font-size:12px;letter-spacing:2px;margin-bottom:14px}
.hero .id::before{content:"$ ";color:var(--dim)}
.hero h1{font-size:44px;font-weight:800;letter-spacing:1px;color:var(--white);
  text-shadow:0 0 22px rgba(0,240,255,.3)}
.hero .sub{color:var(--cyan);font-size:14px;letter-spacing:2px;margin:8px 0 18px}
.hero .bio{color:var(--dim);max-width:660px;font-size:14px}
.channels{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}
.ch{border:1px solid var(--line);background:var(--panel);padding:22px;cursor:pointer;transition:.18s;
  position:relative;overflow:hidden;text-decoration:none;color:inherit;
  clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px))}
.ch:hover{border-color:var(--mag);box-shadow:0 0 24px rgba(255,47,212,.32);transform:translateY(-3px)}
.ch .ic{display:block;width:34px;height:34px;color:var(--cyan);margin:0 0 14px;filter:drop-shadow(0 0 6px rgba(0,240,255,.55))}
.ch h3{font-size:30px;font-weight:800;letter-spacing:2px;margin:0 0 8px;color:var(--cyan);text-shadow:0 0 12px rgba(0,240,255,.7)}
.ch p{color:var(--dim);font-size:13px}
.ch .arrow{position:absolute;bottom:12px;right:14px;color:var(--cyan);font-size:16px}
.snote{margin-top:20px;font-size:11px;color:var(--dim);letter-spacing:1px}
.snote b{color:var(--green)}

/* 工具条（搜索 + 排序双按钮 + 每页条数） */
.tools{display:flex;gap:8px;margin:4px 0 14px;flex-wrap:wrap;align-items:center}
.search{flex:1;min-width:200px;background:var(--panel);border:1px solid var(--line);padding:10px 14px;
  color:var(--white);font-size:13px;font-family:inherit}
.search::placeholder{color:var(--dim)}
.search:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px rgba(0,240,255,.3)}
.sortgrp{display:flex;border:1px solid var(--line);background:var(--panel)}
.sortgrp button{background:transparent;border:none;font-family:inherit;font-size:12px;letter-spacing:1px;
  color:var(--dim);padding:10px 14px;cursor:pointer;transition:.15s}
.sortgrp button + button{border-left:1px solid var(--line)}
.sortgrp button:hover{color:var(--white)}
.sortgrp button.on{color:#001018;background:var(--cyan);font-weight:700}
.pagesize{display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--line);padding:6px 10px}
.pagesize label{color:var(--dim);font-size:11px;letter-spacing:1px}
.pagesize select{background:var(--void);color:var(--cyan);border:1px solid var(--line);font-family:inherit;
  font-size:12px;padding:4px 6px;cursor:pointer}
.countline{font-size:11px;color:var(--dim);letter-spacing:1px;margin:0 0 14px}
.countline b{color:var(--green)}

/* 文章行 */
.artlist{display:flex;flex-direction:column;gap:10px}
.artrow{display:grid;grid-template-columns:1fr 1.3fr 140px;gap:16px;align-items:center;
  border-left:3px solid var(--cyan);background:var(--panel);padding:16px 20px;transition:.15s;text-decoration:none;color:inherit}
.artrow:hover{border-left-color:var(--mag);background:var(--panel2);box-shadow:0 0 20px rgba(255,47,212,.14)}
.artrow .t{font-size:15px;font-weight:700;color:var(--white)}
.artrow .t:hover{color:var(--cyan)}
.artrow .d{color:var(--dim);font-size:13px}
.artrow .date{color:var(--green);font-size:12px;text-align:right;letter-spacing:1px}
.empty{border:1px dashed var(--line);color:var(--dim);text-align:center;padding:40px;font-size:13px;letter-spacing:1px}

/* 视频豆腐块 */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.vcard{border:1px solid var(--line);background:var(--panel);overflow:hidden;transition:.2s;position:relative;display:block}
.vcard:hover{border-color:var(--cyan);box-shadow:0 0 24px rgba(0,240,255,.28)}
.vcard .box{aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,#101a3e,#05060f);
  display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.vcard .box iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.vcard .play{width:50px;height:50px;border:1px solid var(--cyan);border-radius:4px;display:flex;
  align-items:center;justify-content:center;color:var(--cyan);font-size:18px;
  background:rgba(0,240,255,.08);position:relative;z-index:1;
  clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,10px 100%,0 calc(100% - 10px))}
.vcard .tag{position:absolute;top:8px;left:8px;font-size:10px;color:var(--yellow);letter-spacing:1px;
  background:rgba(0,0,0,.5);padding:2px 6px;z-index:2}
.vcard .meta{padding:12px 14px}
.vcard .meta h4{font-size:13px;margin-bottom:4px;color:var(--white)}
.vcard .meta span{color:var(--dim);font-size:11px;letter-spacing:1px}

/* 留言板 */
.board{display:flex;flex-direction:column;gap:12px}
.msg{border:1px solid var(--line);border-left:3px solid var(--green);background:var(--panel);padding:14px 16px}
.msg.blocked{border-left-color:var(--mag)}
.msg .head{display:flex;justify-content:space-between;font-size:12px;margin-bottom:6px;letter-spacing:1px}
.msg .head .u{color:var(--cyan)}
.msg .head .time{color:var(--dim)}
.msg .body{color:var(--white);font-size:13.5px}
.flag{display:inline-block;font-size:10px;color:#001018;background:var(--mag);padding:1px 6px;
  letter-spacing:1px;margin-left:8px;clip-path:polygon(4px 0,100% 0,100% 100%,0 100%,0 4px)}
.cbox{margin-top:16px}
.cbox textarea{width:100%;background:var(--panel);border:1px solid var(--line);padding:12px;color:var(--white);
  min-height:70px;font-family:inherit;font-size:13px;resize:vertical}
.cbox textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px rgba(0,240,255,.3)}
.cbox button{margin-top:8px;background:var(--mag);color:#001018;border:none;font-family:inherit;font-weight:700;
  font-size:12px;letter-spacing:2px;padding:9px 22px;cursor:pointer;
  clip-path:polygon(8px 0,100% 0,100% calc(100% - 8px),calc(100% - 8px) 100%,0 100%,0 8px)}
.cbox button:hover{box-shadow:0 0 18px rgba(255,47,212,.5)}
.hint{color:var(--dim);font-size:11px;margin-top:8px;letter-spacing:1px}
.hint::before{content:"// ";color:var(--mag)}

/* ============ 分页器（上一页在最前 / 下一页在最后 / 无菱形条） ============ */
.pager{margin-top:26px;border:1px solid var(--line);background:var(--panel);padding:16px 14px}
.prow{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap}
.pnums{display:flex;gap:6px;flex-wrap:wrap;justify-content:center;align-items:center}
.pbtn{min-width:40px;padding:9px 8px;text-align:center;font-family:inherit;font-size:12px;letter-spacing:1px;
  background:var(--void);border:1px solid var(--line);color:var(--dim);cursor:pointer;transition:.12s;
  text-decoration:none;display:inline-block}
.pbtn:hover:not(.on):not(:disabled){color:var(--white);border-color:var(--cyan)}
.pbtn.on{color:#001018;background:var(--cyan);border-color:var(--cyan);font-weight:700;
  box-shadow:0 0 12px rgba(0,240,255,.4)}
.pbtn.nav2{min-width:auto;padding:9px 14px}
.pbtn:disabled{opacity:.28;cursor:not-allowed}
.pell{min-width:auto;padding:9px 6px;color:var(--mag);letter-spacing:2px}
/* 跳页输入框（可选页码快速定位） */
.jump{display:flex;justify-content:center;align-items:center;gap:8px;margin-top:14px}
.jump label{color:var(--dim);font-size:11px;letter-spacing:1px}
.jump input{width:70px;background:var(--void);border:1px solid var(--line);color:var(--cyan);
  font-family:inherit;font-size:13px;padding:8px 9px;text-align:center}
.jump input:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 10px rgba(0,240,255,.35)}
.jump button{background:var(--cyan);color:#001018;border:none;font-family:inherit;font-weight:700;
  font-size:11px;letter-spacing:1px;padding:9px 16px;cursor:pointer}

/* 页脚 */
.footer{margin-top:40px;padding:18px 0;border-top:1px solid var(--line);text-align:center;
  color:var(--dim);font-size:11px;letter-spacing:2px}
.footer b{color:var(--cyan)}

/* 备案号（ICP + 公安），后台可编辑，留空则不显示 */
.beian{margin-top:8px;font-size:10px;letter-spacing:1px;color:var(--dim)}
.beian:empty{display:none}
.beian__link{color:var(--dim);text-decoration:none}
.beian__link:hover{color:var(--cyan);text-shadow:0 0 8px rgba(0,240,255,.4)}
.beian__sep{margin:0 10px;color:var(--line)}
.beian__text{color:var(--dim)}

/* ============ 单篇文章 / 正文排版 ============ */
.entry{border:1px solid var(--line);background:var(--panel);padding:30px 32px;margin-top:14px}
.entry h1.title{font-size:30px;color:var(--white);margin-bottom:8px;text-shadow:0 0 18px rgba(0,240,255,.25)}
.entry .meta{color:var(--dim);font-size:12px;letter-spacing:1px;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.entry .meta .tagline{color:var(--green)}
.entry-content{color:var(--white);font-size:15px;line-height:1.85}
.entry-content p{margin:0 0 16px}
.entry-content h2{color:var(--cyan);font-size:22px;margin:24px 0 12px}
.entry-content h3{color:var(--white);font-size:18px;margin:18px 0 10px}
.entry-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:2px}
.entry-content ul,.entry-content ol{margin:0 0 16px;padding-left:22px;color:var(--white)}
.entry-content li{margin:6px 0}
.entry-content blockquote{border-left:3px solid var(--mag);background:var(--panel2);padding:12px 16px;color:var(--white);margin:0 0 16px}
.entry-content pre{background:var(--void);border:1px solid var(--line);padding:14px;overflow:auto;color:var(--green);font-size:13px;margin:0 0 16px}
.entry-content code{color:var(--green)}
.entry-content img{max-width:100%;border:1px solid var(--line)}
.entry-content .vembed{position:relative;padding-top:56.25%;margin:0 0 16px;border:1px solid var(--line);background:#05060f}
.entry-content .vembed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* 评论区（文末） */
.comments{margin-top:30px}
.comments .sec{font-size:13px}
.clist{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.citem{border:1px solid var(--line);border-left:3px solid var(--cyan);background:var(--panel);padding:12px 14px;font-size:13.5px}
.citem .cmeta{display:flex;justify-content:space-between;color:var(--dim);font-size:11px;letter-spacing:1px;margin-bottom:6px}
.citem .cname{color:var(--cyan)}
.citem p{color:var(--white)}
.cform textarea{width:100%;background:var(--panel);border:1px solid var(--line);padding:12px;color:var(--white);min-height:80px;font-family:inherit;font-size:13px;resize:vertical}
.cform textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 12px rgba(0,240,255,.3)}
.cform .cnames{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.cform input{background:var(--panel);border:1px solid var(--line);padding:9px 12px;color:var(--white);font-family:inherit;font-size:13px}
.cform input:focus{outline:none;border-color:var(--cyan)}
.cform button{margin-top:10px;background:var(--cyan);color:#001018;border:none;font-family:inherit;font-weight:700;font-size:12px;letter-spacing:2px;padding:9px 22px;cursor:pointer}
.cform button:hover{box-shadow:0 0 18px rgba(0,240,255,.5)}

/* ============ 嵌套评论 / 留言树（两级封顶 · 子级默认收起 · 内联回复）============ */
/* 顶部总开关（全部展开 / 收起） */
.cmaster{margin:0 0 12px}
.cmaster button{background:transparent;border:1px solid var(--line);color:var(--cyan);font-family:inherit;
  font-size:11px;letter-spacing:1px;padding:7px 16px;cursor:pointer;transition:.15s;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
.cmaster button:hover{background:rgba(0,240,255,.08);box-shadow:0 0 12px rgba(0,240,255,.3)}

/* 子级（一级回复）：缩进 + 左侧连接线 + 默认收起 */
.cchildren,.mchildren{margin-top:10px;padding-left:14px;border-left:2px solid var(--line)}
.ctoggle,.mtoggle{background:transparent;border:none;color:var(--green);font-family:inherit;font-size:11px;
  letter-spacing:1px;padding:4px 0;cursor:pointer;margin-bottom:8px}
.ctoggle:hover,.mtoggle:hover{color:var(--cyan)}
.cchildlist,.mchildlist{display:flex;flex-direction:column;gap:10px}
.cchildlist.collapsed,.mchildlist.collapsed{display:none}

/* 一级评论卡片（更紧凑 + 绿左边线） */
.citem.cchild{border-left:2px solid var(--green);font-size:12.5px;padding:10px 12px}
.msg.mchild{border-left:2px solid var(--green);font-size:12.5px}
.citem.cchild .silo-avatar,.msg.mchild .head .silo-avatar{width:26px;height:26px}

/* 「回复 @某某」封顶标注（独立行，旧样式保留） */
.reply-to{color:var(--dim);font-size:11px;margin-bottom:4px}
.reply-to b{color:var(--mag);font-weight:700}
/* 「回复 @某某」内联在名字同一行（1.0.4 起，取代独立行） */
.reply-inline{color:var(--dim);font-size:11px;margin-left:6px;letter-spacing:.5px}
.reply-inline b{color:var(--mag);font-weight:700}

/* 每条的「回复」内联入口 */
.reply-btn,.mreply{margin-top:8px;background:transparent;border:none;color:var(--dim);font-family:inherit;
  font-size:11px;letter-spacing:1px;cursor:pointer;padding:2px 0;transition:.15s}
.reply-btn:hover,.mreply:hover{color:var(--cyan)}

/* 内联回复表单（默认隐藏，点「回复」展开） */
.creply,.mreplyform{display:none;margin-top:10px;padding:10px;background:var(--void);border:1px solid var(--line)}
.creply.open,.mreplyform.open{display:block}
.creply .cnames,.mreplyform .cnames{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:8px}
.creply input,.mreplyform input{flex:1;min-width:120px;background:var(--panel);border:1px solid var(--line);
  padding:8px 10px;color:var(--white);font-family:inherit;font-size:12px}
.creply input:focus,.mreplyform input:focus{outline:none;border-color:var(--cyan)}
.creply textarea,.mreplyform textarea{width:100%;background:var(--panel);border:1px solid var(--line);padding:10px;
  color:var(--white);min-height:64px;font-family:inherit;font-size:12px;resize:vertical}
.creply textarea:focus,.mreplyform textarea:focus{outline:none;border-color:var(--cyan);box-shadow:0 0 10px rgba(0,240,255,.3)}
.crow{display:flex;gap:8px;margin-top:8px}
.crow button[type=submit]{background:var(--cyan);color:#001018;border:none;font-family:inherit;font-weight:700;
  font-size:11px;letter-spacing:1px;padding:8px 18px;cursor:pointer}
.crow button[type=submit]:hover{box-shadow:0 0 14px rgba(0,240,255,.5)}
.crow .canc-reply,.crow .mrep-cancel{background:transparent;color:var(--dim);border:1px solid var(--line);
  font-family:inherit;font-size:11px;padding:8px 14px;cursor:pointer}
.crow .canc-reply:hover,.crow .mrep-cancel:hover{color:var(--white)}

/* 评论功能关闭提示 */
.cnotice{padding:18px 0;color:var(--dim);font-size:13px;letter-spacing:1px;border:1px solid var(--line);background:var(--panel);margin-top:10px}
.cnotice::before{content:"[ ";color:var(--mag)}
.cnotice::after{content:" ]";color:var(--mag)}

/* 搜索结果页 / 404 */
.searchbox{margin:14px 0}
.notfound{border:1px dashed var(--line);background:var(--panel);padding:60px 30px;text-align:center}
.notfound h2{color:var(--mag);font-size:24px;margin-bottom:10px}
.notfound p{color:var(--dim)}

/* 后台"SILO 站点设置"样式提示（前台不显示） */

/* ⑤ 阅读量徽章 / ④ 下载按钮 / ⑥ 造人气头像 */
.views{color:var(--cyan);opacity:.85;font-size:11px;margin-left:8px;letter-spacing:.5px}
.silo-dl{margin-top:18px}
.silo-download{display:inline-block;margin-top:6px}
.silo-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-right:6px;vertical-align:middle;border:1px solid var(--line);background:#000}
.cmeta .silo-avatar{margin-right:8px;margin-left:0}
.msg .head .silo-avatar{width:34px;height:34px}

@media(max-width:720px){
  .artrow{grid-template-columns:1fr}
  .artrow .date{text-align:left;margin-top:4px}
  .channels,.vgrid{grid-template-columns:1fr 1fr}
  .hero h1{font-size:30px}
  .hero{padding:26px}
  .entry{padding:22px}
}