/*
Theme Name: KENNY Edit
Author: Kenny Khoo
Description: KENNY肯尼酷图文评测与电脑知识杂志主题。支持首页精选、分类、搜索、文章目录、对应影片链接和合作说明。
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: kenny-edit
*/

:root{--ink:#202322;--paper:#f6f5f0;--orange:#ed5b2a;--muted:#73766e;--line:#dddfd5}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{outline-offset:5px}button{cursor:pointer}header{border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:4}.bar{max-width:1320px;margin:auto;padding:24px 48px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:24px;font-weight:900;letter-spacing:-1px}.brand span{color:var(--orange)}.brand small{display:block;font-size:9px;letter-spacing:3px;margin-top:5px;font-weight:500}nav{display:flex;gap:28px;align-items:center;font-size:13px}.youtube{background:var(--ink);color:white;padding:12px 18px;border-radius:3px}main{max-width:1320px;margin:auto;padding:0 48px}.intro{display:flex;justify-content:space-between;align-items:end;padding:52px 0 34px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:bold;color:var(--orange)}h1{font-size:clamp(36px,4.5vw,64px);letter-spacing:-2px;line-height:1.12;margin:15px 0 0}.intro p{color:var(--muted);font-size:14px;line-height:1.9;max-width:340px}.hero{display:grid;grid-template-columns:1.5fr 1fr;background:#202824;color:#fff;min-height:420px}.hero-art{position:relative;overflow:hidden;background:radial-gradient(ellipse at 45% 45%,#667964,#253b31 50%,#17231e);display:grid;place-items:center}.chip{position:relative;width:240px;height:240px;background:linear-gradient(135deg,#c5c5b4,#797f73);border:13px solid #34433a;box-shadow:0 35px 70px #0009,0 0 0 14px #869b7940;transform:rotate(-17deg);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#263629}.chip:before{content:'';position:absolute;inset:-45px;border:1px solid #b1c4a330}.chip b{font-size:43px;letter-spacing:-2px}.chip span{font-size:13px;letter-spacing:5px;margin-top:15px}.art-label{position:absolute;bottom:24px;left:28px;font:10px monospace;letter-spacing:2px;color:#c5d3bd}.hero-copy{padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.tag{font-size:11px;letter-spacing:1px;color:var(--orange);font-weight:bold}.hero h2{font-size:34px;line-height:1.4;margin:20px 0}.hero p{font-size:13px;color:#b6beb7;line-height:1.9}.read{border:0;background:var(--orange);color:white;padding:14px 20px;margin-top:15px;align-self:flex-start}.ticker{display:flex;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}.ticker b{color:var(--ink)}.section-head{margin-top:58px;display:flex;align-items:center;justify-content:space-between;gap:18px}.section-head h2{font-size:25px;margin:0}.search{border:1px solid var(--line);padding:12px 15px;background:transparent;min-width:250px;border-radius:3px}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0}.filters button{background:transparent;border:1px solid var(--line);padding:9px 18px;border-radius:30px;font-size:12px}.filters button.active{background:var(--ink);border-color:var(--ink);color:#fff}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{border-bottom:1px solid var(--line);padding-bottom:25px}.cover{height:210px;position:relative;display:grid;place-items:center;overflow:hidden}.cover span{position:absolute;top:18px;left:20px;font:10px monospace;letter-spacing:2px;color:#ffffffa0}.cover .graphic{font-weight:900;font-size:64px;letter-spacing:-4px;text-shadow:0 14px 30px #0003}.cover i{position:absolute;bottom:15px;right:20px;font-size:11px;font-style:normal;color:#ffffffa0}.c0{background:#d4dccb;color:#334733}.c1{background:#d9c1ad;color:#593924}.c2{background:#252e35;color:#a2cccb}.c3{background:#d9d5e6;color:#5e5475}.c4{background:#d6d5c9;color:#56583d}.c5{background:#bdcdd2;color:#2b4e63}.meta{display:flex;justify-content:space-between;color:var(--muted);font-size:11px;margin:20px 0 12px}.meta b{color:var(--orange);font-weight:500}.card h3{font-size:21px;line-height:1.5;margin:0 0 12px}.card p{font-size:13px;color:var(--muted);line-height:1.85;margin:0}.card button{border:0;background:none;padding:17px 0 0;font-size:12px;font-weight:bold}.card button:hover{color:var(--orange)}.empty{padding:50px;grid-column:1/-1;text-align:center;color:var(--muted)}.about{margin:65px 0;background:#e8eadf;display:grid;grid-template-columns:1fr 2fr;padding:42px;gap:40px}.monogram{font-size:84px;font-weight:900;letter-spacing:-7px;color:#354a35}.about h2{font-size:28px;margin:0 0 15px}.about p{font-size:14px;line-height:1.9;color:#656d60}.about-links{display:flex;gap:25px;font-size:12px;font-weight:bold;margin-top:20px}footer{border-top:1px solid var(--line);padding:25px 48px;max-width:1320px;margin:auto;display:flex;justify-content:space-between;font-size:10px;color:var(--muted)}dialog{border:0;width:min(850px,95vw);max-height:92vh;padding:0;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#132017bd;backdrop-filter:blur(5px)}.article{padding:40px 55px}.close{position:sticky;top:0;float:right;border:0;background:var(--ink);color:white;padding:12px 18px;z-index:1}.article h2{font-size:32px;line-height:1.45}.article h3{font-size:20px;margin-top:30px}.article p{font-size:15px;line-height:2;color:#4f564c}.notice{padding:14px 18px;background:#e9eadd;border-left:3px solid var(--orange);font-size:12px;line-height:1.8}.article a{color:var(--orange);text-decoration:underline}.article .cover{margin:25px 0}.article .cover .graphic{font-size:74px}@media(max-width:850px){.bar,main{padding-left:24px;padding-right:24px}nav{gap:15px}nav .optional{display:none}.hero{grid-template-columns:1fr 1fr}.hero-copy{padding:25px}.hero h2{font-size:26px}.grid{grid-template-columns:repeat(2,1fr)}.intro p{max-width:240px}.chip{width:180px;height:180px}.chip b{font-size:32px}}@media(max-width:580px){.bar{padding:18px}.brand{font-size:20px}nav{font-size:11px}main{padding:0 18px}.intro{display:block;padding:35px 0 25px}.intro p{max-width:none}.hero{grid-template-columns:1fr}.hero-art{height:280px}.hero-copy{padding:28px}.hero h2{font-size:28px}.ticker{font-size:10px;flex-wrap:wrap}.section-head{align-items:start;flex-direction:column;margin-top:38px}.search{width:100%}.grid{grid-template-columns:1fr;gap:28px}.cover{height:225px}.about{grid-template-columns:1fr;padding:26px;gap:10px}.monogram{font-size:55px}.article{padding:26px}.article h2{font-size:25px}footer{padding:22px 18px;gap:15px;flex-wrap:wrap}}

/* WordPress layout and editorial pages */
html{scroll-behavior:smooth;scroll-padding-top:120px}body{overflow-wrap:anywhere}body.admin-bar .site-header{top:32px}.site-header{position:sticky;top:0}.article-header{position:static;background:none;border:0}main{min-height:65vh}.nav-menu,.footer-menu{list-style:none;margin:0;padding:0;display:flex;gap:20px;flex-wrap:wrap}.nav-menu li{margin:0}.site-footer{align-items:center;gap:20px;flex-wrap:wrap}.screen-reader-text,.skip-link:not(:focus){position:absolute;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);width:1px;height:1px;overflow:hidden}.skip-link:focus{position:fixed;top:45px;left:15px;background:white;padding:15px;z-index:99}.hero-art{min-height:420px}.hero-art .post-cover{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.cover{display:block;aspect-ratio:16/9;height:auto;background:#dce1d3}.post-cover{width:100%;height:100%;object-fit:cover;display:block}.cover-placeholder{height:100%;min-height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:25px;background:radial-gradient(ellipse at top left,#637b60,#23352d);color:#e1e9d7;width:100%;padding:25px}.cover-placeholder span{position:static;font:11px monospace;letter-spacing:3px}.cover-placeholder b{font-size:32px;letter-spacing:-1px}.cover-placeholder small{font:10px monospace;letter-spacing:3px}.hero .cover-placeholder{min-height:420px}.filters a{border:1px solid var(--line);padding:9px 18px;border-radius:30px;font-size:12px}.filters a.active{background:var(--ink);border-color:var(--ink);color:#fff}.section-head>h2>span{color:var(--orange)}.text-link{display:inline-block;font-size:12px;font-weight:bold;margin-top:15px}.text-link:hover,.card h3 a:hover{color:var(--orange)}.search-form{display:flex;gap:0}.search-form .search{min-width:200px;max-width:100%}.search-form button,.share button{border:1px solid var(--line);padding:12px;background:var(--ink);color:white;border-radius:3px}.pagination,.navigation.pagination{display:flex;justify-content:center;gap:10px;margin:35px 0}.page-numbers{padding:10px 14px;border:1px solid var(--line);display:inline-block}.page-numbers.current{background:var(--ink);color:white}.listing{padding:45px 0 65px}.listing h1{font-size:32px;margin:0;letter-spacing:-1px}.listing .section-head{margin:20px 0}.archive-description{color:var(--muted);font-size:14px;line-height:1.9}.single-article{padding:35px 0 65px}.article-header{max-width:940px;margin:0 auto 35px}.article-header .eyebrow{margin-top:30px}.article-header h1{font-size:clamp(30px,4vw,48px);line-height:1.35;letter-spacing:-1px;margin:15px 0 20px}.article-meta{font-size:12px;color:var(--muted);line-height:1.9}.article-deck{font-size:18px;line-height:1.9;color:#5a6456}.article-cover{margin-top:25px}.article-cover img{width:100%;height:auto;display:block}.disclosure{border-left:3px solid var(--orange);background:#e9eadd;margin:25px 0;padding:18px;font-size:13px;line-height:1.8}.disclosure p{margin:8px 0 0}.article-layout{display:grid;grid-template-columns:210px minmax(0,1fr);gap:45px;max-width:1060px;margin:auto}.toc{position:sticky;top:120px;align-self:start;font-size:12px;max-height:70vh;overflow:auto;border-top:2px solid var(--ink);padding-top:18px}.toc[hidden]{display:none}.article-layout:has(.toc[hidden]){display:block;max-width:780px}.toc nav{display:block;margin-top:12px}.toc a{display:block;line-height:1.7;margin:12px 0;color:var(--muted)}.toc a:hover{color:var(--orange)}.toc .subheading{padding-left:14px}.article-body{min-width:0}.entry-content{font-size:16px;line-height:1.95}.entry-content h2{font-size:26px;margin:40px 0 15px;line-height:1.5;scroll-margin-top:120px}.entry-content h3{font-size:21px;line-height:1.5;scroll-margin-top:120px}.entry-content a{color:#ad411c;text-decoration:underline}.entry-content img{max-width:100%;height:auto}.entry-content figure{max-width:100%;margin-left:0;margin-right:0}.entry-content figcaption{color:var(--muted);font-size:12px;line-height:1.7}.entry-content blockquote{border-left:3px solid var(--orange);margin:25px 0;padding:5px 22px;background:#e9eadd}.entry-content iframe{max-width:100%}.entry-content pre{overflow:auto;background:#e9eadd;padding:18px;font-size:13px}.entry-content table{border-collapse:collapse;width:100%;font-size:14px}.entry-content td,.entry-content th{padding:12px;border:1px solid var(--line)}.wp-block-table{overflow-x:auto}.wp-block-embed.is-type-video .wp-block-embed__wrapper{aspect-ratio:16/9}.wp-block-embed.is-type-video iframe{width:100%;height:100%}.video-box{margin-top:40px;padding:28px;background:#e8eadf}.video-box h2{font-size:24px}.video-box .read{display:inline-block}.article-tags{margin-top:30px;color:var(--muted);font-size:12px}.share{display:flex;gap:15px;align-items:center;margin:25px 0}.copy-status{font-size:12px}.post-navigation{margin:35px 0;padding-top:25px;border-top:1px solid var(--line);font-size:13px}.nav-links{display:flex;justify-content:space-between;gap:25px}.page-article{max-width:800px;margin:auto;padding:55px 0 75px}.page-article h1{font-size:38px;margin-bottom:35px}.comments-area{margin-top:45px;border-top:1px solid var(--line);padding-top:20px}.comment-list{padding-left:20px}.comment-body{padding:15px 0;font-size:14px}.comment-meta{position:static;border:0;background:none;font-size:12px}.comment-author .avatar{float:left;margin-right:10px}.comment-form label{display:block;font-size:13px}.comment-form textarea,.comment-form input:not([type=checkbox]):not([type=submit]){width:100%;border:1px solid var(--line);padding:12px;background:white}.comment-form .submit{background:var(--ink);color:white;border:0;padding:12px 20px}.bypostauthor>.comment-body{border-left:2px solid var(--orange);padding-left:15px}
@media(max-width:850px){.article-layout{grid-template-columns:160px minmax(0,1fr);gap:25px}.hero-art,.hero .cover-placeholder{min-height:360px}.search-form .search{min-width:150px}.nav-menu{gap:12px}}
@media(max-width:782px){body.admin-bar .site-header{top:46px}}
@media(max-width:600px){body.admin-bar .site-header{top:0}.article-layout{display:block}.toc{position:static;max-height:none;margin-bottom:30px}.search-form{width:100%}.search-form .search{min-width:0;flex:1}.hero-art,.hero .cover-placeholder{height:280px;min-height:280px}.brand small{font-size:8px;letter-spacing:2px}.nav-menu{gap:10px;font-size:11px}.bar{flex-wrap:wrap;gap:16px}.bar nav{flex-wrap:wrap}.youtube{padding:10px 12px}.entry-content{font-size:15px}.entry-content h2{font-size:23px}.article-header h1{font-size:30px}.nav-links{flex-direction:column}.section-head h1{font-size:28px}.site-footer{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Local social brand marks */
.social-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.social-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:42px;min-height:42px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);transition:transform .15s,border-color .15s,box-shadow .15s}.social-button img{width:22px;height:22px;display:block}.social-button:hover,.social-button:focus-visible{border-color:var(--platform-color);box-shadow:0 0 0 2px var(--platform-color);transform:translateY(-2px)}.social-about{margin-top:24px;gap:10px}.social-about .social-button{border-radius:5px;padding:10px 14px;font-size:12px;min-height:44px}.social-footer .social-button{min-width:36px;min-height:36px}.social-footer img{width:19px;height:19px}.douyin-label{position:absolute;bottom:0;right:-2px;background:#202322;color:#fff;font-size:8px;line-height:13px;min-width:13px;border-radius:3px;text-align:center}.bar nav{flex-wrap:wrap;justify-content:flex-end;gap:20px}@media(max-width:1050px){.bar{flex-wrap:wrap}.bar nav{justify-content:flex-start;gap:15px}.social-links{gap:7px}}@media(max-width:580px){.bar nav{width:100%;justify-content:space-between}.social-header{width:100%}.social-button{min-width:40px;min-height:40px}.social-about .social-button{padding:10px 12px}}@media(prefers-reduced-motion:reduce){.social-button{transition:none}}
