/*
Theme Name: Nickart News
Theme URI: https://www.nickart-wh.com/
Author: NICKART
Description: 武汉市尼克艺术设计有限公司官网资讯板块主题，与首页深墨铜金视觉一致。
Version: 1.0
License: GPL v2 or later
Text Domain: nickart-news
*/

:root{
  --ink:#0b0c0d; --ink-2:#121415;
  --paper:#e9e5dd; --paper-dim:#8d887e;
  --line:rgba(233,229,221,.14); --line-soft:rgba(233,229,221,.07);
  --accent:#c08a4e;
  --font-sans:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--font-sans);
  font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased;
  min-height:100vh;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.wrap{width:100%;max-width:1080px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}
.frame{position:fixed;inset:10px;border:1px solid var(--line-soft);pointer-events:none;z-index:60}

.site-head{border-bottom:1px solid var(--line);position:sticky;top:0;
  background:rgba(11,12,13,.92);backdrop-filter:blur(8px);z-index:50}
.head-in{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:16px;padding-bottom:16px}
.brand{display:flex;align-items:baseline;gap:10px}
.brand-mark{font-family:var(--font-mono);font-size:12px;letter-spacing:.18em;color:var(--accent)}
.brand-sub{font-size:15px;font-weight:600;letter-spacing:.06em}
.nav{display:flex;gap:clamp(14px,2.4vw,30px);font-size:14px;color:var(--paper-dim)}
.nav a:hover,.nav a.on{color:var(--paper)}
.nav a.on{border-bottom:1px solid var(--accent)}

main{flex:1 0 auto}
.page-head{padding:clamp(40px,7vw,76px) 0 clamp(24px,4vw,36px);border-bottom:1px solid var(--line)}
.page-head h1{margin:0;font-size:clamp(30px,5vw,46px);font-weight:600;letter-spacing:-.01em;line-height:1.15}
.lede{margin:14px 0 0;color:var(--paper-dim);font-size:15px;max-width:44em}

.post-list{list-style:none;margin:0;padding:0}
.post-list li{border-bottom:1px solid var(--line-soft)}
.post-list a{display:block;padding:clamp(22px,3.4vw,32px) 0}
.post-list a:hover h2{color:var(--accent)}
.post-list time{display:block;font-family:var(--font-mono);font-size:11.5px;
  letter-spacing:.14em;color:var(--accent);margin-bottom:10px}
.post-list h2{margin:0 0 10px;font-size:clamp(18px,2.4vw,22px);font-weight:600;
  line-height:1.45;transition:color .18s}
.post-list p{margin:0;color:var(--paper-dim);font-size:14.5px;line-height:1.8;max-width:52em}

.post{padding:clamp(36px,6vw,64px) 0 clamp(48px,8vw,88px)}
.post-head{border-bottom:1px solid var(--line);padding-bottom:clamp(20px,3vw,28px);
  margin-bottom:clamp(26px,4vw,40px)}
.post-head time{display:block;font-family:var(--font-mono);font-size:11.5px;
  letter-spacing:.14em;color:var(--accent);margin-bottom:14px}
.post-head h1{margin:0;font-size:clamp(26px,4.4vw,40px);font-weight:600;
  line-height:1.25;letter-spacing:-.01em}

.prose{font-size:16.5px;line-height:1.9;color:#d8d3ca;max-width:44em}
.prose p{margin:0 0 1.4em}
.prose h2{font-size:clamp(20px,2.6vw,25px);font-weight:600;color:var(--paper);margin:2em 0 .7em;line-height:1.4}
.prose h3{font-size:clamp(17px,2.2vw,20px);font-weight:600;color:var(--paper);margin:1.7em 0 .6em}
.prose a{color:var(--accent);border-bottom:1px solid rgba(192,138,78,.4)}
.prose a:hover{border-bottom-color:var(--accent)}
.prose ul,.prose ol{margin:0 0 1.4em;padding-left:1.4em}
.prose li{margin:.4em 0}
.prose blockquote{margin:1.6em 0;padding:2px 0 2px 20px;border-left:2px solid var(--accent);color:var(--paper-dim)}
.prose img{margin:1.8em 0;border:1px solid var(--line)}
.prose code{font-family:var(--font-mono);font-size:.9em;background:var(--ink-2);padding:.15em .4em;border-radius:3px}
.prose pre{background:var(--ink-2);border:1px solid var(--line);padding:16px;overflow-x:auto;margin:1.6em 0}
.prose pre code{background:none;padding:0}
.prose table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:14.5px}
.prose th,.prose td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.prose th{background:var(--ink-2);font-weight:600;color:var(--paper)}
.prose iframe{max-width:100%}

.pagination{margin:clamp(32px,5vw,48px) 0;font-family:var(--font-mono);font-size:12.5px;letter-spacing:.08em}
.pagination .nav-links{display:flex;gap:8px;flex-wrap:wrap}
.pagination a,.pagination span{display:inline-block;padding:8px 14px;border:1px solid var(--line);color:var(--paper-dim)}
.pagination a:hover{border-color:var(--accent);color:var(--accent)}
.pagination .current{border-color:var(--accent);color:var(--accent)}

footer{border-top:1px solid var(--line);flex-shrink:0}
.foot{display:flex;flex-wrap:wrap;gap:10px 26px;padding:26px 0 34px;font-size:12.5px;color:var(--paper-dim)}
.icp{font-family:var(--font-mono);letter-spacing:.04em}
.empty{padding:60px 0;color:var(--paper-dim)}

@media(max-width:640px){
  .head-in{flex-direction:column;align-items:flex-start;gap:12px}
  .nav{width:100%;justify-content:space-between;gap:0;font-size:13px}
}
@media print{
  .site-head,.pagination,footer,.frame{display:none}
  body{background:#fff;color:#000}
  .prose{color:#000;max-width:none}
}

/* ---------- 案例 ---------- */
.case-filter{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 clamp(24px,3vw,36px)}
.case-filter a{
  font-family:var(--font-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--paper-dim);text-decoration:none;padding:7px 13px;border:1px solid var(--line);
  transition:color .2s,border-color .2s;
}
.case-filter a:hover,.case-filter a.on{color:var(--accent);border-color:var(--accent)}
.case-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));
  gap:clamp(16px,2vw,24px);
}
.case-card{
  display:block;text-decoration:none;color:inherit;
  border:1px solid var(--line-soft);transition:border-color .25s;
}
.case-card:hover{border-color:var(--line)}
.case-thumb{
  display:block;aspect-ratio:4/3;overflow:hidden;background:var(--ink-2);
}
.case-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease}
.case-card:hover .case-thumb img{transform:scale(1.035)}
.case-thumb-empty{display:flex;align-items:center;justify-content:center}
.case-thumb-empty span{
  font-family:var(--font-mono);font-size:.76rem;letter-spacing:.22em;
  color:var(--paper-dim);opacity:.45;
}
.case-meta{display:block;padding:14px 16px 18px}
.case-title{display:block;font-size:1.02rem;font-weight:600;line-height:1.45;color:var(--paper)}
.case-ex{display:block;margin-top:6px;font-size:.86rem;line-height:1.65;color:var(--paper-dim)}
.case-hero{margin:clamp(24px,3vw,40px) 0}
.case-hero img{width:100%;height:auto;display:block}
.empty{color:var(--paper-dim);padding:48px 0;font-size:.94rem}
.page-sub{
  margin-top:8px;font-family:var(--font-mono);font-size:.78rem;
  letter-spacing:.1em;color:var(--paper-dim);
}
@media(max-width:640px){
  .case-grid{grid-template-columns:1fr}
}
@media print{
  .case-filter{display:none}
  .case-card{border:1px solid #ccc;break-inside:avoid}
}