:root{--nav-bg:#f7f5ef;--nav-surface:#fffdf8;--nav-surface-2:#f0ece2;--nav-ink:#1f2523;--nav-muted:#66706b;--nav-line:#dfd8c8;--nav-accent:#126b5a;--nav-accent-2:#c6532f;--nav-shadow:0 18px 48px #302a1e1f;--nav-radius:8px}*{box-sizing:border-box;letter-spacing:0}html,body{max-width:100%;overflow-x:hidden}body.nav-redesign,.nav-redesign{background:var(--nav-bg);color:var(--nav-ink);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--nav-accent);text-decoration:none}.article-content a,.blog-content a,.panel-body a,.archive-card a,.post-card a,.resource-card a,.site-profile a,.backup-links a{text-decoration:none}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.nav-shell,.page-header.nav-shell{z-index:50;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffdf8eb;border-bottom:1px solid #1f252314;padding:12px clamp(16px,4vw,48px);top:0}.nav-shell .navbar-brand{color:var(--nav-ink);flex:none;align-items:center;gap:10px;font-weight:800;display:inline-flex}.nav-shell .navbar-brand img{border-radius:7px}.nav-shell .navbar-nav{flex-flow:row;gap:8px;display:flex}.nav-shell .navbar-nav a{min-height:38px;color:var(--nav-muted);border:1px solid #0000;border-radius:999px;align-items:center;padding:0 14px;font-weight:650;display:inline-flex}.nav-shell .navbar-nav a:hover{border-color:var(--nav-line);background:var(--nav-surface);color:var(--nav-ink)}.nav-shell .navbar-toggler{display:none}.nav-shell .navbar-collapse{flex-grow:0;flex-basis:auto;display:flex!important}.home-hero{background:linear-gradient(110deg, #126b5a1f, transparent 38%), linear-gradient(180deg, #fffdf8, var(--nav-bg));padding:clamp(56px,9vw,112px) 0 clamp(34px,6vw,72px)}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(240px,360px);align-items:end;gap:clamp(28px,6vw,80px);display:grid}.eyebrow{color:var(--nav-accent);text-transform:uppercase;margin:0 0 12px;font-size:13px;font-weight:800}.hero-copy h1{max-width:760px;margin:0;font-size:clamp(44px,8vw,96px);font-weight:900;line-height:.95}.hero-lead{color:#4f5b55;max-width:680px;margin:22px 0 0;font-size:clamp(18px,2vw,23px);line-height:1.7}.hero-search{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);max-width:720px;min-height:58px;box-shadow:var(--nav-shadow);margin-top:32px;display:flex;overflow:hidden}.hero-search input{min-width:0;color:var(--nav-ink);background:0 0;border:0;outline:0;flex:1;padding:0 20px;font-size:17px}.hero-search button{border:0;border-left:1px solid var(--nav-line);background:var(--nav-accent);color:#fff;width:64px}.hero-panel{border:1px solid var(--nav-line);border-radius:var(--nav-radius);color:#e9f2ed;box-shadow:var(--nav-shadow);background:#24312d;grid-template-columns:1fr auto;gap:14px 24px;padding:24px;display:grid}.hero-panel span{color:#aebbb5}.hero-panel strong{font-size:28px;line-height:1}.site-directory,.latest-posts,.friend-links{padding:clamp(32px,5vw,64px) 0}.section-head{justify-content:space-between;align-items:end;gap:18px;margin-bottom:24px;display:flex}.section-head h2{margin:0;font-size:clamp(28px,4vw,44px);font-weight:850}.section-head>a,.group-title a{color:var(--nav-accent);font-weight:750}.directory-group{border-top:1px solid var(--nav-line);padding:24px 0 34px}.group-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.group-title h3{margin:0;font-size:22px;font-weight:820}.link-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.resource-card{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);transition:transform .18s,box-shadow .18s,border-color .18s;position:relative}.resource-card:hover{border-color:#126b5a57;transform:translateY(-2px);box-shadow:0 12px 28px #302a1e1a}.resource-card>a:first-child{align-items:center;gap:12px;min-height:86px;padding:16px 42px 16px 16px;display:flex}.resource-icon{border:1px solid var(--nav-line);width:42px;height:42px;color:var(--nav-accent);background:#fff;border-radius:8px;flex:0 0 42px;place-items:center;display:inline-grid;overflow:hidden}.resource-icon img{object-fit:contain;width:28px;height:28px}.resource-text{min-width:0}.resource-text strong,.resource-text small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.resource-text strong{color:var(--nav-ink);font-size:15px;font-weight:800}.resource-text small{color:var(--nav-muted);margin-top:4px;font-size:12px}.resource-go{width:28px;height:28px;color:var(--nav-muted);border-radius:50%;place-items:center;display:inline-grid;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.resource-go:hover{background:var(--nav-surface-2);color:var(--nav-accent)}.post-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.post-card{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);overflow:hidden}.post-card img{aspect-ratio:16/9;object-fit:cover;width:100%}.post-card div{padding:18px}.post-card time{color:var(--nav-muted);font-size:12px}.post-card h3{margin:8px 0;font-size:19px;font-weight:820;line-height:1.4}.post-card p{color:var(--nav-muted);margin:0;line-height:1.7}.friend-links{border-top:1px solid var(--nav-line)}.friend-link-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.friend-link-grid a{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);padding:16px;display:block}.friend-link-grid strong,.friend-link-grid span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.friend-link-grid strong{color:var(--nav-ink);font-weight:820}.friend-link-grid span{color:var(--nav-muted);margin-top:6px;font-size:13px}.site-footer{border-top:1px solid var(--nav-line);color:var(--nav-muted);background:#fffdf8;padding:28px 0;font-size:13px}.archive-page,.article-layout,.site-detail{padding-top:clamp(36px,7vw,76px);padding-bottom:clamp(44px,8vw,92px)}.archive-hero{max-width:760px;margin-bottom:34px}.archive-hero h1,.article-header h1,.site-profile-copy h1{color:var(--nav-ink);margin:0;font-weight:880;line-height:1.08}.archive-hero h1{font-size:clamp(38px,6vw,72px)}.archive-hero p,.article-header p,.site-profile-copy p{color:var(--nav-muted);line-height:1.8}.post-list{gap:16px;display:grid}.archive-card{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);grid-template-columns:minmax(180px,300px) 1fr;gap:20px;padding:14px;display:grid}.archive-card.no-cover{grid-template-columns:1fr}.archive-card img{object-fit:cover;border-radius:6px;width:100%;height:100%;min-height:180px}.archive-card time,.article-header time{color:var(--nav-muted);font-size:13px}.archive-card h2{margin:8px 0;font-size:clamp(22px,3vw,30px);font-weight:830}.archive-card p{color:var(--nav-muted);line-height:1.75}.read-more,.primary-link{color:var(--nav-accent);align-items:center;gap:8px;font-weight:800;display:inline-flex}.pagination-wrap{margin-top:28px}.pagination .page-link{border-color:var(--nav-line);color:var(--nav-accent)}.pagination .page-item.active .page-link{border-color:var(--nav-accent);background:var(--nav-accent)}.article-layout{grid-template-columns:minmax(0,1fr) 280px;align-items:start;gap:clamp(28px,5vw,64px);display:grid}.article-main,.article-side section,.site-profile,.site-description,.backup-links{border:1px solid var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface)}.article-main{overflow:hidden}.article-header{padding:clamp(24px,5vw,48px)}.article-header h1{max-width:900px;font-size:clamp(34px,5vw,62px)}.article-cover{object-fit:cover;width:100%;max-height:460px}.article-content{padding:clamp(22px,4vw,42px);font-size:17px;line-height:1.88}.article-content h2,.article-content h3{margin-top:1.8em;font-weight:820}.article-content p,.article-content li{color:#35403b}.article-content .btn,.nav-shortcode-button{border-radius:999px;font-weight:800;text-decoration:none}.article-content .btn-center,.btn-center{white-space:normal;justify-content:center;align-items:center;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;display:flex}.article-content .btn-primary,.nav-shortcode-button.btn-primary{border-color:var(--nav-accent);background:var(--nav-accent)}.article-content .btn-info,.nav-shortcode-button.btn-info{color:#fff;background:#2f6f87;border-color:#2f6f87}.article-content .alert{border-radius:var(--nav-radius);border-width:1px}.article-content .card,.nav-shortcode-card{border-color:var(--nav-line);border-radius:var(--nav-radius);background:var(--nav-surface);box-shadow:none}.article-content .accordion{gap:14px;margin:22px 0;display:grid}.article-content .accordion .card-header{border-bottom:1px solid var(--nav-line);background:var(--nav-surface-2)}.article-content .accordion .card-body{-webkit-overflow-scrolling:touch;background:#fff;overflow-x:auto}.article-content table{vertical-align:middle;width:100%;min-width:640px;margin:0}.article-content table.table-responsive{display:table}.article-content .data-table,.article-content .table-responsive{border:1px solid var(--nav-line);border-radius:var(--nav-radius);-webkit-overflow-scrolling:touch;background:#fff;margin:18px 0;overflow-x:auto}.article-content caption{caption-side:top;color:var(--nav-muted);padding:12px 14px;font-weight:750}.nav-sub-link{border-color:var(--nav-line);color:var(--nav-accent);margin:0 6px 8px 0}.nav-link-card{color:inherit;margin:18px 0;display:block}.nav-link-card .nav-shortcode-card{grid-template-columns:minmax(0,1fr) 120px;gap:16px;padding:16px;display:grid}.nav-link-card .card-meta{min-width:0}.nav-link-card .card-title{color:var(--nav-ink);font-weight:830}.nav-link-card .card-host,.nav-link-card .card-description{color:var(--nav-muted);margin-top:4px;font-size:13px}.nav-link-card img{object-fit:cover;border-radius:6px;width:120px;height:82px}.article-side{gap:16px;display:grid;position:sticky;top:86px}.article-side section{padding:18px}.article-side h2{margin:0 0 12px;font-size:17px;font-weight:830}.article-side ol,.article-side ul{margin:0;padding-left:18px}.article-side li{color:var(--nav-muted);margin:10px 0}.site-profile{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:clamp(22px,5vw,52px);padding:clamp(24px,5vw,48px);display:grid}.site-logo-card{border:1px solid var(--nav-line);width:150px;height:150px;color:var(--nav-accent);background:#fff;border-radius:18px;place-items:center;font-size:46px;display:grid}.site-logo-card img{object-fit:contain;width:92px;height:92px}.site-cats{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.site-cats a,.backup-links a{border:1px solid var(--nav-line);color:var(--nav-muted);background:#fff;border-radius:999px;padding:6px 12px;font-size:13px;font-weight:750;display:inline-flex}.site-profile-copy h1{font-size:clamp(36px,6vw,70px)}.site-description,.backup-links{margin-top:18px}.backup-links{padding:24px}.backup-links h2{margin:0 0 14px;font-size:20px;font-weight:830}.backup-links div{flex-wrap:wrap;gap:10px;display:flex}.main-content{background:var(--nav-bg)}.blog-title,.font-italic.border-bottom{color:var(--nav-ink);font-weight:850;border-bottom:1px solid var(--nav-line)!important;font-style:normal!important}.blog-content,.content-wrap,.site-content{color:var(--nav-ink)}.blog-content img,.panel-body img,.site-description img,.site-detail img{border-radius:var(--nav-radius);max-width:100%;height:auto}.blog-content a:not(.btn),.panel-body a:not(.btn),.card-title a:not(.btn){color:var(--nav-accent)}.tagbutton a,.btn-cat,.btn-arrow{border-radius:999px!important}@media (max-width:1100px){.link-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:820px){.container{max-width:100%}.nav-shell,.page-header.nav-shell{justify-content:space-between}.nav-shell .navbar-nav{margin:0!important}.hero-grid,.post-grid,.archive-card,.article-layout,.site-profile{grid-template-columns:1fr}.article-side{position:static}.link-grid,.friend-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head{flex-direction:column;align-items:start}.archive-card img{aspect-ratio:16/9;min-height:0}.article-side{display:none}}@media (max-width:520px){body.nav-redesign{font-size:15px}.nav-shell{padding:8px 12px}.nav-shell .navbar-brand{gap:8px}.nav-shell .navbar-brand span{font-size:15px}.nav-shell .navbar-brand img{width:28px;height:28px}.nav-shell .navbar-nav{gap:4px}.nav-shell .navbar-nav a{min-height:34px;padding:0 9px;font-size:13px}.nav-shell .navbar-nav i{display:none}.home-hero{padding:34px 0 26px}.hero-copy h1{font-size:clamp(40px,15vw,58px);line-height:1}.hero-lead{margin-top:16px;font-size:16px;line-height:1.65}.hero-panel{padding:18px}.hero-panel strong{font-size:23px}.site-directory,.latest-posts,.friend-links{padding:28px 0}.directory-group{padding:20px 0 26px}.section-head h2{font-size:28px}.group-title h3{font-size:19px}.link-grid,.friend-link-grid{grid-template-columns:1fr}.hero-search{min-height:54px;margin-top:24px}.hero-search input{padding:0 14px;font-size:15px}.hero-search button{width:52px}.resource-card>a:first-child{min-height:76px;padding:14px 40px 14px 14px}.resource-text small{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.post-card div,.archive-card{padding:14px}.archive-page,.article-layout,.site-detail{padding-top:24px;padding-bottom:46px}.archive-hero{margin-bottom:22px}.archive-hero h1,.article-header h1,.site-profile-copy h1{font-size:clamp(30px,10vw,42px);line-height:1.15}.article-main,.site-profile,.site-description,.backup-links{border-left:0;border-right:0;border-radius:0;margin-left:-12px;margin-right:-12px}.article-header{padding:20px 18px}.article-cover{max-height:260px}.article-content{overflow-wrap:anywhere;padding:18px;font-size:16px;line-height:1.76}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content font[size]{font-size:1.06rem}.article-content .btn,.nav-shortcode-button{width:100%;min-height:44px;padding-left:16px;padding-right:16px;font-size:15px}.article-content .accordion{gap:10px;margin:18px 0}.article-content .accordion .card-header{padding:10px}.article-content .accordion .card-body{padding:12px}.article-content table{min-width:560px;font-size:14px}.article-content th,.article-content td{white-space:nowrap;padding:10px}.nav-link-card .nav-shortcode-card{grid-template-columns:1fr}.nav-link-card img{aspect-ratio:16/9;width:100%;height:auto}.site-profile{padding:22px 18px}.site-logo-card{border-radius:14px;width:96px;height:96px}.site-logo-card img{width:62px;height:62px}.site-cats a,.backup-links a{font-size:12px}.site-footer{padding:22px 0;line-height:1.7}}@media (max-width:360px){.nav-shell .navbar-brand span{display:none}.nav-shell .navbar-nav a{padding:0 8px}}