@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;1,300;1,400&family=Noto+Serif+SC:wght@300;400&display=swap";.masonry{display:flex;justify-content:center;align-items:flex-start;width:100%}.masonry-col{display:flex;flex-direction:column;flex:0 0 auto;min-width:0}:root{--dune-100: #F7EEF2;--dune-200: #F0D9E4;--dune-300: #C1A0AC;--dune-500: #806C79;--dune-700: #4A3F4B;--dune-900: #16131F;--moon: #F5C6D6;--ink: #33293A;--ink-soft: #5F5060;--ink-faint: #8B7884;--ink-strong: #16131F;--paper: rgba(255, 250, 252, .54);--paper-strong: rgba(255, 250, 252, .76);--paper-inner: rgba(255, 255, 255, .34);--paper-card: rgba(255, 250, 252, .72);--text-glow: 0 0 1px rgba(255,250,252,.9), 0 0 18px rgba(255,250,252,.85), 0 1px 14px rgba(255,250,252,.7);--paper-solid: #FBF5F8;--hairline: rgba(74, 63, 75, .14);--hairline-soft: rgba(74, 63, 75, .08);--glass-edge: rgba(255, 255, 255, .62);--glass-blur: blur(26px) saturate(1.25);--accent: #D98CA8;--accent-soft: rgba(217, 140, 168, .22);--shadow: inset 0 1px 0 rgba(255,255,255,.7), inset 0 -1px 0 rgba(255,255,255,.15), 0 24px 70px -28px rgba(74, 63, 75, .45);--shadow-lg: inset 0 1px 0 rgba(255,255,255,.75), 0 48px 140px -36px rgba(22, 19, 31, .55);--scrim: rgba(74, 63, 75, .22);--backdrop-fallback: linear-gradient(180deg, #C6B4C9 0%, #E9CBD3 38%, #F1D6DC 60%, #E7C1C6 100%);--font-display: "Cormorant Garamond", "Noto Serif SC", "Songti SC", ui-serif, Georgia, serif;--font-body: -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", "PingFang SC", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace;--t-xs: 11px;--t-sm: 12.5px;--t-md: 13.5px;--t-lg: 15px;--t-xl: 18px;--t-2xl: 24px;--t-3xl: 36px;--t-4xl: 56px;--neu-out: -3px -3px 8px rgba(255, 255, 255, .55), 3px 4px 10px rgba(74, 63, 75, .14);--neu-out-hover: -4px -4px 10px rgba(255, 255, 255, .6), 5px 6px 14px rgba(74, 63, 75, .18);--neu-in: inset 2px 2px 6px rgba(74, 63, 75, .14), inset -2px -2px 6px rgba(255, 255, 255, .55);--neu-face: linear-gradient(145deg, rgba(255,255,255,.55), rgba(255,255,255,.18));--r: 8px;--r-lg: 14px;--r-card: 22px;--r-sheet: 28px;--ease: cubic-bezier(.16, 1, .3, 1);--dur: .48s;--dur-fast: .2s;--gutter: clamp(20px, 4vw, 56px);--content-w: 1240px}:root[data-theme=dark]{--ink: #EADDE3;--ink-soft: #C9B4BE;--ink-faint: #A8929C;--ink-strong: #FBF3F6;--paper: rgba(22, 19, 31, .5);--paper-strong: rgba(22, 19, 31, .72);--paper-inner: rgba(255, 255, 255, .05);--paper-card: rgba(26, 22, 34, .66);--neu-out: -3px -3px 8px rgba(255, 255, 255, .05), 3px 4px 10px rgba(0, 0, 0, .45);--neu-out-hover: -4px -4px 10px rgba(255, 255, 255, .06), 5px 6px 14px rgba(0, 0, 0, .55);--neu-in: inset 2px 2px 6px rgba(0, 0, 0, .5), inset -2px -2px 6px rgba(255, 255, 255, .06);--neu-face: linear-gradient(145deg, rgba(255,255,255,.1), rgba(255,255,255,.02));--text-glow: 0 0 1px rgba(10,8,14,.95), 0 0 14px rgba(10,8,14,.95), 0 0 30px rgba(10,8,14,.85), 0 1px 16px rgba(10,8,14,.8);--paper-solid: #1E1A26;--hairline: rgba(240, 217, 228, .16);--hairline-soft: rgba(240, 217, 228, .08);--glass-edge: rgba(255, 255, 255, .16);--accent: #E9A9C1;--accent-soft: rgba(233, 169, 193, .2);--shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 24px 70px -28px rgba(0, 0, 0, .7);--shadow-lg: inset 0 1px 0 rgba(255,255,255,.2), 0 48px 140px -36px rgba(0, 0, 0, .85);--scrim: rgba(10, 8, 14, .45);--backdrop-fallback: linear-gradient(180deg, #2A2632 0%, #5B4650 40%, #7A5660 65%, #4A3F4B 100%)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;font-family:var(--font-body);font-size:13.5px;line-height:1.6;color:var(--ink);background:var(--dune-900);-webkit-font-smoothing:antialiased}:root[data-theme=dark] body{color-scheme:dark}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--backdrop-fallback);overflow:hidden}.backdrop img{position:absolute;top:-2%;right:-2%;bottom:-2%;left:-2%;width:104%;height:104%;object-fit:cover;opacity:0;transition:opacity 1.2s var(--ease)}.backdrop img.ready{opacity:1}.backdrop:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#fffafc8c,#fffafc47 26%,#fffafc00 48%,#16131f14);pointer-events:none}:root[data-theme=dark] .backdrop:after{background:linear-gradient(180deg,#0a080e9e,#0a080e57 26%,#0a080e00 50%,#00000059)}.glass{background:var(--paper);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow)}.glass-strong{background:var(--paper-strong);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-edge);box-shadow:var(--shadow-lg)}h1,h2,h3{font-family:var(--font-display);font-weight:300;margin:0;color:var(--ink-strong);letter-spacing:.04em}h1{font-size:clamp(34px,4vw,48px);line-height:1.1;font-style:italic}h2{font-size:26px;line-height:1.2}h3{font-size:18px;letter-spacing:.08em}p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}input,textarea,select{font:inherit;color:inherit}::selection{background:var(--accent-soft)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:36px;padding:0 16px;border-radius:999px;font-size:12.5px;letter-spacing:.06em;color:var(--ink);border:1px solid var(--hairline);background:transparent;transition:all var(--dur-fast) var(--ease);white-space:nowrap}.btn:hover{background:var(--paper-strong);border-color:var(--ink-faint)}.btn:active{transform:scale(.98)}.btn.primary{background:var(--ink-strong);color:var(--paper-solid);border-color:transparent;box-shadow:var(--neu-out)}.btn.primary:hover{background:var(--ink)}.btn.accent{background:var(--accent-soft);border-color:transparent;color:var(--ink-strong)}.btn.accent:hover{background:var(--accent);color:#fff}.btn.ghost{border-color:transparent}.btn.ghost:hover{background:var(--hairline-soft)}.btn.danger:hover{color:#b33a5e;border-color:#b33a5e66}.btn.sm{height:30px;padding:0 12px;font-size:11.5px}.btn:disabled{opacity:.4;pointer-events:none}.field{width:100%;height:40px;padding:0 14px;border-radius:12px;border:1px solid var(--hairline);background:var(--paper);outline:none;transition:all var(--dur-fast)}.field::placeholder{color:var(--ink-faint)}.field:focus{border-color:var(--ink-faint);background:var(--paper-strong);box-shadow:var(--neu-in)}textarea.field{height:auto;padding:10px 14px;resize:vertical;line-height:1.6}textarea.field.mono{font-family:var(--font-mono);font-size:12.5px}.label{display:block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:7px}.eyebrow{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-soft)}.tiny{font-size:11.5px;color:var(--ink-faint)}.muted{color:var(--ink-soft)}.mono{font-family:var(--font-mono);font-size:12.5px}.row{display:flex;align-items:center;gap:8px}.stack{display:flex;flex-direction:column;gap:18px}.grow{flex:1;min-width:0}.chip{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:8px;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-soft);border:1px solid var(--hairline-soft);transition:all var(--dur-fast);white-space:nowrap}.chip.clickable:hover{border-color:var(--ink-faint);color:var(--ink-strong)}.chip.active{background:var(--ink-strong);color:var(--paper-solid);border-color:transparent}.chip.p{background:var(--accent-soft);border-color:transparent;color:var(--ink)}.fade-in{animation:fadeIn var(--dur) var(--ease) both}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scrimIn{0%{opacity:0}to{opacity:1}}@keyframes sheetIn{0%{opacity:0;transform:translateY(16px) scale(.99)}to{opacity:1;transform:none}}.main{position:relative;z-index:1;min-height:100vh}.page{padding:36px clamp(16px,4vw,56px) 96px;max-width:1240px;margin:0 auto}.top{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:center;gap:14px;padding:18px clamp(16px,4vw,56px) 10px}.top .bar{display:flex;align-items:center;gap:6px;height:46px;padding:0 8px 0 14px;border-radius:999px}.brand{font-family:var(--font-display);font-size:14px;letter-spacing:.42em;color:var(--ink-strong);font-weight:500;padding-left:.42em}.search{display:flex;align-items:center;gap:8px;width:min(320px,40vw);color:var(--ink-faint)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:13px;color:var(--ink-strong);height:32px}.icon-btn{width:32px;height:32px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;color:var(--ink-soft)}.icon-btn:hover{color:var(--ink-strong);background:var(--hairline-soft)}.head{display:flex;flex-direction:column;align-items:center;gap:10px;margin:8px 0 22px;text-align:center;text-shadow:var(--text-glow)}.frow{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;margin-bottom:26px;text-shadow:var(--text-glow)}.fchip{height:30px;padding:0 13px;border-radius:8px;font-size:12.5px;letter-spacing:.04em;color:var(--ink-soft);border:1px solid transparent;transition:all var(--dur-fast)}.fchip:hover{color:var(--ink-strong);border-color:var(--hairline)}.fchip.on{color:var(--ink-strong);background:var(--neu-face),var(--paper-strong);border-color:var(--glass-edge);box-shadow:var(--neu-out);text-shadow:none}.ftag{height:24px;padding:0 8px;border-radius:6px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;color:var(--ink-soft)}.ftag:hover{color:var(--ink-strong)}.ftag.on{color:var(--ink-strong);background:var(--paper-strong);text-shadow:none}.pcard{position:relative;border-radius:10px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;transition:transform var(--dur) var(--ease)}.pcard:hover{transform:translateY(-3px)}.pcard-media{position:relative;aspect-ratio:var(--ratio, 1.333);overflow:hidden;background:var(--hairline-soft)}.pcard-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease)}.pcard:hover .pcard-media img{transform:scale(1.03)}.pcard-badge{position:absolute;right:10px;top:10px;font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;padding:2px 8px;border-radius:999px;background:#16131f73;color:#fff;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.pcard-copy{position:absolute;right:10px;bottom:10px;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 12px;border-radius:999px;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--dune-900);font-size:11.5px;letter-spacing:.06em;opacity:0;transform:translateY(4px);box-shadow:2px 3px 8px #16131f2e;transition:all var(--dur-fast) var(--ease)}.pcard:hover .pcard-copy,.pcard-copy.done{opacity:1;transform:none}.pcard-copy.done{background:var(--accent);color:#fff}.pcard-body{padding:14px 16px 15px;display:flex;flex-direction:column;gap:8px}.pcard-title{font-family:var(--font-display);font-size:18px;font-weight:500;color:var(--ink-strong);line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-title.untitled{font-family:var(--font-body);font-size:13.5px;font-weight:400;line-height:1.5}.pcard-text{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-soft);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard-tags{display:flex;flex-wrap:wrap;gap:4px}.pcard.draft{outline:1px dashed var(--ink-faint)}.pcard.draft:after{content:"未发布";position:absolute;left:10px;top:10px;font-family:var(--font-mono);font-size:10px;padding:2px 8px;border-radius:999px;background:#16131f8c;color:#fff}.scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:var(--scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:scrimIn var(--dur) var(--ease) both}.sheet{position:fixed;z-index:60;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1120px,calc(100vw - 32px));height:min(720px,calc(100vh - 32px));border-radius:24px;overflow:hidden;display:grid;grid-template-columns:minmax(0,58fr) minmax(320px,42fr);animation:sheetIn var(--dur) var(--ease) both}.sheet.no-media{grid-template-columns:1fr;width:min(680px,calc(100vw - 32px))}.sheet-top{position:absolute;top:12px;right:12px;left:12px;z-index:3;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.sheet-top>*{pointer-events:auto}.sheet-top .btn{background:var(--paper-strong);border-color:var(--glass-edge);box-shadow:var(--neu-out);height:32px;width:32px;padding:0}.sheet-media{position:relative;background:#16131f2e;display:flex;flex-direction:column;min-height:0}.sheet-hero{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:18px}.sheet-hero img{max-width:100%;max-height:100%;object-fit:contain;border-radius:6px;box-shadow:0 20px 60px -20px #00000080}.sheet-thumbs{display:flex;gap:6px;padding:0 18px 16px;justify-content:center;overflow-x:auto}.sheet-thumbs img{width:48px;height:48px;border-radius:6px;object-fit:cover;opacity:.5;border:1px solid transparent;cursor:pointer}.sheet-thumbs img.on{opacity:1;border-color:var(--accent)}.sheet-body{padding:56px 32px 32px;overflow-y:auto;display:flex;flex-direction:column;gap:20px;border-left:1px solid var(--hairline-soft)}.sheet-title{font-size:26px;line-height:1.25;font-style:italic}.pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:var(--font-mono);font-size:12.5px;line-height:1.7;padding:12px 14px;border-radius:10px;background:var(--hairline-soft);color:var(--ink-strong)}@media(max-width:820px){.sheet{grid-template-columns:1fr;grid-template-rows:46% 1fr;height:calc(100vh - 24px);width:calc(100vw - 24px)}.sheet-body{border-left:0;border-top:1px solid var(--hairline-soft);padding:22px 20px 28px}.top{padding:12px 12px 8px}.search{width:40vw}}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;background:var(--scrim);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;animation:scrimIn var(--dur) var(--ease) both}.modal{width:720px;max-width:100%;max-height:calc(100vh - 40px);overflow-y:auto;border-radius:24px;padding:30px 32px 26px;animation:sheetIn var(--dur) var(--ease) both}.modal-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:22px}.modal-foot{display:flex;justify-content:flex-end;gap:8px;margin-top:24px}.cols{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media(max-width:640px){.cols{grid-template-columns:1fr}.modal{padding:22px 18px}}.gate{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;position:relative;z-index:1}.gate-card{width:min(420px,100%);padding:40px 36px 32px;border-radius:24px;text-align:center;display:flex;flex-direction:column;gap:18px;align-items:center}.gate-card .field{text-align:center;font-family:var(--font-mono);font-size:16px;letter-spacing:.18em;text-transform:uppercase;height:48px}.err{color:#b33a5e;font-size:12.5px}.tabs{display:inline-flex;gap:2px;padding:3px;border-radius:999px;box-shadow:var(--neu-in);background:#4a3f4b0d}:root[data-theme=dark] .tabs{background:#0000002e}.tabs button{height:28px;padding:0 14px;border-radius:999px;font-size:12.5px;letter-spacing:.08em;color:var(--ink-soft);transition:all var(--dur-fast)}.tabs button.on{background:var(--paper-solid);color:var(--ink-strong);box-shadow:var(--neu-out)}.card{padding:22px 24px;border-radius:20px;display:flex;flex-direction:column;gap:12px}.drop{border-radius:16px;border:1px dashed var(--hairline);padding:34px 16px;text-align:center;color:var(--ink-soft);transition:all var(--dur-fast);cursor:pointer}.drop.over{border-color:var(--accent);background:var(--accent-soft)}.thumbrow{display:flex;flex-wrap:wrap;gap:8px}.thumbrow img{width:84px;height:84px;object-fit:cover;border-radius:10px}.thumbrow .rm{position:relative}.thumbrow .rm button{position:absolute;right:4px;top:4px;width:20px;height:20px;border-radius:999px;background:#16131fa6;color:#fff;font-size:12px}table.list{width:100%;border-collapse:collapse;font-size:12.5px}table.list th{text-align:left;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);padding:6px 8px;border-bottom:1px solid var(--hairline-soft)}table.list td{padding:9px 8px;border-bottom:1px solid var(--hairline-soft);vertical-align:middle}.code-show{font-family:var(--font-mono);font-size:22px;letter-spacing:.2em;padding:14px 18px;border-radius:12px;background:var(--accent-soft);color:var(--ink-strong);text-align:center}.toasts{position:fixed;left:50%;bottom:28px;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{padding:9px 18px;border-radius:999px;font-size:12.5px;color:var(--ink-strong);animation:fadeIn var(--dur) var(--ease) both}.switch{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:36px;height:20px;border-radius:999px;background:var(--hairline);position:relative;cursor:pointer;transition:background var(--dur-fast);flex:0 0 36px}.switch:after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:var(--paper-solid);transition:transform var(--dur-fast) var(--ease)}.switch:checked{background:var(--accent)}.switch:checked:after{transform:translate(16px)}.lb{position:fixed;top:0;right:0;bottom:0;left:0;z-index:90;background:#16131fb8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;padding:56px 16px 16px}.lb img{max-width:100%;max-height:100%;border-radius:6px}.lb .nav{position:absolute;width:44px;height:44px;border-radius:50%;background:#16131f8c;color:#fff;display:flex;align-items:center;justify-content:center;font-size:20px;border:1px solid rgba(255,255,255,.2)}.lb .x{top:12px;right:12px}.lb .prev{left:10px;top:50%;margin-top:-22px}.lb .next{right:10px;top:50%;margin-top:-22px}.lb .cnt{position:absolute;top:24px;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;color:#ffffffd9}