/*
Theme Name: SCGAME 技术手记
Description: 适合技术文章、视频笔记与项目记录的轻量区块主题。
Template: twentytwentyfive
Version: 1.1.0
License: GNU General Public License v2 or later
Text Domain: scgame-notes
*/
:root { --sc-accent:#ba4c28; --sc-ink:#252b26; --sc-line:#dedfd7; }
html { scroll-behavior:smooth; }
body { -webkit-font-smoothing:antialiased; }
a { text-underline-offset:4px; }
a:focus-visible, button:focus-visible { outline:2px solid var(--sc-accent); outline-offset:5px; }
.sc-brand { display:inline-flex; align-items:center; gap:12px; color:var(--sc-ink); text-decoration:none; font-size:19px; font-weight:750; letter-spacing:1px; }
.sc-brand-mark { display:grid; place-items:center; width:38px; height:38px; background:var(--sc-ink); color:#fff; font-size:15px; border-radius:9px; letter-spacing:-1px; }
.sc-brand small { display:block; font-size:9px; font-weight:500; letter-spacing:2px; color:#687467; margin-top:2px; }
.sc-header { border-bottom:1px solid var(--sc-line); }
.sc-header .wp-block-navigation a { font-size:14px; }
.sc-kicker { font-family:monospace; letter-spacing:.14em; font-size:12px; text-transform:uppercase; color:var(--sc-accent); }
.sc-hero { padding-top:76px; padding-bottom:72px; }
.sc-hero h1 { font-size:clamp(36px,5.2vw,62px); font-weight:650; line-height:1.3; letter-spacing:-.055em; margin-top:24px; margin-bottom:22px; }
.sc-hero .sc-intro { max-width:500px; line-height:1.95; color:#60695e; font-size:17px; }
.sc-terminal { background:#252d29; color:#ecf0e8; padding:30px; border-radius:16px; box-shadow:14px 18px 0 #e4e5dc; font:14px/2.1 ui-monospace,SFMono-Regular,Consolas,monospace; max-width:100%; box-sizing:border-box; }
.sc-terminal-bar { border-bottom:1px solid #4b534b; padding-bottom:15px; margin-bottom:24px; color:#bbc6b6; font-size:12px; display:flex; justify-content:space-between; }
.sc-dots { color:#d4a781; letter-spacing:4px; }
.sc-terminal .sc-comment { color:#acb9a6; }
.sc-terminal .sc-key { color:#e4ac84; }
.sc-terminal .sc-value { color:#c4d8b0; }
.sc-section { border-top:1px solid var(--sc-line); padding-top:42px; padding-bottom:48px; }
.sc-section-heading { margin-bottom:28px; }
.sc-section h2 { letter-spacing:-.04em; font-weight:650; }
.sc-post-grid .wp-block-post { background:#fffefa; border:1px solid var(--sc-line); border-radius:10px; padding:25px; box-sizing:border-box; }
.sc-post-grid .wp-block-post-title { font-size:22px; line-height:1.55; margin-top:15px; margin-bottom:12px; }
.sc-post-grid .wp-block-post-title a { text-decoration:none; }
.sc-post-grid .wp-block-post-title a:hover { color:var(--sc-accent); }
.sc-post-grid .wp-block-post-excerpt { font-size:14px; line-height:1.9; color:#636b61; }
.sc-post-grid .wp-block-post-date, .sc-post-grid .wp-block-post-terms { font-size:12px; color:#71796d; }
.sc-video-callout { background:#e7ebdf; border-radius:12px; padding:38px; }
.sc-video-callout h2 { font-size:32px; margin-top:12px; }
.sc-module { border:1px solid var(--sc-line); border-radius:10px; padding:30px; background:#fffefa; }
.sc-article { padding-top:56px; padding-bottom:76px; }
.sc-article .wp-block-post-title { line-height:1.35; letter-spacing:-.04em; }
.sc-article .wp-block-post-content { line-height:1.95; }
.sc-article .wp-block-post-content h2 { margin-top:48px; }
.sc-article pre { overflow-x:auto; padding:22px; border:1px solid var(--sc-line); border-radius:8px; background:#eff0e8; font-size:14px; }
.sc-footer { border-top:1px solid var(--sc-line); padding-top:32px; padding-bottom:34px; font-size:13px; color:#6b7467; }
.sc-empty { padding:26px 0; color:#6b7467; }
.wp-block-video video { border-radius:10px; max-width:100%; }
.wp-block-post-featured-image img { border-radius:8px; object-fit:cover; }
.sc-comments { border-top:1px solid var(--sc-line); margin-top:48px; padding-top:24px; }
.sc-comment-intro, .sc-comments .comment-notes { color:#626c60; font-size:14px; }
.sc-comment { border-bottom:1px solid var(--sc-line); padding:20px 0; }
.sc-comments .wp-block-comment-date, .sc-comments .wp-block-comment-reply-link, .sc-comments .wp-block-comment-edit-link { font-size:13px; }
.sc-comments .wp-block-comment-content { overflow-wrap:anywhere; }
.sc-comments .comment-form-comment label { display:block; margin-bottom:8px; }
.sc-comments textarea { box-sizing:border-box; width:100%; min-height:150px; padding:14px; border:1px solid var(--sc-line); border-radius:8px; background:#fffefa; color:var(--sc-ink); font:inherit; resize:vertical; }
.sc-comments textarea:focus-visible { outline:2px solid var(--sc-accent); outline-offset:2px; }
.sc-comments .form-submit input { cursor:pointer; }
@media(max-width:780px) {
 .sc-hero { padding-top:40px; padding-bottom:40px; }
 .sc-hero .wp-block-columns { gap:32px!important; }
 .sc-terminal { font-size:12px; padding:24px; box-shadow:8px 10px 0 #e4e5dc; }
 .sc-video-callout { padding:25px; }
 .sc-section { padding-top:28px; padding-bottom:32px; }
 .sc-post-grid .wp-block-post-template { grid-template-columns:1fr!important; }
}