:root{--bg:#f7f7f5;--surface:#fff;--surface-2:#f2f2ef;--text:#171816;--muted:#777a74;--faint:#a5a8a1;--line:#e4e5df;--accent:#4f5d45;--accent-soft:#e8ede4;--danger:#b84343;--shadow:0 18px 60px rgba(22,24,18,.12);--radius:14px}html[data-theme=dark]{--bg:#111310;--surface:#191c18;--surface-2:#222620;--text:#f2f4ef;--muted:#a0a69d;--faint:#737970;--line:#30352e;--accent:#b3c7a7;--accent-soft:#2b3528;--danger:#ef8585;--shadow:0 18px 60px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;min-height:100vh;transition:background .2s,color .2s}button,input,select,textarea{font:inherit;color:inherit}.topbar{height:76px;padding:0 max(28px,calc((100vw - 1320px)/2));display:flex;align-items:center;gap:42px;background:color-mix(in srgb,var(--surface) 94%,transparent);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;color:var(--text);text-decoration:none;font-size:16px;font-weight:700;white-space:nowrap}.brand small{display:block;color:var(--muted);font-size:10px;font-weight:500;letter-spacing:.14em;margin-top:1px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--text);color:var(--surface);font:700 16px Georgia,serif}.categories{display:flex;align-items:stretch;gap:26px;flex:1;height:100%;overflow:auto}.cat-btn{border:0;background:none;color:var(--muted);font-size:13px;padding:2px 0 0;white-space:nowrap;cursor:pointer;position:relative}.cat-btn:hover,.cat-btn.active{color:var(--text)}.cat-btn.active:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--text)}.cat-btn em{font-style:normal;font-size:10px;color:var(--faint);margin-left:4px}.header-actions{display:flex;align-items:center;gap:10px}.search{height:38px;width:250px;display:flex;align-items:center;gap:8px;padding:0 10px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--faint)}.search:focus-within{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px var(--accent-soft)}.search input{border:0;outline:0;background:none;width:100%;font-size:12px}.search kbd{border:1px solid var(--line);border-radius:5px;padding:1px 5px;font-size:10px}.icon-btn,.round-btn{border:1px solid var(--line);background:var(--surface);cursor:pointer;border-radius:10px;width:38px;height:38px}.primary-btn,.secondary-btn,.danger-btn{height:38px;border-radius:10px;padding:0 15px;border:1px solid var(--text);font-size:12px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-decoration:none}.primary-btn{background:var(--text);color:var(--surface)}.secondary-btn{background:var(--surface);border-color:var(--line);color:var(--text)}.danger-btn{background:transparent;border-color:color-mix(in srgb,var(--danger) 40%,var(--line));color:var(--danger)}.container{max-width:1320px;margin:auto;padding:58px 28px 90px}.intro{display:flex;justify-content:space-between;align-items:flex-end;padding-bottom:48px}.eyebrow{font-size:10px!important;letter-spacing:.18em;color:var(--accent)!important;font-weight:700}.intro h1{font:600 clamp(30px,4vw,48px) Georgia,"Songti SC",serif;letter-spacing:-.04em;margin:8px 0 10px}.intro p{font-size:14px;color:var(--muted);margin:0}.stats{display:flex;align-items:baseline;gap:7px;color:var(--muted);font-size:12px}.stats strong{font:500 25px Georgia,serif;color:var(--text)}.stats i{height:25px;width:1px;background:var(--line);margin:0 13px}.section-head{display:flex;align-items:baseline;gap:10px;border-bottom:1px solid var(--line);padding:0 1px 14px;margin:0 0 0}.section-head h2{font-size:12px;letter-spacing:.08em;margin:0;text-transform:uppercase}.section-head span{font-size:11px;color:var(--faint)}section+section{margin-top:46px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.card{min-height:226px;background:var(--surface);padding:25px;position:relative;display:flex;flex-direction:column;transition:background .18s,transform .18s;cursor:pointer}.card:hover{background:var(--surface-2);z-index:1}.card-top{display:flex;justify-content:space-between;align-items:start}.card-icon{width:42px;height:42px;border:1px solid var(--line);border-radius:11px;display:grid;place-items:center;background:var(--surface-2);font-size:21px;font-weight:700}.pin-btn,.menu-btn{border:0;background:none;color:var(--faint);cursor:pointer;padding:6px;border-radius:7px;font-size:16px}.pin-btn:hover,.pin-btn.active{color:var(--accent);background:var(--accent-soft)}.card h3{font-size:15px;margin:20px 0 7px}.card-desc{color:var(--muted);font-size:12px;line-height:1.7;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:16px}.tags{display:flex;gap:6px;overflow:hidden}.tag{font-size:10px;color:var(--muted);background:var(--surface-2);border-radius:5px;padding:4px 7px;white-space:nowrap}.env{font-size:10px;color:var(--muted);white-space:nowrap}.env:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#68a2d4;margin-right:6px}.env.online:before{background:#62aa79}.card-actions{position:absolute;right:18px;bottom:19px;opacity:0;display:flex;background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:2px;transition:opacity .15s}.card:hover .card-actions,.card:focus-within .card-actions{opacity:1}.card-actions button{border:0;background:none;font-size:11px;color:var(--muted);padding:5px 8px;cursor:pointer}.empty{text-align:center;padding:70px;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}.empty b,.empty span{display:block}.empty b{color:var(--text);font-size:14px;margin-bottom:7px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:28px}.backdrop{position:absolute;inset:0;background:rgba(8,10,7,.62);backdrop-filter:blur(5px)}.preview-panel,.form-panel{position:relative;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:hidden}.preview-panel{width:min(1180px,96vw);height:min(780px,90vh);display:flex;flex-direction:column}.preview-bar{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 14px;border-bottom:1px solid var(--line)}.preview-bar>div{display:flex;align-items:center;gap:10px;min-width:0}.preview-bar small{color:var(--faint);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-dot{width:7px;height:7px;background:#62aa79;border-radius:50%}.preview-panel iframe{border:0;background:white;flex:1}.round-btn{border-radius:50%;width:30px;height:30px}.form-panel{width:min(590px,96vw);max-height:92vh;overflow:auto}.form-head{padding:25px 28px 19px;display:flex;justify-content:space-between;border-bottom:1px solid var(--line)}.form-head p{font-size:9px;letter-spacing:.16em;color:var(--accent);margin:0 0 4px}.form-head h2{font:600 25px Georgia,"Songti SC",serif;margin:0}.form-panel form{padding:24px 28px 28px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:18px}.field span{font-size:11px;color:var(--muted);font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);border-radius:9px;padding:10px 12px;outline:none;font-size:13px}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.field-row{display:flex;gap:14px}.grow{flex:1}.icon-field{width:90px}.form-actions{display:flex;align-items:center;gap:9px;margin-top:5px}.form-actions span{flex:1}.form-error{color:var(--danger);font-size:11px;min-height:18px}.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;background:var(--text);color:var(--surface);padding:10px 16px;border-radius:9px;font-size:12px;z-index:100;transition:.2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:980px){.topbar{height:auto;min-height:68px;flex-wrap:wrap;gap:12px;padding:14px 20px}.categories{order:3;width:100%;height:36px}.header-actions{margin-left:auto}.search{width:200px}.container{padding:40px 20px 70px}}@media(max-width:680px){.search{width:38px}.search input,.search kbd{display:none}.search:focus-within{width:170px}.search:focus-within input{display:block}.primary-btn{padding:0 11px}.primary-btn span+*{display:none}.intro{align-items:start;flex-direction:column;gap:26px}.grid{grid-template-columns:1fr}.card{min-height:205px}.field-row{flex-direction:column;gap:0}.icon-field{width:100%}.preview-bar small{display:none}.preview-bar .secondary-btn{padding:0 9px}.modal{padding:10px}.card-actions{opacity:1}.stats{align-self:flex-end}}