*{box-sizing:border-box}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f7f1e3;color:#2b2118}
header{padding:20px 18px 8px;max-width:900px;margin:0 auto}
h1{margin:0;font-size:30px} .sub{color:#8a7a63;margin:6px 0 0}
.top{display:flex;justify-content:space-between;align-items:flex-start}
.count{text-align:right;font-size:22px;font-weight:700}.count small{display:block;font-size:13px;color:#8a7a63;font-weight:400}
.backup{max-width:900px;margin:12px auto 0;padding:0 18px}.backup .box{background:#fff;border:1px solid #eadfc8;border-radius:16px;padding:12px 14px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
button{padding:9px 16px;border-radius:999px;border:1px solid #e0d3b8;background:#fff;cursor:pointer;font-size:14px}
button.primary{background:#2b2118;color:#fff;border-color:#2b2118}
button.orange{background:#e85d2f;color:#fff;border-color:#e85d2f}
main{max-width:900px;margin:0 auto;padding:12px 18px 60px}
.quick{background:#fffdf6;border:2px solid #e85d2f;border-radius:18px;padding:16px;margin:14px 0}
.quick h2{margin:0 0 10px;font-size:18px}
textarea,input,select{width:100%;padding:11px 12px;border:1px solid #e0d3b8;border-radius:12px;background:#fbf7ec;font-size:15px;margin:5px 0}
.search{margin:14px 0}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}
.chip{padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #e0d3b8;cursor:pointer;font-size:13px}
.chip.on{background:#2b2118;color:#fff;border-color:#2b2118}
.card{background:#fff;border:1px solid #eadfc8;border-radius:16px;padding:15px;margin:12px 0}
.card h3{margin:0 0 6px;font-size:17px}
.meta{font-size:12px;color:#8a7a63;margin-bottom:8px}
.content{white-space:pre-wrap;font-size:14px;line-height:1.65}
.tag{display:inline-block;background:#fff3d6;border-radius:999px;padding:2px 9px;font-size:12px;margin:2px 4px 2px 0}
a{color:#b45309;word-break:break-all}
.row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.hidden{display:none}
.note{font-size:12px;color:#8a7a63;margin-top:8px}

.modal-backdrop{position:fixed;inset:0;background:rgba(43,33,24,.45);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.modal{background:#fffdf6;border-radius:22px 22px 0 0;width:100%;max-width:640px;max-height:88vh;overflow:auto;padding:18px 18px 28px;box-shadow:0 -8px 30px rgba(0,0,0,.2)}
.modal h2{margin:0 0 4px;font-size:19px}
.modal label{display:block;font-size:13px;color:#8a7a63;margin:10px 0 2px}
.modal textarea{min-height:90px}
.modal .actions{display:flex;gap:10px;margin-top:16px;background:#fffdf6;padding-top:10px;position:relative;z-index:2}
button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.modal button{pointer-events:auto}
.modal .actions button{flex:1}
.tag-picker{display:flex;gap:8px;flex-wrap:wrap;margin-top:6px}
.tag-picker .chip.on{background:#e85d2f;border-color:#e85d2f;color:#fff}

.modal-backdrop.hidden{display:none!important}
.hidden{display:none!important}

/* ---- 公开版：按 Space 卡片样式 ---- */
body{font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;background:#f4efe4;color:#3a3128}
.card{background:#fffdf6;border:1px solid #e8ddc8;border-radius:20px;padding:18px 18px 14px;margin:0 0 14px;box-shadow:0 1px 3px rgba(60,45,20,.06)}
.card h3{font-family:"Songti SC","STSong",Georgia,serif;font-size:22px;font-weight:700;line-height:1.35;margin:10px 0 8px;color:#241d12}
.card .content{font-size:15px;line-height:1.7;color:#6b5f4d;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.kind-chip{display:inline-block;font-size:13px;font-weight:700;padding:4px 12px;border-radius:999px;margin-right:10px}
.kind-tool{background:#d9efec;color:#0f766e}.kind-link{background:#fbe4e4;color:#9c3d3d}.kind-quote{background:#fdf0b8;color:#8a6d00}.kind-tutorial{background:#d9efec;color:#0f766e}.kind-idea{background:#e9e2f7;color:#6b4fa1}.kind-other{background:#eee9dc;color:#6b5f4d}
.card .cat-name{font-size:14px;color:#8a7a63}
.card .tag{background:#f3ecdc;color:#8a7a63;font-size:13px;padding:4px 10px;border-radius:999px;margin:0 6px 6px 0;display:inline-block}
.card .meta{font-size:13px;color:#a08f76}
.card .foot{display:flex;justify-content:space-between;align-items:center;border-top:1px dashed #ddd2bd;margin-top:12px;padding-top:12px}
.open-link{display:inline-block;background:#d9efec;color:#0f766e;font-weight:700;padding:8px 18px;border-radius:999px;text-decoration:none}
.chip{font-size:14px}
h1{font-family:"Songti SC","STSong",Georgia,serif}

.detail-backdrop{position:fixed;inset:0;background:rgba(43,33,24,.45);display:flex;align-items:flex-end;justify-content:center;z-index:50}
.detail-modal{background:#fffdf6;border-radius:22px 22px 0 0;width:100%;max-width:640px;max-height:88vh;overflow:auto;padding:18px 20px 28px;box-shadow:0 -8px 30px rgba(0,0,0,.2)}
.detail-modal h2{font-family:"Songti SC","STSong",Georgia,serif;font-size:24px;font-weight:700;line-height:1.35;margin:10px 0 12px;color:#241d12}
.detail-modal .full{font-size:16px;line-height:1.8;color:#3a3128;white-space:pre-wrap}
.detail-close{float:right;font-size:22px;color:#8a7a63;background:none;border:none;padding:4px 8px}
.detail-open{display:inline-block;background:#0f766e;color:#fff;font-weight:700;padding:12px 26px;border-radius:999px;text-decoration:none}
.card{cursor:pointer}

.detail-backdrop.hidden{display:none!important}
.expand-hint{font-size:13px;color:#0f766e;font-weight:700;margin-top:6px;display:inline-block}