:root{--bg:#fdfaf7;--text:#3d2c1e;--muted:#999;--accent:#c4956a;--border:#e8e0d8;--card-bg:#fffdf9;--max-width:1040px;--content-width:680px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,segoe ui,noto sans sc,sans-serif;background:var(--bg);color:var(--text);font-size:17px;line-height:2;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.site-header{border-bottom:1px solid var(--border)}.header-inner{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}.logo{font-size:13px;font-weight:600}.nav-links{display:flex;align-items:center;gap:12px;font-size:10px;color:#b0a090}.nav-links a:hover{color:var(--accent)}.social-links{display:flex;gap:12px}.social-links a{font-size:9px;color:var(--muted)}.social-links a:hover{color:var(--accent)}.site-footer{border-top:1px solid var(--border)}.footer-inner{max-width:var(--max-width);margin:0 auto;padding:16px 24px;display:flex;justify-content:space-between;align-items:center;font-size:9px;color:#b0a090}main{min-height:60vh}.content-width{max-width:var(--content-width);margin:0 auto;padding:0 24px}.hero{text-align:center;padding:28px 24px 0;max-width:440px;margin:0 auto}.hero h1{font-size:20px;font-weight:300;color:var(--text)}.hero .subtitle{font-size:11px;color:var(--muted);margin-top:4px}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;max-width:var(--max-width);margin:0 auto;padding:24px}.featured-card{cursor:pointer}.featured-card .cover{aspect-ratio:3/4;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);overflow:hidden}.featured-card .cover img{width:100%;height:100%;object-fit:cover}.featured-card h3{font-size:12px;font-weight:600;line-height:1.4;padding:10px 4px 0}.section-divider{max-width:var(--max-width);margin:0 24px;border-top:1px solid var(--border)}.filter-bar{display:flex;gap:24px;max-width:var(--max-width);margin:0 auto;padding:20px 24px 16px}.filter-bar a,.filter-bar span{font-size:11px;color:#b0a090;padding-bottom:6px;cursor:pointer}.filter-bar .active{color:var(--text);font-weight:600;border-bottom:2px solid var(--accent)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;max-width:var(--max-width);margin:0 auto;padding:0 24px 24px}.card{cursor:pointer}.card .cover{aspect-ratio:3/4;border-radius:6px;border:1px solid var(--border);background:var(--card-bg);overflow:hidden}.card .cover img{width:100%;height:100%;object-fit:cover}.card h3{font-size:12px;font-weight:600;line-height:1.4;padding:10px 2px 0}.card .desc{font-size:9px;color:var(--muted);margin-top:3px;line-height:1.5}.article-header{padding:32px 24px 20px;max-width:var(--content-width);margin:0 auto}.article-header .date{font-size:11px;color:var(--accent);letter-spacing:1px;margin-bottom:8px}.article-header h1{font-size:24px;font-weight:600;line-height:1.5;margin-bottom:8px}.article-header .meta{font-size:13px;color:var(--muted)}.article-cover{max-width:var(--content-width);margin:0 auto;padding:0 24px}.article-cover .cover-inner{aspect-ratio:16/9;border-radius:8px;overflow:hidden}.article-cover img{width:100%;height:100%;object-fit:cover}.article-body{padding:24px;max-width:var(--content-width);margin:0 auto}.article-body p{margin-bottom:16px}.article-body img{max-width:100%;border-radius:6px}.article-nav{display:flex;justify-content:space-between;max-width:var(--content-width);margin:0 auto;padding:20px 24px;border-top:1px solid var(--border);font-size:11px;color:#b0a090}.article-nav a:hover{color:var(--accent)}.detail-header{display:flex;gap:20px;align-items:flex-start;padding:32px 24px 20px;max-width:var(--content-width);margin:0 auto}.detail-header .icon{width:96px;height:96px;border-radius:16px;flex-shrink:0;overflow:hidden}.detail-header .icon img{width:100%;height:100%;object-fit:cover}.detail-header h1{font-size:24px;font-weight:600;line-height:1.4;margin-bottom:6px}.detail-header .intro{font-size:15px;color:#666;line-height:1.8}.tags{display:flex;gap:10px;flex-wrap:wrap;padding:0 24px 20px;max-width:var(--content-width);margin:0 auto}.tag{font-size:11px;color:var(--accent);border:1px solid var(--border);border-radius:12px;padding:4px 14px;background:var(--card-bg)}.cta-row{display:flex;gap:12px;padding:0 24px 24px;max-width:var(--content-width);margin:0 auto}.cta-primary{flex:1;text-align:center;padding:14px;border-radius:8px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;display:block}.cta-primary:hover{opacity:.9}.cta-secondary{flex:1;text-align:center;padding:14px;border-radius:8px;font-size:15px;font-weight:600;border:1px solid var(--accent);color:var(--accent);background:0 0;cursor:pointer;display:block}.cta-single{text-align:center;padding:14px;border-radius:8px;font-size:15px;font-weight:600;background:var(--accent);color:#fff;border:none;cursor:pointer;display:block;max-width:var(--content-width);margin:0 24px 24px}.preview-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 24px 16px;max-width:var(--content-width);margin:0 auto}.preview-grid .preview-item{aspect-ratio:3/4;border-radius:6px;overflow:hidden}.preview-grid img{width:100%;height:100%;object-fit:cover}.about-section{text-align:center;padding:48px 24px;max-width:var(--content-width);margin:0 auto}.about-photo{width:160px;aspect-ratio:3/4;border-radius:8px;overflow:hidden;margin:0 auto 24px}.about-photo img{width:100%;height:100%;object-fit:cover}.about-section h1{font-size:20px;font-weight:300;margin-bottom:16px}.about-section .bio{font-size:17px;line-height:2}.back-link{font-size:13px;font-weight:600;color:var(--text)}@media(max-width:900px){.featured-grid{grid-template-columns:repeat(2,1fr)}.card-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.header-inner{padding:12px 16px}.featured-grid{grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.card-grid{grid-template-columns:repeat(2,1fr);gap:12px;padding:0 16px 24px}.hero{padding:20px 16px 0}.hero h1{font-size:18px}.filter-bar{padding:16px;gap:16px}.detail-header{flex-direction:column;align-items:center;text-align:center}.tags{justify-content:center}.article-body{padding:16px}}