/* 漫游随想 /views/ + 首页区块。原型 https://claude.ai/artifact/5dAMGNCjfj9FYwkJ5m1zbX */
.gm-views{--vw-ink:#1b1f1c;--vw-muted:#5d655b;--vw-edge:#2c302b;--vw-paper:#fbfcf8;--vw-grass:#3b7322;--vw-grass-hi:#5d9b3a;--vw-grass-lo:#24501a;--vw-line:#6e9a48;--vw-gold:#f2c84b;
  --vw-read:"Noto Serif SC","Songti SC","STSong",serif;color:var(--vw-ink)}
.gm-views .vw-wrap{max-width:900px;margin:0 auto;padding:24px 16px 48px;display:flex;flex-direction:column;gap:22px}
.gm-views .vw-panel{background:var(--vw-paper);border:2px solid var(--vw-edge);border-top:6px solid var(--vw-line);box-shadow:6px 6px 0 rgba(30,34,30,.35);padding:22px 24px;min-width:0}
.gm-views .vw-kick{font:12px/1.4 "Silkscreen",ui-monospace,Menlo,monospace;letter-spacing:.1em;text-transform:uppercase;color:#4f5a4c;margin:0}
.gm-views .vw-hero{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:end}
.gm-views .vw-hero h1{font-family:var(--vw-read);font-weight:900;font-size:30px;line-height:1.3;margin:4px 0 8px}
.gm-views .vw-lead{margin:0;color:#3d443e;max-width:52ch}
.gm-views .vw-stats{display:flex;flex-wrap:wrap;gap:18px;margin:12px 0 0;font-size:13px;color:#4f5a4c}
.gm-views .vw-stats b{font-size:20px;color:var(--vw-grass);margin-right:4px;font-variant-numeric:tabular-nums}
.gm-views .vw-dz{height:118px;width:auto;image-rendering:pixelated}
.gm-views .vw-tools{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.gm-views .vw-chips{display:flex;flex-wrap:wrap;gap:8px}
.gm-views .vw-chip{font:700 13px/1.4 inherit;background:#fff;border:2px solid var(--vw-edge);color:var(--vw-ink);padding:5px 10px;cursor:pointer;border-radius:0}
.gm-views .vw-chip small{font-weight:500;color:#6a7066;margin-left:3px}
.gm-views .vw-chip.is-on{background:var(--vw-grass);color:#fff;box-shadow:inset -3px -3px 0 var(--vw-grass-lo),inset 3px 3px 0 var(--vw-grass-hi)}
.gm-views .vw-chip.is-on small{color:#d7ecc8}
.gm-views .vw-search{flex:1;min-width:150px;font:14px/1.4 inherit;padding:6px 10px;border:2px solid var(--vw-edge);background:#fff;color:var(--vw-ink);border-radius:0}
.gm-views .vw-rand{font:700 13px/1.4 inherit;background:var(--vw-gold);border:2px solid var(--vw-edge);padding:5px 10px;cursor:pointer;color:var(--vw-ink);border-radius:0}
.gm-views .vw-chip:focus-visible,.gm-views .vw-rand:focus-visible,.gm-views .vw-search:focus-visible,.gm-views .vw-card:focus-visible{outline:2px solid var(--vw-gold);outline-offset:2px}
.gm-views .vw-list{display:flex;flex-direction:column;gap:18px}
.gm-views .vw-group[hidden],.gm-views .vw-card[hidden]{display:none}
.gm-views .vw-month{font:700 13px "Silkscreen",ui-monospace,monospace;letter-spacing:.08em;color:#4f5a4c;display:flex;align-items:center;gap:10px;margin:0 0 12px}
.gm-views .vw-month::after{content:"";flex:1;height:2px;background:#c9cec2}
.gm-views .vw-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}
.gm-views .vw-card{background:var(--vw-paper);border:2px solid var(--vw-edge);box-shadow:4px 4px 0 rgba(30,34,30,.3);padding:16px 18px 14px;display:flex;flex-direction:column;gap:12px;color:var(--vw-ink);text-decoration:none;transition:transform .12s,box-shadow .12s}
.gm-views .vw-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 rgba(30,34,30,.35)}
.gm-views .vw-empty{color:var(--vw-muted);font-size:14px}

/* 卡片内部（栏目页与首页共用） */
.vw-qm{display:block;width:26px;height:14px;flex:none;background:
  linear-gradient(#f2c84b,#f2c84b) 0 0/6px 6px no-repeat,linear-gradient(#f2c84b,#f2c84b) 0 6px/3px 6px no-repeat,linear-gradient(#f2c84b,#f2c84b) 6px 0/3px 3px no-repeat,
  linear-gradient(#f2c84b,#f2c84b) 14px 0/6px 6px no-repeat,linear-gradient(#f2c84b,#f2c84b) 14px 6px/3px 6px no-repeat,linear-gradient(#f2c84b,#f2c84b) 20px 0/3px 3px no-repeat}
.vw-q{font-family:"Noto Serif SC","Songti SC","STSong",serif;font-weight:900;line-height:1.45;margin:0;text-wrap:pretty;word-break:break-all}
.vw-q.vw-s{font-size:26px}.vw-q.vw-m{font-size:21px}.vw-q.vw-l{font-size:18px}
.vw-q mark,.vw-big mark{background:linear-gradient(transparent 58%,rgba(242,200,75,.75) 58%);color:inherit;padding:0}
.vw-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;font-size:12px;color:#5d655b;margin-top:auto}
.vw-tag{font-weight:700;font-size:12px;color:#fff;background:#3b7322;padding:1px 7px}
.vw-src{border:1px solid #9aa196;padding:0 6px}

/* 单条页 */
.gm-views .vw-big{font-family:var(--vw-read);font-weight:900;font-size:clamp(26px,4.4vw,40px);line-height:1.45;margin:14px 0 18px;text-wrap:pretty;word-break:break-all;color:var(--vw-ink)}
.gm-views .vw-single .vw-qm{margin-top:14px}
.gm-views .vw-sgrid{display:grid;grid-template-columns:1fr 220px;gap:22px;align-items:start}
.gm-views .vw-facts{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;font-size:14px;margin:0}
.gm-views .vw-facts dt{color:var(--vw-muted)}
.gm-views .vw-facts dd{margin:0}
.gm-views .vw-facts a{color:var(--vw-grass-lo)}
.gm-views .vw-thumb{margin:14px 0 0}
.gm-views .vw-thumb img{display:block;width:100%;height:auto;border:2px solid var(--vw-edge)}
.gm-views .vw-btn{display:inline-block;font-weight:700;font-size:13px;background:var(--vw-grass);color:#fff;border:2px solid var(--vw-grass-lo);padding:6px 12px;margin-top:10px;text-decoration:none}
.gm-views .vw-pn{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.gm-views .vw-pn a,.gm-views .vw-back{color:var(--vw-grass-lo)}
.gm-views .vw-back{font-weight:700;text-decoration:none;border-bottom:2px solid var(--vw-line)}

/* 首页区块：颜色跟随首页白天/夜晚（用 currentColor） */
.views-section .vw-home-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:8px}
.views-section .vw-card{display:flex;flex-direction:column;gap:10px;padding:16px;min-width:0;color:inherit;text-decoration:none;
  border:1px solid color-mix(in srgb,currentColor 22%,transparent);background:color-mix(in srgb,currentColor 5%,transparent);transition:border-color .15s}
.views-section .vw-card:hover{border-color:color-mix(in srgb,currentColor 55%,transparent)}
.views-section .vw-q.vw-s,.views-section .vw-q.vw-m,.views-section .vw-q.vw-l{font-size:19px}
.views-section .vw-meta{color:inherit;opacity:.7}
.views-section .vw-src{border-color:color-mix(in srgb,currentColor 35%,transparent)}
.views-section .vw-home-all{margin-top:18px}

@media (max-width:720px){
  .gm-views .vw-sgrid{grid-template-columns:1fr}
  .gm-views .vw-thumb{max-width:260px}
  .gm-views .vw-hero{grid-template-columns:1fr}
  .gm-views .vw-dz{display:none}
  .views-section .vw-home-grid{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.gm-views .vw-card{transition:none}.gm-views .vw-card:hover{transform:none}}

/* 压过全站内页皮肤（blocky-interior）对按钮和标题的统一样式 */
body .gm-views h1,body .gm-views .vw-big{font-family:var(--vw-read)!important;font-weight:900!important;letter-spacing:0;text-shadow:none}
body.gb-interior .gm-views button.vw-chip,body.gb-interior .gm-views button.vw-rand{min-height:0;text-transform:none;letter-spacing:0;font-weight:700;border-radius:0}
body.gb-interior .gm-views button.vw-chip{background:#fff!important;color:var(--vw-ink)!important;box-shadow:none!important;border:2px solid var(--vw-edge)!important}
body.gb-interior .gm-views button.vw-chip.is-on{background:var(--vw-grass)!important;color:#fff!important;box-shadow:inset -3px -3px 0 var(--vw-grass-lo),inset 3px 3px 0 var(--vw-grass-hi)!important;border-color:var(--vw-grass-lo)!important}
body.gb-interior .gm-views button.vw-rand{background:var(--vw-gold)!important;color:var(--vw-ink)!important;box-shadow:inset -3px -3px 0 #c9a12e,inset 3px 3px 0 #ffe28a!important;border:2px solid var(--vw-edge)!important}
