:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;font-synthesis:none;color:var(--ink);background:var(--bg);--bg:#fff;--ink:#161618;--muted:#89898e;--line:#ebebed;--panel:#f5f5f6;--card:#f3f3f5;--button:#171719;--button-ink:#fff;--hover:#ededf0}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button{border:0;background:none}button:disabled{opacity:.45;cursor:wait}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid #8676e3;outline-offset:4px}button,input,select,textarea{font-size:13px}button{transition:background .16s,color .16s,transform .16s}header{height:78px;border-bottom:1px solid var(--line);background:var(--bg)}.nav-wrap{max-width:1280px;height:100%;margin:auto;padding:0 40px;display:flex;align-items:center;gap:56px}.brand{display:flex;align-items:center;gap:9px;font-size:21px;font-weight:650;letter-spacing:-.06em;white-space:nowrap}.brand-mark{width:34px;height:34px;display:block;object-fit:contain;flex-shrink:0}.brand-en{font-size:11px;letter-spacing:-.02em;font-weight:450;color:var(--muted);margin-left:2px;padding-top:4px}nav{display:flex;align-items:center;gap:30px;height:100%}nav button{height:100%;position:relative;color:var(--muted);white-space:nowrap}nav .nav-active{color:var(--ink);font-weight:550}nav .nav-active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.count{font-size:10px;padding:2px 5px;border-radius:5px;background:var(--panel);color:var(--muted);margin-left:7px}.nav-actions{margin-left:auto;display:flex;align-items:center;gap:12px}.icon-button{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;color:#797980;flex:none}.icon-button:hover{background:var(--hover);color:var(--ink)}.nav-divider{height:19px;width:1px;background:var(--line);margin:0 2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bg);border:1px solid var(--line);border-radius:8px;min-height:38px;padding:9px 15px;font-size:12px;font-weight:500;white-space:nowrap}.button:hover{background:var(--hover)}.primary{background:var(--button);color:var(--button-ink);border-color:#2a2a2e;box-shadow:inset 0 1px 1px #ffffff25,0 1px 2px #0000001a}.primary:hover{background:#36363a;color:#fff}.add-button{min-height:38px;padding-inline:16px}.menu-wrap{position:relative}.dropdown{position:absolute;right:0;top:44px;z-index:20;background:var(--bg);box-shadow:0 8px 30px #00000012;border:1px solid var(--line);border-radius:12px;width:185px;padding:6px}.dropdown button{display:flex;gap:10px;align-items:center;width:100%;padding:11px;text-align:left;border-radius:7px}.dropdown button:hover{background:var(--panel)}.menu-backdrop{position:fixed;inset:0;z-index:19;cursor:default}main{max-width:1280px;padding:0 40px;margin:auto}.intro{padding:67px 0 48px;display:flex;justify-content:space-between;align-items:center}.intro h1{font-size:42px;line-height:1.3;letter-spacing:-.055em;font-weight:620;margin:0 0 19px}.intro p{font-size:15px;line-height:1.85;letter-spacing:.005em;color:var(--muted);margin:0}.intro-note{display:grid;grid-template-columns:8px auto;gap:9px;font-size:11px;color:#6f7075;align-items:center;margin-top:15px}.intro-note>span:last-child{grid-column:2;font-size:10px;color:#a7a7ac}.status-dot{width:6px;height:6px;border-radius:50%;background:#a3b99a}.toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid var(--line)}.filters{display:flex;gap:4px;align-items:center}.filters button{padding:8px 14px;border-radius:7px;white-space:nowrap;color:#78787f;font-size:12px}.filters button:hover{background:var(--panel)}.filters .active{background:var(--button);color:var(--button-ink);font-weight:500}.tools{display:flex;align-items:center;gap:18px}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);padding:9px 11px;border-radius:8px;color:#9c9ca2;background:var(--bg);height:36px}.search input{min-width:0;width:148px;background:none;color:var(--ink);outline:none;border:0;font-size:11px}.search input::placeholder{color:#a4a4a9}.search:focus-within{border-color:#bcb7cf}.search kbd{border:1px solid var(--line);border-radius:4px;padding:2px 4px;font:9px inherit;white-space:nowrap}.search button{padding:0;display:flex}.sort{display:flex;gap:7px;color:#8e8e95;align-items:center}.sort select{appearance:none;background:none;border:0;color:#85858d;outline:none;font-size:11px;cursor:pointer;max-width:70px}.collection-meta{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#96969d;margin:21px 0 20px}.meta-hint{color:#b0b0b5}.grid-label{display:flex;gap:7px;align-items:center;font-size:10px;color:#9c9ca3}.tiny-dot{width:5px;height:5px;border-radius:50%;background:#b7c6b3}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.effect-card{border-radius:22px;background:var(--card);padding:4px;overflow:hidden;min-width:0;transition:box-shadow .25s,transform .25s}.effect-card:hover{box-shadow:0 8px 30px #00000008;transform:translateY(-2px)}.preview-container{position:relative;border-radius:19px;overflow:hidden;background:#fff;border:1px solid #dfdfe3;box-shadow:0 1px 3px #0000000a}.preview-open{padding:0;display:block;width:100%;aspect-ratio:1.55;border-radius:18px;overflow:hidden;position:relative;cursor:pointer;background:#fff}.preview-open iframe{pointer-events:none}.preview-open iframe,.preview-open video,.preview-open img,.detail-preview iframe,.detail-preview video,.detail-preview img{display:block;width:100%;height:100%;border:0;object-fit:cover}.preview-open iframe{position:absolute;inset:0}.preview-open img{object-fit:contain}.preview-hover{position:absolute;inset:0;background:#0000000a;opacity:0;transition:opacity .2s;display:flex;align-items:flex-end;justify-content:center;padding:20px;pointer-events:none}.preview-hover>span{display:flex;align-items:center;gap:8px;background:#ffffffeb;padding:9px 13px;border-radius:8px;color:#27272a;font-size:11px;box-shadow:0 2px 10px #0000000b}.preview-open:hover .preview-hover,.preview-open:focus-visible .preview-hover{opacity:1}.card-label{position:absolute;left:14px;top:14px;font-size:9px;color:#73737b;background:#ffffffed;border:1px solid #ffffff50;border-radius:5px;padding:4px 7px;pointer-events:none}.card-label.collected{color:#525057}.bookmark{position:absolute;right:12px;top:12px;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#ffffffeb;color:#909096;box-shadow:0 1px 5px #00000008}.bookmark:hover{background:#fff;color:#191919}.bookmark.is-saved{color:#252528}.card-info{padding:21px 20px 18px}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-title button{text-align:left;padding:0;font-size:19px;letter-spacing:-.025em;font-weight:590;color:var(--ink)}.card-title>svg{color:#a7a7ae;opacity:0;transform:translate(-3px,3px);transition:.2s}.effect-card:hover .card-title>svg{opacity:1;transform:none}.card-info p{font-size:12px;line-height:1.8;color:#909098;margin:10px 0 20px;min-height:43px}.card-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.tags{display:flex;gap:6px;align-items:center}.tags span{font-size:9px;color:#8a8a91;padding:3px 6px;border:1px solid #e1e1e5;border-radius:5px;white-space:nowrap}.source-domain{font-size:9px;color:#aeafb5;white-space:nowrap}.add-strip{margin-top:34px;display:flex;align-items:center;gap:18px;border:1px dashed #dedee3;border-radius:15px;padding:24px 27px}.strip-icon{height:43px;width:43px;background:var(--panel);border:1px solid var(--line);border-radius:12px;display:grid;place-items:center;color:#8c8c94}.add-strip h3{font-weight:500;font-size:13px;margin:0 0 8px;color:#6a6a72}.add-strip p{font-size:11px;color:#a1a1a8;margin:0}.add-strip>button{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:12px;color:#686872}.add-strip>button:hover{color:var(--ink)}footer{display:flex;align-items:center;justify-content:space-between;padding:37px 0 30px;margin-top:25px;border-top:1px solid var(--line);color:#88888f}.footer-brand{font-weight:550;font-size:13px}.footer-brand span{font-weight:400;font-size:10px;color:#aaaab1;margin-left:16px}footer button{display:flex;align-items:center;gap:7px;color:#92929a;font-size:10px}.empty{min-height:300px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;color:#9a9aa1}.empty h2{font-size:19px;color:var(--ink);font-weight:550;margin:0}.empty p{font-size:13px;margin:0 0 8px}.link-preview{height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;background:radial-gradient(ellipse at 50% 25%,#fff,#eeedf4);color:#90909b}.link-preview span{font-size:17px;color:#6f6e79}.link-preview small{font-size:10px;color:#9998a3}.toast{position:fixed;z-index:100;bottom:28px;left:50%;transform:translate(-50%);max-width:90vw;background:#202024;color:#fff;box-shadow:0 8px 30px #0002;border:1px solid #ffffff10;border-radius:10px;padding:13px 19px;display:flex;align-items:center;gap:9px;font-size:12px}.toast svg{flex:none;color:#c2d6b4}.storage-error,.form-error{font-size:12px;color:#ad4d3a;background:#fff0e9;border-radius:8px;padding:12px}dialog{padding:0;border:1px solid var(--line);border-radius:20px;background:var(--bg);color:var(--ink);box-shadow:0 30px 100px #0002;max-height:90svh;width:min(840px,calc(100vw - 40px));overflow:auto}dialog::backdrop{background:#11111655;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-heading{padding:25px 28px 20px;display:flex;align-items:flex-start;justify-content:space-between}.eyebrow{font-size:10px;color:#9b9ba3}.modal-heading h2{font-size:25px;font-weight:550;letter-spacing:-.035em;margin:9px 0 0}.detail-tabs{display:flex;gap:22px;padding:0 28px;border-bottom:1px solid var(--line)}.detail-tabs button{position:relative;display:flex;align-items:center;gap:6px;padding:13px 0;font-size:12px;color:#93939a}.detail-tabs button.active{color:var(--ink)}.detail-tabs button.active:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--ink)}.detail-preview{height:390px;background:var(--panel);margin:20px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}.detail-preview img,.detail-preview video{object-fit:contain}.detail-footer{border-top:1px solid var(--line);padding:18px 25px;display:flex;align-items:center;justify-content:space-between;gap:12px}.detail-footer>div{display:flex;gap:9px}.code-panel{height:430px;background:#15151b;color:#d2d2db;margin:20px;border-radius:12px;overflow:hidden;display:flex;flex-direction:column}.code-panel>div:first-child:not(.empty){padding:13px 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;color:#92929d;font-size:11px}.code-panel button{display:flex;align-items:center;gap:6px;font-size:11px;color:#d2d2db}.code-panel pre{overflow:auto;margin:0;padding:20px;font:11px/1.7 ui-monospace,SFMono-Regular,monospace;white-space:pre-wrap;word-break:break-word}.notes-panel{padding:20px 28px 30px;min-height:320px}.notes-panel h3{font-size:13px;margin:10px 0 14px;font-weight:550}.notes-panel p{font-size:13px;color:var(--muted);line-height:1.9;white-space:pre-wrap;margin-bottom:25px}.notes-panel a{display:flex;gap:8px;align-items:center;font-size:12px;color:#7d76a0;overflow-wrap:anywhere}.edit-dialog{width:min(650px,calc(100vw - 36px))}.form-content{padding:0 28px 24px;display:flex;flex-direction:column;gap:17px}.form-content label:not(.upload-field){display:flex;flex-direction:column;gap:9px;font-size:12px;color:#72727c}.form-content label>span{display:contents}.form-content input:not([type=file]),.form-content textarea,.form-content select{width:100%;padding:11px 12px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--ink);font-size:12px;line-height:1.5}.form-content textarea{resize:vertical}.form-content input::placeholder,.form-content textarea::placeholder{color:#b4b4bc}.form-row{display:grid;grid-template-columns:1fr 2fr;gap:15px}.field-label{display:block;font-size:12px;color:#72727c;margin-bottom:9px}.upload-field{position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;border:1px dashed #d7d7df;border-radius:10px;background:var(--panel);min-height:122px;padding:17px;color:#95959f;text-align:center}.upload-field strong{font-size:12px;font-weight:450;color:#858590;max-width:100%;word-break:break-all}.upload-field span{font-size:10px}.upload-field input{position:absolute;inset:0;opacity:0;width:100%;height:100%;cursor:pointer}.text-button{padding:8px 0 0;font-size:11px;color:#9b8181}.form-content details{border-top:1px solid var(--line);padding-top:15px}.form-content summary{display:flex;align-items:center;gap:8px;font-size:12px;color:#898994;cursor:pointer;list-style:none}.form-content summary span{margin-left:auto;font-size:10px;color:#b3b3bc}.form-content details label{margin-top:15px}.code-input{font-family:ui-monospace,monospace!important;font-size:11px!important}.form-footer{padding:18px 25px;border-top:1px solid var(--line);display:flex;align-items:center;gap:10px;background:var(--panel)}.form-footer>span{font-size:10px;color:#ababaf;margin-right:auto}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}[data-theme=dark]{--bg:#141417;--ink:#e9e9ee;--muted:#92929d;--line:#303037;--panel:#202025;--card:#222228;--button:#ececf1;--button-ink:#17171b;--hover:#2d2d35}[data-theme=dark] .preview-container{border-color:#38383f}[data-theme=dark] .tags span{border-color:#3a3a43}[data-theme=dark] .add-strip{border-color:#3c3c46}[data-theme=dark] .primary{border-color:#444}[data-theme=dark] select option{background:var(--bg);color:var(--ink)}@media(min-width:1500px){.nav-wrap,main{max-width:1320px}.intro{padding-top:76px;padding-bottom:55px}.intro h1{font-size:46px}.card-info{padding:23px 23px 21px}.card-info p{font-size:13px}.card-title button{font-size:21px}}@media(max-width:1050px){.nav-wrap{gap:30px;padding:0 28px}.brand-en{display:none}main{padding:0 28px}.tools{gap:10px}.filters button{padding-inline:11px}.search input{width:117px}.sort{display:none}.intro h1{font-size:36px}.card-info{padding:18px 16px 16px}.source-domain,.intro-note{display:none}.preview-open{aspect-ratio:1.4}}@media(max-width:720px){header{height:68px}.nav-wrap{padding:0 20px;gap:20px}.brand{font-size:19px}.brand-mark{width:30px;height:30px}nav{gap:15px}nav button{font-size:11px}.nav-actions{gap:4px}.theme,.nav-divider,.count{display:none}.add-button{font-size:0;padding:8px;min-height:32px}.add-button svg{width:17px}.nav-actions .icon-button{width:27px}main{padding:0 20px}.intro{padding:40px 0 28px}.intro h1{font-size:31px;margin-bottom:15px}.intro p{font-size:12px;line-height:1.9}.toolbar{flex-direction:column;align-items:stretch;gap:17px;padding:10px 0 16px}.filters{gap:3px;overflow-x:auto}.filters button{padding:8px 10px;flex:1;font-size:11px}.tools{width:100%}.search{width:100%;height:37px}.search input{width:100%;font-size:12px}.search kbd{display:none}.collection-meta{margin:17px 0;font-size:10px}.meta-hint{font-size:9px}.grid-label{display:none}.grid{grid-template-columns:1fr;gap:22px}.preview-open{aspect-ratio:1.45}.effect-card{border-radius:20px}.card-title button{font-size:19px}.card-info p{font-size:12px;min-height:0;margin-bottom:18px}.card-info{padding:19px 17px}.source-domain{display:block}.add-strip{padding:22px 18px;gap:14px;flex-wrap:wrap}.add-strip h3{font-size:12px}.add-strip p{font-size:10px;line-height:1.6}.add-strip>div{flex:1}.add-strip>button{margin-left:57px;font-size:11px}.strip-icon{width:36px;height:36px}.footer-brand span{display:none}footer{padding:28px 0;margin-top:20px}.detail-preview{height:300px;margin:14px}.modal-heading{padding:21px}.modal-heading h2{font-size:22px}.detail-tabs{padding:0 21px}.detail-footer{padding:15px;gap:7px}.detail-footer .button{font-size:10px;padding-inline:10px}.form-content{padding:0 20px 20px}.form-footer{padding:15px;flex-wrap:wrap;justify-content:flex-end}.form-footer>span{width:100%;margin-bottom:5px}.form-row{grid-template-columns:1fr 1.8fr}.toast{font-size:11px;bottom:18px;white-space:normal;width:max-content}.intro-note{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:480px){.nav-wrap{padding-inline:16px;gap:10px}.brand{font-size:17px;gap:7px}nav{gap:12px}.nav-actions{gap:2px}.intro h1{font-size:28px}.footer-brand span{display:inline;margin-left:12px;font-size:9px}}.effect-number{display:block;margin-bottom:6px;color:var(--muted);font:500 12px/1.4 ui-monospace,SFMono-Regular,monospace;letter-spacing:0;vertical-align:middle;font-variant-numeric:tabular-nums}.brand-name{display:inline-flex;align-items:baseline}.brand-separator{margin-inline:.18em;letter-spacing:0}