:root{--main:#fa7289;--dark:#294aa4;--bg:#f6f7fb;--card:rgba(255,255,255,.85);--text:#444;--sub:#999;--border:rgba(250,114,137,.2)}
[data-theme=dark]{--bg:#16181d;--card:rgba(35,38,46,.85);--text:#ddd;--sub:#888;--main:#7c9cf0;--border:rgba(124,156,240,.25)}
*{box-sizing:border-box}body{margin:0;font-family:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;font-weight:300;background:var(--bg);color:var(--text);line-height:1.8;transition:background .3s}
a{color:var(--main);text-decoration:none}
nav{position:fixed;top:0;left:0;right:0;z-index:9;display:flex;align-items:center;justify-content:space-between;padding:12px 5%;background:var(--card);backdrop-filter:blur(12px);box-shadow:0 1px 12px rgba(0,0,0,.06)}
nav .logo{font-size:1.3em;font-weight:500;color:var(--main)}nav .links a{color:var(--text);margin-left:1.2em}nav .links a:hover{color:var(--main)}
#toggle{border:0;background:none;font-size:1.1em;cursor:pointer;margin-left:1em;color:var(--text)}
.hero{height:70vh;min-height:360px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#ffd1dc,#c9d6ff 60%,#a6c1ee);color:#fff;text-align:center;position:relative}
[data-theme=dark] .hero{background:linear-gradient(135deg,#2b2140,#1d2c5a)}
.avatar{width:110px;height:110px;border-radius:50%;border:4px solid #fff;background:linear-gradient(135deg,var(--main),#ffc4d0);display:flex;align-items:center;justify-content:center;font-size:2.6em;box-shadow:0 4px 20px rgba(0,0,0,.15)}
.hero h1{margin:.4em 0 0;font-weight:400;text-shadow:0 2px 8px rgba(0,0,0,.2)}.sign{background:rgba(0,0,0,.25);padding:6px 18px;border-radius:20px;margin-top:10px}
.wrap{max-width:860px;margin:0 auto;padding:40px 20px}
.sec-title{border-bottom:1px dashed var(--border);padding-bottom:6px;color:var(--sub)}
.card{display:flex;background:var(--card);border-radius:14px;overflow:hidden;margin:26px 0;box-shadow:0 2px 14px rgba(0,0,0,.06);transition:.3s}
.card:hover{transform:translateY(-3px);box-shadow:0 6px 24px var(--border)}
.card:nth-child(even){flex-direction:row-reverse}
.thumb{flex:0 0 42%;min-height:190px}.t1{background:linear-gradient(135deg,#fbc2eb,#a6c1ee)}.t2{background:linear-gradient(135deg,#a1c4fd,#c2e9fb)}.t3{background:linear-gradient(135deg,#ffecd2,#fcb69f)}
.info{padding:20px 26px;flex:1}.info h2{margin:.2em 0;font-size:1.25em;font-weight:500}.info h2 a{color:var(--text)}.info h2 a:hover{color:var(--main)}
.meta{color:var(--sub);font-size:.85em}.tag{display:inline-block;font-size:.78em;padding:1px 10px;border-radius:10px;border:1px solid var(--main);color:var(--main);margin:4px 6px 0 0}
.badge{background:var(--main);color:#fff;font-size:.72em;padding:1px 8px;border-radius:8px;margin-right:6px}
article{background:var(--card);border-radius:14px;padding:36px 40px;margin-top:-80px;position:relative;box-shadow:0 2px 14px rgba(0,0,0,.06)}
article h2{border-left:4px solid var(--main);padding-left:10px;font-weight:500}
blockquote{border-left:3px solid var(--border);margin:1em 0;padding:4px 16px;color:var(--sub);background:rgba(127,127,127,.06)}
.hero.small{height:42vh}
footer{text-align:center;color:var(--sub);font-size:.85em;padding:30px}
@media(max-width:640px){nav .links a{margin-left:.6em;font-size:.9em}nav .logo{font-size:1.05em}.card,.card:nth-child(even){flex-direction:column}.thumb{min-height:130px}article{padding:24px 18px}.hero{height:55vh}}