:root{color:#1f2329;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--xhs-red:#ff2442;--xhs-red-deep:#e61e3c;--xhs-red-soft:#fff1f3;--xhs-text:#1f2329;--xhs-muted:#7b818c;--xhs-line:#ebedf0;--xhs-panel:#fff;--xhs-bg:#f7f8fa;--xhs-shadow:0 10px 30px #1f23290f;background:#f7f8fa;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--xhs-bg)}body{min-width:320px;min-height:100vh;color:var(--xhs-text);background:radial-gradient(circle at top left, #ff24420f, transparent 24%), var(--xhs-bg);margin:0}a{color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer}#root{min-height:100vh}.app-shell{grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-right:1px solid #ebedf0f5;flex-direction:column;gap:28px;height:100vh;padding:28px 20px;display:flex;position:sticky;top:0}.brand{align-items:center;gap:14px;min-height:56px;display:flex}.brand-mark{color:#fff;background:var(--xhs-red);border-radius:14px;place-items:center;width:46px;height:46px;font-size:22px;font-weight:800;display:grid;box-shadow:0 12px 24px #ff244242}.brand h1,.brand span,.topbar h2,.panel h2,.panel h3,.note-card h3,.empty-state p{margin:0}.brand h1{font-size:22px;line-height:1.05}.brand span{color:var(--xhs-muted);margin-top:4px;font-size:13px;display:block}nav{gap:8px;display:grid}nav button{color:#4a5260;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 14px;transition:color .2s,background .2s,border-color .2s,transform .2s;display:flex}nav button:hover{color:var(--xhs-text);background:#fff4f5}nav button.active{color:var(--xhs-red);background:var(--xhs-red-soft);border-color:#ff24422e;box-shadow:inset 0 0 0 1px #ff24420a}main{min-width:0}.topbar{z-index:4;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f7f8fae0;border-bottom:1px solid #ebedf0eb;justify-content:space-between;align-items:center;gap:20px;padding:28px 32px 22px;display:flex;position:sticky;top:0}.eyebrow{min-height:28px;color:var(--xhs-red);background:var(--xhs-red-soft);border-radius:999px;align-items:center;padding:0 10px;font-size:12px;font-weight:700;display:inline-flex}.topbar h2{color:var(--xhs-text);margin-top:10px;font-size:28px;line-height:1.2}.topbar-stats,.toolbar-inline{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.topbar-stats span,.metric,.saved-pill{color:#545d6a;background:#ffffffeb;border:1px solid #ebedf0f2;border-radius:999px;align-items:center;min-height:34px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.workspace{gap:20px;padding:24px 32px 40px;display:grid}.panel{background:var(--xhs-panel);box-shadow:var(--xhs-shadow);border:1px solid #ebedf0f5;border-radius:18px;padding:22px}.panel-title{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.panel h2{font-size:20px;line-height:1.25}.panel h3{font-size:16px;line-height:1.3}.panel p{color:var(--xhs-muted);margin:8px 0 0;font-size:14px;line-height:1.6}.capture-card{background:linear-gradient(#ff244208,#fff0 42%),#fcfcfd;border:1px solid #f1f2f4;border-radius:16px;gap:18px;margin-top:18px;padding:20px;display:grid}.capture-card-single{max-width:100%}.capture-form-grid{grid-template-columns:minmax(240px,1.8fr) 140px 140px 160px;align-items:end;gap:14px;display:grid}.capture-submit{grid-column:1/-1;justify-content:flex-start;display:flex}.launch-button{min-width:176px}.field{gap:8px;display:grid}.field span{color:#5f6672;font-size:13px;font-weight:700}input,textarea,select{width:100%;color:var(--xhs-text);background:#fff;border:1px solid #e5e7eb;border-radius:14px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s}input,select{height:46px;padding:0 14px}textarea{resize:vertical;min-height:108px;padding:14px;line-height:1.55}input::placeholder,textarea::placeholder{color:#a1a7b1}input:focus,textarea:focus,select:focus{border-color:#ff244261;box-shadow:0 0 0 4px #ff24421a}input:disabled,textarea:disabled,select:disabled{color:#8f96a3;background:#f6f7f9}.primary-button,.secondary-button,.icon-button{border-radius:12px;justify-content:center;align-items:center;gap:8px;font-weight:700;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;display:inline-flex}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button{color:#fff;background:var(--xhs-red);border:0;min-height:44px;padding:0 18px;box-shadow:0 10px 22px #ff244238}.primary-button:hover{background:var(--xhs-red-deep)}.primary-button:disabled,.secondary-button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.68;box-shadow:none;transform:none}.secondary-button{color:#3d4652;background:#fff;border:1px solid #ebedf0;min-height:40px;padding:0 14px}.secondary-button:hover{color:var(--xhs-red);background:#fff8f8;border-color:#ff244233}.danger-button{color:#c81e38;background:#fff5f6;border-color:#ffd8de}.icon-button{color:#4e5663;background:#fff;border:1px solid #ebedf0;width:38px;height:38px}.icon-button:hover{color:var(--xhs-red);background:#fff7f8;border-color:#ff24422e}.notice,.error{border-radius:14px;padding:14px 16px;font-size:14px;font-weight:700}.notice{color:#9a6200;background:#fff7db}.error{color:#c71f39;background:#fff1f3}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.stat-box{background:#fff;border:1px solid #f0f1f3;border-radius:16px;align-content:center;gap:6px;min-height:110px;padding:16px;display:grid}.stat-box strong{color:var(--xhs-text);font-size:26px;line-height:1}.stat-box span{color:var(--xhs-muted);font-size:13px;font-weight:700}.note-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:18px;display:grid}.note-card{background:#fff;border:1px solid #ebedf0f5;border-radius:18px;grid-template-rows:280px 1fr auto;transition:transform .22s,box-shadow .22s,border-color .22s;display:grid;overflow:hidden;box-shadow:0 12px 28px #1f23290d}.note-card-clickable{cursor:pointer}.note-card:hover{border-color:#ff24422e;transform:translateY(-3px);box-shadow:0 18px 34px #1f232917}.cover{background:linear-gradient(#ff244214,#ff244200),#f3f4f6;place-items:center;display:grid;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.note-body{gap:10px;padding:16px 16px 12px;display:grid}.note-body h3{min-height:48px;color:var(--xhs-text);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.note-body p{min-height:42px;color:var(--xhs-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.meta,.note-actions{justify-content:space-between;align-items:center;gap:10px;display:flex}.meta{color:#5f6672;font-size:12px;font-weight:700}.meta span:last-child{color:var(--xhs-red)}.note-actions{padding:0 16px 16px}.library-pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.detail-loading{align-items:center;gap:10px;min-height:120px;display:inline-flex}.detail-shell{gap:18px;display:grid}.detail-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.detail-layout{grid-template-columns:minmax(0,1.5fr) minmax(300px,420px);gap:18px;display:grid}.detail-main,.detail-side{align-content:start;gap:18px;display:grid}.detail-media{gap:12px;display:grid}.detail-hero{background:linear-gradient(#ff24420f,#fff0),#fff;border:1px solid #ebedf0f5;border-radius:22px;min-height:420px;position:relative;overflow:hidden}.detail-hero img{object-fit:cover;width:100%;height:100%;display:block}.detail-hero-empty{color:var(--xhs-muted);place-items:center;display:grid}.detail-badge{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1f2329b8;border-radius:999px;align-items:center;gap:6px;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:16px;left:16px}.detail-gallery{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;display:grid}.detail-gallery-item{aspect-ratio:1;background:#fff;border:1px solid #ebedf0f5;border-radius:16px;overflow:hidden}.detail-gallery-item img{object-fit:cover;width:100%;height:100%;display:block}.detail-section{gap:14px}.detail-section h2{margin:0;font-size:28px;line-height:1.3}.detail-desc{color:#3d4652;white-space:pre-wrap;margin:0;font-size:15px;line-height:1.75}.empty-text{color:var(--xhs-muted)}.detail-tags{flex-wrap:wrap;gap:10px;display:flex}.detail-tag{min-height:32px;color:var(--xhs-red);background:var(--xhs-red-soft);border-radius:999px;align-items:center;gap:6px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex}.detail-side-card{gap:18px;display:grid}.detail-author{align-items:center;gap:12px;display:flex}.detail-author img,.detail-author-fallback{border-radius:50%;flex:none;width:52px;height:52px}.detail-author img{object-fit:cover}.detail-author-fallback{color:#fff;background:var(--xhs-red);place-items:center;font-weight:800;display:grid}.detail-author strong,.detail-author span{display:block}.detail-author strong{font-size:16px;line-height:1.3}.detail-author span{color:var(--xhs-muted);margin-top:4px;font-size:13px}.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.detail-stat{color:#4a5260;background:#fcfcfd;border:1px solid #f0f1f3;border-radius:14px;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex}.detail-stat svg{color:var(--xhs-red)}.detail-meta-list{gap:10px;display:grid}.detail-meta-row{border-bottom:1px solid #f0f1f3;justify-content:space-between;align-items:center;gap:12px;padding-bottom:10px;display:flex}.detail-meta-row:last-child{border-bottom:0;padding-bottom:0}.detail-meta-row span{color:var(--xhs-muted);font-size:13px}.detail-meta-row strong{color:var(--xhs-text);text-align:right;font-size:14px}.detail-location{color:#4a5260;align-items:center;gap:8px;font-size:13px;font-weight:700;display:inline-flex}.detail-shell-xhs{background:#1c1d22;border:1px solid #ffffff0f;border-radius:28px;gap:20px;padding:20px;display:grid;box-shadow:0 24px 48px #0f101347}.detail-shell-xhs .detail-toolbar{align-items:center}.detail-shell-xhs .secondary-button{color:#f5f6f8;background:#ffffff0a;border-color:#ffffff1a}.detail-shell-xhs .secondary-button:hover{background:#ffffff14}.detail-layout-xhs{background:#131416;border-radius:24px;grid-template-columns:minmax(0,1.35fr) minmax(340px,520px);gap:0;overflow:hidden}.detail-main-xhs{background:#1a1b1f;gap:16px;padding:16px}.detail-stage{background:#0d0e10;border-radius:20px;place-items:center;min-height:720px;display:grid;position:relative;overflow:hidden}.detail-stage-image,.detail-video-player{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:720px;display:block}.detail-video-player{background:#000;width:100%;height:100%}.detail-stage-nav{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0e8f;border:0;border-radius:999px;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.detail-stage-nav-left{left:16px}.detail-stage-nav-right{right:16px}.detail-media-count{color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0c0c0e8f;border-radius:999px;align-items:center;min-height:32px;padding:0 12px;font-size:13px;font-weight:700;display:inline-flex;position:absolute;top:16px;right:16px}.detail-filmstrip{gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.detail-thumb{opacity:.72;background:#0d0e10;border:2px solid #0000;border-radius:14px;flex:0 0 72px;width:72px;height:96px;padding:0;overflow:hidden}.detail-thumb.active{border-color:var(--xhs-red);opacity:1}.detail-thumb img{object-fit:cover;width:100%;height:100%}.detail-stage-dots{justify-content:center;gap:8px;display:flex}.detail-dot{background:#ffffff3d;border:0;border-radius:999px;width:8px;height:8px;padding:0}.detail-dot.active{background:#fff;width:22px}.detail-side-xhs{background:#131416;gap:0}.detail-note-card{color:#f5f6f8;grid-template-rows:auto auto auto auto 1fr auto;min-height:100%;display:grid}.detail-author-row,.detail-note-copy,.detail-stats-xhs,.detail-meta-list-xhs,.detail-comment-placeholder,.detail-action-bar{padding-left:24px;padding-right:24px}.detail-author-row{justify-content:space-between;align-items:center;gap:16px;padding-top:24px;padding-bottom:18px;display:flex}.detail-follow-button{border-radius:999px;min-width:108px;min-height:48px}.detail-note-copy{border-bottom:1px solid #ffffff14;gap:14px;padding-bottom:20px;display:grid}.detail-note-copy h2{color:#fff;margin:0;font-size:34px;line-height:1.25}.detail-note-copy .detail-desc{color:#ffffffe6;font-size:16px;line-height:1.9}.detail-note-copy .empty-text{color:#ffffff85}.detail-tags-inline .detail-tag{color:#ff8a97;background:#ff24421f}.detail-note-meta{color:#ffffff9e;flex-wrap:wrap;align-items:center;gap:14px;font-size:14px;display:flex}.detail-note-meta .detail-location{color:#ffffff9e}.detail-stats-xhs{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,minmax(0,1fr));padding-top:18px;padding-bottom:18px}.detail-stats-xhs .detail-stat{color:#ffffffeb;background:#ffffff08;border-color:#ffffff14;min-height:52px}.detail-meta-list-xhs{padding-top:16px;padding-bottom:16px}.detail-meta-list-xhs .detail-meta-row{border-bottom-color:#ffffff14}.detail-meta-list-xhs .detail-meta-row span{color:#ffffff94}.detail-meta-list-xhs .detail-meta-row strong{color:#fff}.detail-link-inline{color:#fff;text-decoration:none}.detail-link-inline:hover{color:#ff8a97}.detail-comment-placeholder{color:#ffffff80;border-top:1px solid #ffffff14;place-items:center;gap:12px;min-height:220px;display:grid}.detail-comment-placeholder p{max-width:320px;color:inherit;text-align:center;margin:0}.detail-action-bar{border-top:1px solid #ffffff14;align-items:center;gap:12px;padding-top:18px;padding-bottom:20px;display:flex}.detail-input-pill{color:#ffffff75;background:#ffffff0f;border-radius:999px;flex:1;align-items:center;min-height:48px;padding:0 18px;display:inline-flex}.detail-action-button{color:#fff;background:0 0;border:0;border-radius:999px;align-items:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;display:inline-flex}.detail-action-button:hover{background:#ffffff0f}.empty-state{min-height:240px;color:var(--xhs-muted);background:#ffffffb8;border:1px dashed #d9dde3;border-radius:18px;place-items:center;gap:10px;display:grid}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.config-import{background:#fcfcfd;border:1px solid #f0f1f3;border-radius:16px;gap:12px;margin-top:18px;padding:16px;display:grid}.account-list{gap:10px;margin-top:18px;display:grid}.account-item{background:#fff;border:1px solid #f0f1f3;border-radius:16px;justify-content:space-between;align-items:center;gap:14px;padding:14px 16px;display:flex}.account-item.active-account{background:linear-gradient(#ff24420d,#ffffffe6);border-color:#ff244233}.account-item div:first-child{gap:4px;display:grid}.account-item strong{color:var(--xhs-text)}.account-item span{color:var(--xhs-muted);font-size:13px;font-weight:700}.account-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.config-import textarea{min-height:168px}.import-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.parse-message{color:var(--xhs-red);font-size:13px;font-weight:700}.settings-grid .field:nth-child(3),.settings-grid .field:nth-child(4),.settings-grid .field:nth-child(5),.settings-grid .field:nth-child(7){grid-column:1/-1}.spin{animation:.9s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1160px){.capture-form-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.capture-submit{grid-column:1/-1}}@media (width<=920px){.app-shell{grid-template-columns:1fr}.sidebar{z-index:5;height:auto;padding:16px;position:sticky}nav{grid-template-columns:repeat(3,minmax(0,1fr))}nav button{justify-content:center;padding:0 8px}.topbar,.panel-title,.account-item{flex-direction:column;align-items:flex-start}.topbar{padding-top:20px}.capture-form-grid,.settings-grid,.stats-grid,.detail-layout,.detail-layout-xhs,.detail-stats{grid-template-columns:1fr}.detail-shell-xhs{padding:14px}.detail-stage{min-height:520px}.detail-note-copy h2{font-size:28px}.detail-action-bar{flex-wrap:wrap}.detail-input-pill{flex-basis:100%}.settings-grid .field:nth-child(n){grid-column:auto}.account-actions{justify-content:flex-start;width:100%}}@media (width<=560px){.topbar,.workspace{padding-left:16px;padding-right:16px}.topbar h2{font-size:22px}.note-grid{grid-template-columns:1fr 1fr}.note-card{grid-template-rows:220px 1fr auto}.detail-hero{min-height:280px}.detail-stage{min-height:360px}.detail-section h2,.detail-note-copy h2{font-size:22px}.library-pagination{justify-content:stretch}.launch-button,.primary-button,.secondary-button{width:100%}}@media (width<=420px){.note-grid{grid-template-columns:1fr}}