/*
Theme Name: Jett blog Theme 0.1
Theme URI: https://rico.fun/
Author: Jett
Description: A responsive three-pane canvas reader for categories, article lists, and full article reading.
Version: 0.1.0
Requires at least: 6.0
Tested up to: 7.1
Requires PHP: 7.4
License: GPL-2.0-or-later
Text Domain: jett-blog-theme
*/
:root{--paper:#f7f8fa;--panel:#fff;--ink:#202633;--muted:#687385;--line:#e7eaf0;--accent:#4c8b00;--accent-soft:#eef5e6;--topbar:54px;--banner-height:55px;--rail:160px;--list:230px;--radius:12px}*{box-sizing:border-box}html,body{height:100%;margin:0}body{background:var(--paper);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}.jett-topbar{height:var(--topbar);display:flex;align-items:center;gap:16px;padding:0 28px;background:var(--panel);border-bottom:1px solid var(--line);position:relative;z-index:2}.jett-brand{display:flex;align-items:center;gap:12px;min-width:220px}.jett-site-logo{display:block;width:34px;height:34px;flex:0 0 34px;border-radius:10px;object-fit:contain}.jett-brand-copy{min-width:0;display:flex;flex-direction:column;gap:3px}.jett-brand-name{display:block;font-size:21px;line-height:1.15;font-weight:760;letter-spacing:-.02em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jett-brand-description{display:block;font-size:12px;line-height:1.35;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:320px}.jett-topbar-spacer{flex:1}.jett-topbar-note{font-size:12px;color:var(--muted);white-space:nowrap}.jett-search{width:min(300px,28vw);position:relative}.jett-search input[type=search]{width:100%;height:34px;border:1px solid var(--line);border-radius:9px;padding:0 14px;background:#fafbfc;color:var(--ink);outline:none}.jett-search input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4c8b001a}.jett-banner{height:var(--banner-height);position:relative;overflow:hidden;isolation:isolate;background:#dce9df;border-bottom:1px solid var(--line)}.jett-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;will-change:transform,object-position}.jett-banner-preview{opacity:1;filter:blur(7px);transform:scale(1.04);transition:opacity .9s ease}.jett-banner-image{opacity:0;object-position:50% 50%;transform:scale(1.38);transition:opacity .9s ease}.jett-banner.is-loaded .jett-banner-preview{opacity:0}.jett-banner.is-loaded .jett-banner-image{opacity:1;animation:jett-banner-gaze 56s ease-in-out infinite alternate}@keyframes jett-banner-gaze{0%{object-position:50% 50%;transform:scale(1.32)}25%{object-position:100% 38%;transform:scale(1.4)}50%{object-position:76% 90%;transform:scale(1.44)}75%{object-position:0% 70%;transform:scale(1.4)}100%{object-position:50% 50%;transform:scale(1.32)}}.jett-app{height:calc(100vh - var(--topbar) - var(--banner-height));min-height:360px;display:grid;grid-template-columns:var(--rail) var(--list) minmax(0,1fr);overflow:hidden}.jett-category-rail,.jett-article-list,.jett-reading-pane{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain}.jett-category-rail{display:flex;flex-direction:column;background:#fbfbfd;border-right:1px solid var(--line);padding:24px 14px 20px}.jett-category-links{display:flex;flex-direction:column}.jett-visitor-info{margin-top:auto;padding:14px 10px 8px;border-top:1px solid var(--line);color:var(--muted);font-size:11px;line-height:1.55;overflow-wrap:anywhere}.jett-visitor-info[hidden],.jett-visitor-info-row[hidden]{display:none!important}.jett-visitor-info-row{display:flex;flex-direction:column;gap:2px;margin:5px 0}.jett-visitor-ip-row{flex-direction:row;align-items:baseline;gap:5px}.jett-visitor-info-row strong{color:#4b5565;font-weight:600}.jett-visitor-info small{display:block;margin-top:7px;font-size:10px;color:#9aa2af}.jett-rail-heading,.jett-list-heading{font-size:11px;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:#8791a1;padding:0 11px;margin:0 0 13px}.jett-category-link{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px 11px;border-radius:8px;font-size:13px;color:#4b5565;margin:2px 0}.jett-category-link:hover,.jett-category-link.is-active{background:var(--accent-soft);color:var(--accent)}.jett-category-count{font-size:11px;color:#98a1af}.jett-category-link.is-active .jett-category-count{color:var(--accent)}.jett-category-all{margin-bottom:16px}.jett-article-list{background:var(--panel);border-right:1px solid var(--line);padding:22px 0 16px}.jett-list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.jett-list-heading span:last-child{font-size:11px;text-transform:none;letter-spacing:0;font-weight:500;color:#9aa2af}.jett-post-row{position:relative;display:block;padding:14px 18px 13px 20px;border-bottom:1px solid #f0f1f4;transition:background .15s}.jett-post-row:hover{background:#f3f8f4}.jett-post-row.is-selected{background:var(--accent-soft)}.jett-post-row.is-selected:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--accent)}.jett-post-row-title{font-size:14px;line-height:1.45;font-weight:650;margin:0 0 5px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jett-post-row-excerpt{font-size:12px;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.jett-post-row-meta{display:flex;gap:8px;margin-top:7px;font-size:10px;color:#9aa2af}.jett-list-empty{padding:24px 20px;color:var(--muted);font-size:13px}.jett-reading-pane{background:var(--panel);padding:0 clamp(16px,3vw,44px) 60px}.jett-reading-toolbar{height:52px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f0f1f4;color:#8b95a4;font-size:11px}.jett-reading-toolbar a{color:var(--accent)}.jett-article{max-width:1120px;margin:0 auto;padding:35px 0 70px}.jett-article-kicker{font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 12px}.jett-article-title{font-size:clamp(27px,3vw,40px);line-height:1.27;letter-spacing:-.035em;margin:0 0 14px;font-weight:760;overflow-wrap:anywhere}.jett-article-meta{display:flex;flex-wrap:wrap;gap:8px 14px;color:#8993a1;font-size:12px;margin-bottom:30px}.jett-article-content{font-size:16px;line-height:1.95;color:#313a49;overflow-wrap:anywhere}.jett-article-content>*{max-width:100%}.jett-article-content h2,.jett-article-content h3,.jett-article-content h4{color:#202633;line-height:1.4;margin:1.8em 0 .65em}.jett-article-content p{margin:0 0 1.3em}.jett-article-content img,.jett-article-content video,.jett-article-content iframe{max-width:100%;height:auto}.jett-article-content figure{margin:1.4em 0}.jett-article-content blockquote{margin:1.5em 0;padding:4px 18px;border-left:3px solid var(--accent);color:#5b6574;background:#f3f8f4}.jett-article-content pre{max-width:100%;overflow:auto;padding:16px;border-radius:9px;background:#202633;color:#f4f5f7}.jett-article-content table{display:block;max-width:100%;overflow:auto;border-collapse:collapse}.jett-article-content td,.jett-article-content th{border:1px solid var(--line);padding:8px 12px}.jett-article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.jett-article-footer{text-align:center;margin-top:42px;padding-top:16px;border-top:1px solid var(--line);color:#8993a1;font-size:12px;line-height:1.6}.jett-article-footer p{margin:4px 0}.jett-article-back-to-top{display:inline-flex;align-items:center;gap:5px;padding:0;border:0;background:transparent;color:var(--accent);font:inherit;font-weight:650;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.jett-article-back-to-top:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:3px}.jett-reader-empty{max-width:620px;margin:13vh auto;text-align:center;color:var(--muted)}.jett-reader-empty h1{font-size:23px;color:var(--ink)}.jett-pagination{padding:18px 20px;color:var(--muted);font-size:12px}.jett-pagination a{color:var(--accent)}.jett-footer-note{padding:18px 11px 0;color:#9aa2af;font-size:11px;line-height:1.55;border-top:1px solid var(--line);margin-top:24px}.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1050px){:root{--rail:140px;--list:210px;--banner-height:45px}.jett-topbar{padding-inline:16px;gap:14px}.jett-brand{min-width:180px}.jett-reading-pane{padding-inline:20px}.jett-topbar-note{display:none}}
@media(max-width:760px){:root{--topbar:48px;--banner-height:34.5px}.jett-brand-name{font-size:17px}html,body{height:auto;min-height:100%}.jett-topbar{height:48px;padding:0 14px;gap:10px}.jett-brand{min-width:0;flex:1}.jett-brand-description{max-width:55vw}.jett-search{width:112px;flex:0 0 112px}.jett-search input[type=search]{padding:0 8px;font-size:11px}.jett-search input[type=search]::placeholder{color:#7f8794}.jett-app{height:auto;min-height:calc(100vh - var(--topbar) - var(--banner-height));display:flex;flex-direction:column;overflow:visible}.jett-category-rail{order:0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:0;overflow:visible;white-space:normal;border:0}.jett-category-links{display:flex;flex-direction:row;align-items:center;gap:5px;padding:10px 12px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;border-bottom:1px solid var(--line)}.jett-visitor-info{margin:0;padding:8px 14px;border-top:0;border-bottom:1px solid var(--line);display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;gap:3px}.jett-visitor-info-row{flex-direction:row;gap:5px;margin:0}.jett-visitor-ip-row{flex-direction:row;align-items:baseline;gap:5px}.jett-visitor-info small{flex:1 0 100%;margin-top:0}.jett-rail-heading{display:none}.jett-category-link{flex:0 0 auto;padding:6px 10px;margin:0;background:#f3f4f7;font-size:12px}.jett-category-all{margin:0}.jett-article-list{order:1;max-height:35vh;min-height:145px;border-right:0;border-bottom:1px solid var(--line);padding-top:12px}.jett-list-heading{margin-bottom:4px}.jett-post-row{padding:10px 16px}.jett-post-row-excerpt{-webkit-line-clamp:1}.jett-post-row-meta{margin-top:3px}.jett-reading-pane{order:2;overflow:visible;padding:0 18px 36px}.jett-reading-toolbar{height:42px}.jett-article{padding:26px 0 40px}.jett-article-title{font-size:28px}.jett-article-content{font-size:16px}.jett-footer-note{display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}