:root{--bg: #f7f4ec;--bg-raised: #fffdf8;--bg-sunken: #efeadd;--ink: #3a352d;--ink-soft: #6b6358;--ink-faint: #9a9183;--line: #e4ddcd;--line-strong: #d4cab4;--accent: #b5673a;--accent-hover: #a25831;--accent-soft: #f0e3d6;--ok: #5f7a5a;--warn-bg: #f6e9da;--warn-ink: #9a5a2c;--pf-youtube: #b65046;--pf-instagram: #a85a7e;--pf-threads: #5a5246;--pf-facebook: #4f6a96;--pf-bilibili: #4a8298;--pf-other: #7a7264;--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--radius: 14px;--radius-sm: 9px;--shadow-soft: 0 1px 2px rgba(58, 53, 45, .04), 0 8px 24px rgba(58, 53, 45, .05);--shadow-raise: 0 2px 4px rgba(58, 53, 45, .06), 0 14px 40px rgba(58, 53, 45, .1);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", "Hiragino Sans", system-ui, sans-serif;--font-serif: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:15px;line-height:1.6;letter-spacing:-.005em;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:not-allowed}.app{min-height:100vh;background-image:radial-gradient(circle at 20% 0%,rgba(181,103,58,.04),transparent 45%),radial-gradient(circle at 100% 100%,rgba(95,122,90,.03),transparent 40%)}.container{max-width:880px;margin:0 auto;padding:var(--sp-6) var(--sp-5) var(--sp-7)}.hidden-input{display:none}.btn{font-family:inherit;font-size:14px;font-weight:600;line-height:1;border:1px solid transparent;border-radius:var(--radius-sm);padding:11px 18px;cursor:pointer;transition:background .15s ease,border-color .15s ease,transform .05s ease,color .15s ease;display:inline-flex;align-items:center;justify-content:center;gap:var(--sp-2);white-space:nowrap}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);color:#fffaf3}.btn--primary:hover:not(:disabled){background:var(--accent-hover)}.btn--ghost{background:transparent;color:var(--ink-soft);border-color:var(--line-strong)}.btn--ghost:hover{background:var(--bg-raised);color:var(--ink)}.btn--quiet{background:var(--bg-raised);color:var(--ink-soft);border-color:var(--line)}.btn--quiet:hover:not(:disabled){border-color:var(--line-strong);color:var(--ink)}.btn--danger{background:transparent;color:var(--pf-youtube);border-color:transparent}.btn--danger:hover{background:#b6504614}.btn--sm{padding:8px 13px;font-size:13px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--sp-5);padding-bottom:var(--sp-6);border-bottom:1px solid var(--line);margin-bottom:var(--sp-5)}.app-title{font-family:var(--font-serif);font-size:27px;font-weight:600;letter-spacing:-.02em;margin:0 0 var(--sp-2);color:var(--ink)}.app-subtitle{margin:0;font-size:15px;color:var(--ink-soft);max-width:34ch}.app-header__actions{display:flex;gap:var(--sp-2);flex-shrink:0}.cloud-card{display:grid;grid-template-columns:minmax(180px,.9fr) minmax(280px,1.6fr);gap:var(--sp-4);align-items:center;background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-4);box-shadow:var(--shadow-soft);margin-bottom:var(--sp-5)}.cloud-card__copy{display:flex;flex-direction:column;gap:4px}.cloud-card__eyebrow{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--ink-faint);text-transform:uppercase}.cloud-card__copy strong{color:var(--ink)}.cloud-card__copy p{margin:0;color:var(--ink-soft);font-size:12.5px}.cloud-card__controls{display:grid;grid-template-columns:minmax(160px,1fr) auto auto auto;gap:var(--sp-2);align-items:center}.cloud-card__input{min-width:0}.cloud-card__controls--simple{grid-template-columns:auto auto;justify-content:end}.profile-card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);padding:var(--sp-5);box-shadow:var(--shadow-soft);margin-bottom:var(--sp-5)}.profile-card__eyebrow{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint)}.profile-card__rows{margin:var(--sp-4) 0 var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-3)}.profile-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-4);padding-bottom:var(--sp-3);border-bottom:1px dashed var(--line)}.profile-row:last-child{border-bottom:none;padding-bottom:0}.profile-row__label{font-size:13px;color:var(--ink-soft)}.profile-row__value{font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;text-align:right}.profile-row--tags .profile-row__value{font-weight:500}.profile-card__hint{margin:0;font-size:13px;line-height:1.65;color:var(--ink-soft);background:var(--accent-soft);border-radius:var(--radius-sm);padding:var(--sp-3) var(--sp-4);border:1px solid rgba(181,103,58,.12)}.stat-chips{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-5)}.stat-chip{background:var(--bg-raised);border:1px solid var(--line);border-radius:999px;padding:7px 14px;display:inline-flex;align-items:baseline;gap:var(--sp-2)}.stat-chip--total{background:var(--ink);border-color:var(--ink)}.stat-chip--total .stat-chip__num,.stat-chip--total .stat-chip__label{color:#fdf9f0}.stat-chip__num{font-size:15px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.stat-chip__label{font-size:12.5px;color:var(--ink-soft)}.toolbar{display:grid;grid-template-columns:1fr auto;grid-template-areas:"search io" "filters filters";gap:var(--sp-3);align-items:center;margin-bottom:var(--sp-6)}.toolbar__search{grid-area:search;position:relative;display:flex;align-items:center}.toolbar__search-icon{position:absolute;left:13px;width:18px;height:18px;color:var(--ink-faint);pointer-events:none}.toolbar__search-input{width:100%;font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px 11px 40px;transition:border-color .15s ease,box-shadow .15s ease}.toolbar__search-input::placeholder{color:var(--ink-faint)}.toolbar__search-input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b5673a26}.toolbar__filters{grid-area:filters;display:flex;flex-wrap:wrap;gap:var(--sp-2)}.toolbar__io{grid-area:io;display:flex;gap:var(--sp-2)}.chip-btn{font-family:inherit;font-size:13px;font-weight:500;color:var(--ink-soft);background:transparent;border:1px solid var(--line);border-radius:999px;padding:7px 14px;cursor:pointer;transition:all .15s ease}.chip-btn:hover{border-color:var(--line-strong);color:var(--ink)}.chip-btn.is-active{background:var(--ink);border-color:var(--ink);color:#fdf9f0}.item-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr;gap:var(--sp-4)}.card{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;display:grid;grid-template-columns:168px 1fr;box-shadow:var(--shadow-soft);transition:box-shadow .18s ease,transform .18s ease,border-color .18s ease}.card:hover{box-shadow:var(--shadow-raise);border-color:var(--line-strong)}.card__thumb{position:relative;display:block;background:var(--bg-sunken);overflow:hidden;min-height:100%}.card__thumb img{width:100%;height:100%;object-fit:cover;display:block}.card__thumb--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1ebdb,#e6ddc8)}.card__thumb-letter{font-family:var(--font-serif);font-size:40px;font-weight:600;color:var(--line-strong)}.badge{position:absolute;top:var(--sp-2);left:var(--sp-2);font-size:11px;font-weight:600;letter-spacing:.02em;color:#fffaf3;background:var(--pf-other);padding:3px 9px;border-radius:999px;-webkit-backdrop-filter:none;backdrop-filter:none}.badge--youtube{background:var(--pf-youtube)}.badge--instagram{background:var(--pf-instagram)}.badge--threads{background:var(--pf-threads)}.badge--facebook{background:var(--pf-facebook)}.badge--bilibili{background:var(--pf-bilibili)}.badge--other{background:var(--pf-other)}.card__body{padding:var(--sp-4) var(--sp-5);display:flex;flex-direction:column;gap:var(--sp-3);min-width:0}.card__meta-top{display:flex;align-items:baseline;gap:var(--sp-1);font-size:12.5px;color:var(--ink-faint);flex-wrap:wrap}.card__site{font-weight:600;letter-spacing:.02em;text-transform:uppercase;font-size:11.5px;color:var(--ink-soft)}.card__author{color:var(--ink-faint)}.card__title{margin:0;font-size:17px;font-weight:600;line-height:1.35;letter-spacing:-.01em}.card__title a{color:var(--ink);text-decoration:none}.card__title a:hover{color:var(--accent)}.card__desc{margin:0;font-size:13.5px;color:var(--ink-soft);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card__summary{display:flex;flex-direction:column;gap:var(--sp-2);border:1px solid rgba(181,103,58,.16);background:var(--accent-soft);border-radius:var(--radius-sm);padding:var(--sp-3)}.card__summary p{margin:0;color:var(--ink);font-size:13px;line-height:1.65}.category-pill{width:fit-content;color:var(--warn-ink);background:#fff7ed;border:1px solid rgba(181,103,58,.2);border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:700}.card__note{margin:0;font-size:13px;color:var(--ink);background:var(--bg-sunken);border-left:3px solid var(--line-strong);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:var(--sp-2) var(--sp-3);line-height:1.55}.card__content{border:1px solid var(--line);border-radius:var(--radius-sm);background:#efeadd94;padding:var(--sp-2) var(--sp-3)}.card__content summary{color:var(--accent);cursor:pointer;font-size:12.5px;font-weight:700}.card__content p{margin:var(--sp-2) 0 0;color:var(--ink-soft);font-size:12.8px;line-height:1.7;white-space:pre-wrap;display:-webkit-box;-webkit-line-clamp:8;-webkit-box-orient:vertical;overflow:hidden}.card__note-label{display:inline-block;font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);margin-right:var(--sp-2)}.tag-row{display:flex;flex-wrap:wrap;gap:var(--sp-1)}.tag{font-size:12px;color:var(--ink-soft);background:var(--bg-sunken);border:1px solid var(--line);border-radius:6px;padding:3px 9px;line-height:1.3}.tag-button{cursor:default}.tag--soft{background:var(--accent-soft);border-color:#b5673a2e;color:var(--warn-ink)}.card__error{display:flex;align-items:flex-start;gap:var(--sp-2);font-size:12.5px;color:var(--warn-ink);background:var(--warn-bg);border:1px solid rgba(154,90,44,.18);border-radius:var(--radius-sm);padding:var(--sp-2) var(--sp-3);line-height:1.5}.card__error-dot{width:7px;height:7px;border-radius:50%;background:var(--warn-ink);flex-shrink:0;margin-top:5px}.card__foot{display:flex;align-items:baseline;justify-content:space-between;gap:var(--sp-3);margin-top:auto;padding-top:var(--sp-1)}.card__url{font-size:12px;color:var(--ink-faint);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:60%}.card__url:hover{color:var(--ink-soft);text-decoration:underline}.card__date{font-size:12px;color:var(--ink-faint);flex-shrink:0}.card__actions{display:flex;gap:var(--sp-2);padding-top:var(--sp-2);border-top:1px solid var(--line);margin-top:var(--sp-1)}.empty{text-align:center;padding:var(--sp-7) var(--sp-5);background:var(--bg-raised);border:1px dashed var(--line-strong);border-radius:var(--radius)}.empty__mark{color:var(--line-strong);margin-bottom:var(--sp-4)}.empty__title{font-family:var(--font-serif);font-size:19px;font-weight:600;color:var(--ink);margin:0 0 var(--sp-2)}.empty__text{font-size:14px;color:var(--ink-soft);margin:0 auto var(--sp-5);max-width:32ch;line-height:1.6}.empty--filtered{border-style:solid;padding:var(--sp-6) var(--sp-5)}.empty--filtered .empty__text{margin-bottom:0}.sheet-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#3a352d52;display:flex;align-items:center;justify-content:center;padding:var(--sp-5);z-index:100;animation:overlay-in .18s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.sheet{background:var(--bg-raised);border:1px solid var(--line);border-radius:var(--radius);width:100%;max-width:540px;max-height:90vh;display:flex;flex-direction:column;box-shadow:var(--shadow-raise);animation:sheet-in .22s cubic-bezier(.2,.8,.3,1)}@keyframes sheet-in{0%{transform:translateY(12px);opacity:0}to{transform:translateY(0);opacity:1}}.sheet__grip{display:none}.sheet__head{display:flex;align-items:center;justify-content:space-between;padding:var(--sp-4) var(--sp-5);border-bottom:1px solid var(--line)}.sheet__title{font-family:var(--font-serif);font-size:19px;font-weight:600;margin:0;color:var(--ink)}.sheet__close{background:transparent;border:none;font-size:26px;line-height:1;color:var(--ink-faint);cursor:pointer;width:34px;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center}.sheet__close:hover{background:var(--bg-sunken);color:var(--ink)}.sheet__body{padding:var(--sp-5);overflow-y:auto;display:flex;flex-direction:column;gap:var(--sp-4)}.sheet__foot{display:flex;justify-content:flex-end;gap:var(--sp-2);padding:var(--sp-4) var(--sp-5);border-top:1px solid var(--line);background:var(--bg-raised)}.field{display:flex;flex-direction:column;gap:var(--sp-2)}.field-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:var(--sp-3)}.field-grid label{display:flex;flex-direction:column;gap:var(--sp-2)}.field__label{font-size:12.5px;font-weight:600;color:var(--ink-soft);letter-spacing:.01em}.field__url{display:flex;gap:var(--sp-2)}.field__url .input{flex:1;min-width:0}.field__hint{margin:0;font-size:12px;color:var(--ink-faint);line-height:1.5}.input{font-family:inherit;font-size:14.5px;color:var(--ink);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:11px 14px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}.input::placeholder{color:var(--ink-faint)}.input:focus-visible{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #b5673a26}.textarea{resize:vertical;min-height:72px;line-height:1.55}.textarea--content{min-height:132px}.preview{display:grid;grid-template-columns:120px 1fr;gap:var(--sp-3);background:var(--bg);border:1px solid var(--line);border-radius:var(--radius-sm);padding:var(--sp-3);align-items:start}.preview__thumb{width:120px;height:80px;border-radius:8px;overflow:hidden;background:var(--bg-sunken)}.preview__thumb img{width:100%;height:100%;object-fit:cover;display:block}.preview__thumb--fallback{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f1ebdb,#e6ddc8)}.preview__thumb--fallback span{font-family:var(--font-serif);font-size:28px;color:var(--line-strong)}.preview__info{display:flex;flex-direction:column;gap:3px;min-width:0}.preview__site{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint)}.preview__title{font-size:14.5px;font-weight:600;color:var(--ink);line-height:1.35}.preview__desc{font-size:12.5px;color:var(--ink-soft);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.preview__content{font-size:12px;color:var(--ok);font-weight:700}.preview__url{font-size:11.5px;color:var(--ink-faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview__error{font-size:12px;color:var(--warn-ink)}.skeleton{background:linear-gradient(90deg,var(--bg-sunken) 25%,#f2ecdd 50%,var(--bg-sunken) 75%);background-size:200% 100%;animation:shimmer 1.4s ease infinite;border-radius:6px}.preview--loading .preview__thumb{width:120px;height:80px}.preview__lines{display:flex;flex-direction:column;gap:var(--sp-2);padding-top:var(--sp-2)}.skeleton--line{height:12px;width:100%}.skeleton--line.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.raw-details{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg);padding:var(--sp-2) var(--sp-3)}.raw-details summary{font-size:12.5px;font-weight:600;color:var(--ink-soft);cursor:pointer;list-style:none}.raw-details summary::-webkit-details-marker{display:none}.raw-details__text{margin:var(--sp-2) 0 0;font-size:12.5px;color:var(--ink-soft);white-space:pre-wrap;word-break:break-word;font-family:var(--font-sans);line-height:1.5}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,label:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}@media(min-width:560px){.item-grid{grid-template-columns:repeat(2,1fr)}.card{grid-template-columns:1fr}.card__thumb{aspect-ratio:16 / 9;min-height:auto}}@media(min-width:720px){.item-grid{grid-template-columns:1fr}.card{grid-template-columns:188px 1fr}.card__thumb{aspect-ratio:auto}}@media(max-width:640px){.container{padding:var(--sp-5) var(--sp-4) var(--sp-7)}.app-header{flex-direction:column;gap:var(--sp-4)}.app-header__actions{width:100%}.app-header__actions .btn{flex:1;min-height:46px}.cloud-card,.cloud-card__controls{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr;grid-template-areas:"search" "filters" "io"}.toolbar__filters{overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--sp-1);-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar__filters::-webkit-scrollbar{display:none}.chip-btn{flex-shrink:0}.toolbar__io .btn{flex:1}.item-grid,.card{grid-template-columns:1fr}.card__thumb{aspect-ratio:16 / 9;min-height:auto}.sheet-overlay{align-items:flex-end;padding:0}.sheet{max-width:100%;max-height:94vh;border-radius:18px 18px 0 0;border-bottom:none;animation:sheet-up .26s cubic-bezier(.2,.8,.3,1)}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.sheet__grip{display:block;width:38px;height:4px;border-radius:999px;background:var(--line-strong);margin:var(--sp-2) auto 0}.field__url,.field-grid{grid-template-columns:1fr;flex-direction:column}.field__url .btn{width:100%;min-height:46px}.preview{grid-template-columns:96px 1fr}.preview__thumb,.preview--loading .preview__thumb{width:96px;height:64px}.sheet__foot .btn{flex:1;min-height:46px}}@media(max-width:380px){body{font-size:14.5px}.card__body{padding:var(--sp-4)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}