:root{--ink:#1a2c3d;--muted:#6f7f8b;--accent:#d87956;--line:#e3e8eb;--paper:#f8f9fa;--blue:#203b54;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.hidden{display:none!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.wrap{max-width:1200px;margin:auto;padding-left:32px;padding-right:32px}

/* 首页 */
.site-header{position:sticky;top:0;z-index:20;background:rgba(248,249,250,.92);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.header-inner{max-width:1200px;margin:auto;padding:0 32px;min-height:77px;display:flex;align-items:center;gap:35px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-size:19px;font-weight:750;letter-spacing:-.05em}.brand-mark{color:var(--accent);font-size:28px;line-height:1}.brand-suffix{color:#9daab2;font-size:12px;font-weight:500;letter-spacing:0}.main-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.nav-link{font-size:14px;font-weight:650;color:#71808a;white-space:nowrap;padding:28px 0 25px;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}.nav-link:hover,.nav-link.active{color:var(--ink)}.nav-link.active{border-color:var(--accent)}.write-link{white-space:nowrap;margin-left:8px;padding:10px 15px;border:1px solid #cfd9de;border-radius:6px;font-size:13px;font-weight:700;transition:background .2s,color .2s,border-color .2s}.write-link:hover{background:var(--blue);border-color:var(--blue);color:white}
.hero{display:grid;grid-template-columns:1fr .78fr;gap:40px;min-height:390px;padding-top:32px;padding-bottom:32px;border-bottom:1px solid var(--line)}.hero-copy{align-self:center;animation:rise .65s both}.eyebrow,.section-kicker,.card-index,.visual-label{font-size:11px;font-weight:750;letter-spacing:.15em}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:12px;margin:0 0 28px}.eyebrow-line{width:28px;height:1px;background:var(--accent)}.hero h1{font-size:clamp(44px,5vw,70px);font-weight:750;letter-spacing:-.075em;line-height:1.32;margin:0 0 19px}.accent-dot{color:var(--accent)}.hero-quote{font-size:22px;font-weight:650;letter-spacing:-.035em;margin:0 0 17px}.hero-description{font-size:15px;line-height:1.85;color:var(--muted);max-width:440px;margin:0}.hero-scroll{display:inline-flex;align-items:center;gap:13px;color:var(--blue);font-size:13px;font-weight:750;border-bottom:1px solid #bccbd3;padding-bottom:9px;margin-top:35px;transition:gap .2s}.hero-scroll:hover{gap:19px}.hero-visual{position:relative;display:grid;place-items:center;overflow:hidden;min-height:300px;background:#e8eef0;border:1px solid #e0e8e9;border-radius:5px}.hero-visual:before{content:'';position:absolute;inset:17px;border:1px solid rgba(35,66,81,.1);border-radius:50%}.sun-orbit{width:min(60%,285px);aspect-ratio:1;border:1px solid rgba(46,76,94,.23);border-radius:50%;display:grid;place-items:center;box-shadow:0 0 0 47px rgba(255,255,255,.18),0 0 0 94px rgba(255,255,255,.12)}.sun-disc{width:58%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 34% 30%,#ffe2ac 0%,#edb077 56%,#d87b5b 100%);box-shadow:0 22px 46px rgba(190,112,76,.22);animation:sunfloat 7s ease-in-out infinite}.visual-label{position:absolute;color:#8497a0}.visual-label.top{top:28px;left:30px}.visual-label.bottom{bottom:27px;right:30px}
.content-grid{display:grid;grid-template-columns:minmax(0,1fr) 292px;gap:58px;padding-top:55px;padding-bottom:125px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.section-kicker{color:var(--accent);margin:0 0 10px}.section-head h2{font-size:37px;letter-spacing:-.06em;line-height:1.2;margin:0}.count-label{font-size:12px;font-weight:700;color:#91a0a8;padding-bottom:7px}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line);padding-bottom:15px;margin-bottom:26px}.filters{display:flex;gap:4px;overflow:auto}.filter{white-space:nowrap;background:transparent;border:0;border-radius:5px;color:#7a8993;font-size:13px;font-weight:700;padding:10px 13px;transition:background .2s,color .2s}.filter:hover{background:#e9eff2;color:var(--ink)}.filter.active{background:var(--blue);color:#fff}.search-wrap{position:relative;display:block;flex:0 0 176px}.search-icon{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:23px;line-height:1;color:#9aabb4}.search-wrap input{width:100%;border:1px solid #dce4e7;border-radius:5px;background:#fff;padding:9px 9px 9px 34px;color:var(--ink);font-size:13px;outline:none}.search-wrap input:focus{border-color:#8ca4b1;box-shadow:0 0 0 3px rgba(63,100,124,.1)}
.feature-card{position:relative;overflow:hidden;min-height:290px;border-radius:6px;background:#203b54;color:#fff;margin-bottom:9px;animation:rise .45s both;animation-delay:var(--stagger)}.feature-card:after{content:'';position:absolute;width:330px;height:330px;border:1px solid rgba(255,255,255,.11);border-radius:50%;right:-110px;bottom:-175px;box-shadow:0 0 0 65px rgba(255,255,255,.035);pointer-events:none}.feature-link{position:relative;z-index:2;display:flex;flex-direction:column;align-items:start;justify-content:center;min-height:290px;padding:37px 40px;max-width:100%}.feature-card:has(.feature-cover) .feature-link{max-width:63%}.feature-cover{position:absolute;right:0;top:0;width:39%;height:100%;object-fit:cover}.post-meta{display:flex;align-items:center;gap:16px;color:#8595a0;font-size:12px}.post-category{font-weight:750;color:var(--accent)}.feature-card .post-meta{color:#c3d4de}.feature-card .post-category{color:#f1aa7b}.feature-title{font-size:clamp(26px,3vw,34px);letter-spacing:-.045em;line-height:1.42;margin:19px 0 12px}.post-excerpt{font-size:14px;line-height:1.85;color:#788b98;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-card .post-excerpt{color:#ccdae3;max-width:460px}.read-more{display:inline-block;font-size:12px;font-weight:750;color:var(--blue);margin-top:19px}.feature-card .read-more{color:#f2bc91;margin-top:23px}.feature-link:hover .feature-title,.post-link:hover .post-title{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.post-card{display:grid;grid-template-columns:1fr auto;gap:22px;align-items:start;border-bottom:1px solid var(--line);padding:28px 0;animation:rise .45s both;animation-delay:var(--stagger)}.post-link{min-width:0}.post-title{font-size:22px;letter-spacing:-.04em;line-height:1.45;margin:11px 0 8px}.post-cover{width:122px;height:113px;object-fit:cover;border-radius:5px}.empty-state{border:1px dashed #cfdadf;border-radius:6px;min-height:245px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;margin-top:6px}.empty-symbol{font-size:40px;color:#dfa27d}.empty-state h3{font-size:21px;margin:10px 0 5px}.empty-state p{font-size:13px;color:#83949e}.loading,.load-error{color:#7d8d97;line-height:1.8;padding:35px 0}
.sidebar{min-width:0}.about-card,.category-card{background:white;border:1px solid var(--line);border-radius:6px;padding:27px;margin-bottom:20px}.card-index{color:#a7b1b8}.avatar-mark{display:grid;place-items:center;width:63px;height:63px;border-radius:50%;background:#e5ecee;color:var(--accent);font-size:42px;margin:27px 0 17px}.about-kicker{font-size:12px;color:var(--muted);margin:0 0 4px}.about-card h2{font-size:26px;letter-spacing:-.05em;margin:0 0 13px}.about-card>p#about-bio{font-size:14px;line-height:1.85;color:#657988;margin:0 0 26px}.about-footer{display:flex;align-items:center;gap:9px;border-top:1px solid var(--line);padding-top:19px;font-size:12px;color:#667b89}.small-sun{font-size:23px;color:var(--accent)}.category-card h2{font-size:18px;letter-spacing:-.035em;margin:19px 0 15px}.category-card a{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:13px;color:#5b7080;transition:color .2s,padding .2s}.category-card a:last-child{border-bottom:0}.category-card a:hover{color:var(--accent);padding-left:4px}.category-card a span:last-child{color:#a3b0b8}
.site-footer{border-top:1px solid var(--line);background:#fff}.footer-inner{display:flex;justify-content:space-between;gap:20px;padding-top:27px;padding-bottom:29px;color:#8796a0;font-size:12px}.footer-inner a:hover{color:var(--accent)}

/* 文章详情和切换 */
.entry-view{max-width:850px;min-height:65vh;padding-top:65px;padding-bottom:110px}.back-link{font-size:13px;font-weight:750;color:#657e8b}.back-link:hover{color:var(--accent)}.entry-meta{display:flex;gap:18px;align-items:center;margin:76px 0 17px;color:#8b9da7;font-size:13px}.entry-category{color:var(--accent);font-weight:750}.entry-title{font-size:clamp(38px,5.5vw,62px);line-height:1.32;letter-spacing:-.06em;margin:0 0 23px}.entry-author{display:flex;align-items:center;gap:11px;font-size:13px;color:#6d7f8a;border-bottom:1px solid var(--line);padding-bottom:29px}.author-avatar{width:27px;height:27px;border-radius:50%;display:grid;place-items:center;color:var(--accent);background:#e7eef0;font-size:22px}.entry-body{padding-top:38px;font-size:17px;color:#344a59;line-height:2.05;white-space:pre-wrap}.entry-body p{margin:0 0 1.5em}.entry-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:45px 0}.entry-gallery img{display:block;width:100%;height:auto;border-radius:4px}.entry-gallery img:only-child{grid-column:1/-1}.entry-end{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:60px;font-size:12px;color:#9caab3}.entry-end span:last-child{font-size:24px;color:var(--accent)}::view-transition-old(root){animation:fadeout .18s ease both}::view-transition-new(root){animation:fadein .28s ease both}

/* 管理后台 */
.admin-body{background:#eef2f4}.admin-shell{max-width:1300px;margin:auto;padding:0 32px 70px}.topbar{height:84px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #dce4e8;margin-bottom:48px}.wordmark{font-size:19px;font-weight:750;display:inline-flex;align-items:center;gap:10px}.mark{color:var(--accent);font-size:27px}.owner-link{font-size:13px;font-weight:700;border:1px solid #cbd7dc;border-radius:6px;padding:10px 14px}.owner-link:hover{background:var(--blue);color:#fff}.login-panel{background:#fff;max-width:480px;margin:90px auto;padding:50px 54px;border:1px solid #dae2e7;box-shadow:0 18px 55px rgba(22,43,72,.06)}.login-panel h1{font-size:42px;letter-spacing:-.06em;margin:0 0 10px}.login-panel>p:not(.section-kicker){color:#778997;line-height:1.8}.login-panel form{margin-top:34px}.login-panel label,.editor-card label,.profile-card label{display:block;font-size:14px;font-weight:700;margin:23px 0 9px}.login-panel input,.editor-card input:not([type=file]),.editor-card textarea,.editor-card select,.profile-card input,.profile-card textarea{width:100%;border:1px solid #cfd9df;border-radius:5px;background:#fbfcfc;color:var(--ink);padding:13px 14px;outline:none;font-size:15px}.login-panel input:focus,.editor-card input:focus,.editor-card textarea:focus,.editor-card select:focus,.profile-card input:focus,.profile-card textarea:focus{border-color:#456989;box-shadow:0 0 0 3px rgba(46,97,140,.12)}textarea{resize:vertical;line-height:1.7}.primary-button{border:0;background:var(--blue);color:#fff;border-radius:5px;padding:14px 23px;font-weight:700;min-height:48px;transition:background .2s}.primary-button:hover{background:#325c76}.login-panel .primary-button{width:100%;margin-top:28px}.dashboard-head,.card-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.dashboard-head{margin:0 0 34px}.dashboard-head h1{font-size:40px;letter-spacing:-.055em;line-height:1.2;margin:0}.text-button{border:0;background:none;color:#335d7d;font-size:14px;font-weight:700;padding:8px}.text-button:hover{text-decoration:underline}.admin-tabs{display:flex;gap:8px;margin-bottom:28px}.admin-tab{background:transparent;border:0;color:#758696;font-size:14px;font-weight:700;padding:9px 17px;border-radius:100px}.admin-tab.active{background:var(--blue);color:#fff}.admin-tab:hover:not(.active){background:#e0e9ed}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr);gap:24px;align-items:start}.editor-card,.entry-sidebar,.profile-card{background:#fff;border:1px solid #dbe3e7;padding:32px;box-shadow:0 8px 30px rgba(22,43,72,.035)}.card-heading{align-items:start;padding-bottom:18px;border-bottom:1px solid #e5eaed}.card-heading h2,.profile-card h2{font-size:25px;letter-spacing:-.04em;margin:0}.card-heading .section-kicker{margin-bottom:6px}.editor-card form{padding-top:4px}.label-hint{font-size:12px;font-weight:400;color:#8a99a5}.editor-card input[type=file]{width:100%;font-size:14px;color:#657888}.form-actions{display:flex;align-items:center;gap:20px;margin-top:32px}.danger-button{background:none;border:0;color:#ba5b48;font-size:14px;font-weight:700;padding:10px}.form-message{font-size:14px;color:#286f58;min-height:22px;margin:17px 0 0}.form-message.is-error{color:#b24b3d}.admin-list{max-height:680px;overflow:auto}.admin-list-item{width:100%;display:flex;flex-direction:column;align-items:start;gap:7px;text-align:left;border:0;border-bottom:1px solid #e6ebee;background:#fff;padding:18px 4px;color:var(--ink)}.admin-list-item:hover,.admin-list-item.selected{background:#f3f7f9;padding-left:12px}.admin-list-item strong{font-size:15px}.admin-list-item span,.admin-empty{font-size:13px;color:#8293a1}.admin-empty{line-height:1.8}.photo-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.photo-tile{position:relative}.photo-tile img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.photo-tile button{position:absolute;right:4px;bottom:8px;background:var(--blue);color:#fff;border:0;border-radius:3px;font-size:12px;padding:3px 6px}.profile-card{max-width:680px}.profile-card form{margin-top:22px}.profile-card .primary-button{margin-top:26px}

@keyframes rise{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:translateY(0)}}@keyframes sunfloat{50%{transform:translateY(-9px)}}@keyframes fadeout{to{opacity:0;transform:translateY(-5px)}}@keyframes fadein{from{opacity:0;transform:translateY(7px)}}
@media(max-width:1050px){.main-nav{gap:17px}.header-inner{gap:20px}.brand-suffix{display:none}.content-grid{gap:28px;grid-template-columns:minmax(0,1fr) 255px}.toolbar{flex-wrap:wrap}.search-wrap{flex:1 1 100%}.dashboard-grid{grid-template-columns:1fr}.entry-sidebar{order:-1}.admin-list{max-height:250px}}
@media(max-width:760px){.wrap{padding-left:20px;padding-right:20px}.header-inner{padding:0 20px;min-height:0;display:grid;grid-template-columns:1fr auto;gap:0}.brand{height:59px}.write-link{margin-left:0}.main-nav{grid-column:1/-1;grid-row:2;gap:23px;overflow:auto;margin-left:0}.nav-link{padding:10px 0 13px}.hero{grid-template-columns:1fr;min-height:0;padding-top:64px;padding-bottom:60px}.hero-visual{display:none}.hero h1{font-size:clamp(45px,9vw,65px)}.hero-description{max-width:520px}.content-grid{grid-template-columns:1fr;padding-top:58px;padding-bottom:70px}.sidebar{display:grid;grid-template-columns:1fr 1fr;gap:16px}.about-card,.category-card{margin-bottom:0}.entry-view{padding-top:42px;padding-bottom:80px}.entry-meta{margin-top:57px}.admin-shell{padding:0 18px 55px}.topbar{margin-bottom:30px}}
@media(max-width:560px){.brand{font-size:18px}.main-nav{gap:19px}.nav-link{font-size:13px}.hero{padding-top:53px;padding-bottom:50px}.hero h1{font-size:47px}.hero-quote{font-size:19px}.hero-description{font-size:14px}.section-head h2{font-size:32px}.filters{width:100%}.filter{padding:9px 11px}.toolbar{gap:13px}.feature-card,.feature-link{min-height:255px}.feature-link{padding:26px}.feature-card:has(.feature-cover) .feature-link{max-width:100%;min-height:310px;justify-content:end;background:linear-gradient(90deg,rgba(25,47,66,.94),rgba(25,47,66,.55));position:relative}.feature-cover{width:100%;height:100%;z-index:0}.feature-card:has(.feature-cover) .feature-link{z-index:2}.feature-title{font-size:26px}.post-card{gap:12px}.post-cover{width:86px;height:86px}.post-title{font-size:19px}.post-excerpt{font-size:13px}.sidebar{grid-template-columns:1fr}.about-card,.category-card{padding:23px}.footer-inner{flex-wrap:wrap;gap:10px}.entry-title{font-size:38px}.entry-body{font-size:16px}.entry-gallery{grid-template-columns:1fr}.login-panel{margin:50px auto;padding:34px 27px}.dashboard-head h1{font-size:32px}.editor-card,.entry-sidebar,.profile-card{padding:22px}.photo-preview{grid-template-columns:repeat(3,1fr)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}}