:root{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;color:#191919;background:#f7f7f7}*{box-sizing:border-box}body{margin:0;min-height:100dvh;background:#f7f7f7}.page{width:min(680px,100%);min-height:100dvh;margin:auto;background:#fff}.page-nav{position:sticky;top:0;z-index:2;display:flex;align-items:center;height:54px;padding:0 14px;border-bottom:1px solid #e5e5e5;background:#f7f7f7cc;backdrop-filter:blur(12px)}.back{padding:8px 5px;border:0;background:transparent;color:inherit;font-size:15px;cursor:pointer}.page-nav h1{position:absolute;left:50%;margin:0;transform:translateX(-50%);font-size:17px}.hero{position:relative;height:220px;background:linear-gradient(#0002,#0008),url('/xiaoxin-avatar-240.jpg') center 42%/cover}.profile{position:absolute;right:18px;bottom:-50px;display:flex;align-items:flex-end;gap:10px;color:#fff;text-align:right}.profile img{width:78px;height:78px;border:3px solid #fff;border-radius:5px;object-fit:cover}.profile h2{margin:0 0 4px;font-size:19px}.profile p{margin:0;color:#ededed;font-size:12px}.feed{padding:65px 16px 30px}.day-divider{margin:0 0 8px;color:#999;font-size:12px}.feed-card{display:flex;gap:10px;padding:16px 0;border-bottom:1px solid #eee}.feed-card>img{width:42px;height:42px;border-radius:4px;object-fit:cover}.feed-main{min-width:0;flex:1}.feed-main h3{margin:0;color:#576b95;font-size:15px}.feed-main p{margin:8px 0;color:#222;font-size:16px;line-height:1.55}.feed-meta{display:flex;align-items:center;justify-content:space-between;color:#999;font-size:11px}.feed-meta button{border:0;background:transparent;color:#576b95;font-size:12px;cursor:pointer}.feed-empty{padding:50px 0;text-align:center;color:#999}.manage{padding:20px 16px 34px}.manage section{margin:0 0 22px;padding:16px;border:1px solid #e5e5e5;border-radius:8px;background:#fff}.manage h2{margin:0 0 6px;font-size:17px}.manage p{margin:0 0 12px;color:#888;font-size:12px;line-height:1.5}.manage textarea,.manage input[type="text"]{width:100%;min-height:38px;padding:10px;border:1px solid #ddd;border-radius:5px;resize:vertical;font:inherit}.manage textarea{min-height:92px}.row{display:flex;gap:8px;align-items:center;justify-content:space-between;margin-top:10px}.row input{min-width:0;flex:1}.primary,.theme-option{border:0;border-radius:4px;background:#07c160;color:#fff;padding:9px 12px;font-size:13px;cursor:pointer}.list{margin:10px 0 0;padding:0;list-style:none}.list li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px 0;border-top:1px solid #eee;font-size:13px}.list button{border:0;background:transparent;color:#c43b3b;cursor:pointer}.ref-images{display:flex;flex-wrap:wrap;gap:8px}.ref-image{position:relative;width:78px;height:78px}.ref-image img{width:100%;height:100%;border-radius:4px;object-fit:cover}.ref-image button{position:absolute;top:-7px;right:-7px;width:22px;height:22px;border:0;border-radius:50%;background:#333;color:#fff;cursor:pointer}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{min-height:86px;background:#f2f2f2;color:#222;text-align:left}.theme-option b,.theme-option span{display:block}.theme-option span{margin-top:5px;color:#777;font-size:11px}.theme-option[data-theme="dark"]{background:#202020;color:#fff}.theme-option[data-theme="dark"] span{color:#bbb}.theme-option[data-theme="tech"]{background:#092038;color:#d8faff}.theme-option[data-theme="tech"] span{color:#8ac6da}.theme-option.selected{outline:3px solid #07c160;outline-offset:2px}:root[data-theme="dark"] body,:root[data-theme="dark"] .page,:root[data-theme="dark"] .page-nav,:root[data-theme="dark"] .manage section{background:#171717;color:#eee}:root[data-theme="dark"] .page-nav,:root[data-theme="dark"] .feed-card,:root[data-theme="dark"] .list li,:root[data-theme="dark"] .manage section{border-color:#333}:root[data-theme="dark"] .feed-main p,:root[data-theme="dark"] .manage textarea,:root[data-theme="dark"] .manage input[type="text"]{color:#eee;background:#252525}:root[data-theme="dark"] .manage textarea,:root[data-theme="dark"] .manage input[type="text"]{border-color:#444}:root[data-theme="tech"] body,:root[data-theme="tech"] .page,:root[data-theme="tech"] .page-nav,:root[data-theme="tech"] .manage section{background:#07111f;color:#e8fbff}:root[data-theme="tech"] .page-nav,:root[data-theme="tech"] .feed-card,:root[data-theme="tech"] .list li,:root[data-theme="tech"] .manage section{border-color:#1a4668}:root[data-theme="tech"] .feed-main p,:root[data-theme="tech"] .manage textarea,:root[data-theme="tech"] .manage input[type="text"]{color:#e8fbff;background:#0c233a}:root[data-theme="tech"] .manage textarea,:root[data-theme="tech"] .manage input[type="text"]{border-color:#21628d}:root[data-theme="tech"] .primary{background:#00b9d6}
