*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary:#f85907;--primary-dim:rgba(248,89,7,.12);--primary-glow:rgba(248,89,7,.2);--primary-light:#ff7b33;--cyan:#5ccfff;--indigo:#7f8fff;--mint:#72dfda;--text:#143250;--text-sub:#597594;--text-muted:#8ba4c0;--glass-line:rgba(255,255,255,.4);--glass:rgba(255,255,255,.18);--glass-strong:rgba(255,255,255,.3);--glass-subtle:rgba(255,255,255,.1);--surface:rgba(255,255,255,.22);--bg:#f0f2f5;--radius:16px;--radius-s:10px;--font:"Inter","Noto Sans JP",-apple-system,"Hiragino Kaku Gothic ProN",sans-serif;--shadow:0 8px 32px rgba(20,50,80,.06);--shadow-hover:0 20px 60px rgba(20,50,80,.12)}html{scroll-behavior:smooth}body{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.75;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden}a{color:var(--primary);text-decoration:none;transition:color .2s}a:hover{color:var(--primary-light)}.glass{background:linear-gradient(135deg,#fff3,#ffffff14);border:1px solid rgba(255,255,255,.35);border-radius:var(--radius);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:var(--shadow),inset 0 1px #fff6}#app{position:relative;z-index:1;flex:1;opacity:1;transition:opacity .2s ease}#app.fade{opacity:0}.page-wrap{max-width:1080px;margin:0 auto;padding:76px 24px 48px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.anim-in{animation:fadeUp .5s ease both}.anim-in:nth-child(2){animation-delay:.06s}.anim-in:nth-child(3){animation-delay:.12s}.anim-in:nth-child(4){animation-delay:.18s}.anim-in:nth-child(5){animation-delay:.24s}.loading{text-align:center;padding:48px;color:var(--text-muted);font-size:14px}.spinner{width:24px;height:24px;margin:0 auto 10px;border:2.5px solid var(--glass-line);border-top-color:var(--primary);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty{text-align:center;padding:48px;color:var(--text-muted);font-size:14px}.bg-decor{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.bg-orb{position:absolute;border-radius:50%;filter:blur(3px);animation:orbFloat 20s ease-in-out infinite}.bg-orb:nth-child(1){width:550px;height:550px;top:-8%;left:-5%;opacity:.75;animation-delay:0s;background:radial-gradient(circle at 38% 35%,rgba(255,255,255,.5) 0%,transparent 20%),radial-gradient(circle,rgba(92,207,255,.7) 0%,rgba(92,207,255,.35) 35%,rgba(92,207,255,.08) 52%,transparent 58%);box-shadow:0 0 40px #5ccfff2e}.bg-orb:nth-child(2){width:480px;height:480px;top:8%;right:-6%;opacity:.7;animation-delay:-7s;animation-duration:25s;background:radial-gradient(circle at 42% 38%,rgba(255,255,255,.45) 0%,transparent 16%),radial-gradient(circle,rgba(127,143,255,.15) 0%,rgba(127,143,255,.6) 25%,rgba(127,143,255,.22) 44%,transparent 55%);box-shadow:0 0 35px #7f8fff24}.bg-orb:nth-child(3){width:420px;height:420px;bottom:-5%;left:18%;opacity:.7;animation-delay:-14s;animation-duration:22s;background:radial-gradient(circle at 36% 36%,rgba(255,255,255,.45) 0%,transparent 18%),radial-gradient(circle,rgba(114,223,218,.6) 0%,rgba(114,223,218,.28) 36%,rgba(114,223,218,.04) 52%,transparent 56%);box-shadow:0 0 35px #72dfda24}.bg-orb:nth-child(4){width:380px;height:380px;top:38%;left:3%;opacity:.65;animation-delay:-3s;animation-duration:18s;background:radial-gradient(circle at 40% 36%,rgba(255,255,255,.45) 0%,transparent 16%),radial-gradient(circle,rgba(248,89,7,.55) 0%,rgba(248,89,7,.25) 32%,rgba(248,89,7,.05) 50%,transparent 55%);box-shadow:0 0 40px #f859071f}.bg-orb:nth-child(5){width:350px;height:350px;top:55%;right:4%;opacity:.65;animation-delay:-10s;animation-duration:28s;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.4) 0%,transparent 18%),radial-gradient(ellipse at 55% 50%,rgba(180,140,255,.55) 0%,rgba(140,100,220,.24) 34%,rgba(140,100,220,.04) 50%,transparent 55%);box-shadow:0 0 30px #b48cff1f}.bg-orb:nth-child(6){width:280px;height:280px;top:28%;left:42%;opacity:.55;animation-delay:-17s;animation-duration:24s;background:radial-gradient(circle at 40% 38%,rgba(255,255,255,.4) 0%,transparent 16%),radial-gradient(circle,rgba(92,207,255,.5) 0%,rgba(92,207,255,.2) 34%,transparent 52%)}@keyframes orbFloat{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-40px) scale(1.05)}50%{transform:translate(-20px,30px) scale(.95)}75%{transform:translate(40px,20px) scale(1.03)}}.bg-decor:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(180,185,195,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(180,185,195,.04) 1px,transparent 1px);background-size:60px 60px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#a0a5af4d;border-radius:3px}header{position:fixed;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,#ffffff38,#ffffff1a);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid rgba(255,255,255,.3);transition:box-shadow .3s,border-color .3s}header.scrolled{border-bottom-color:#c8cdd766;box-shadow:0 4px 24px #1432500f}.hdr-in{max-width:1080px;margin:0 auto;padding:0 24px;display:flex;align-items:center;height:56px;gap:16px}.hdr-logo{font-size:15px;font-weight:800;white-space:nowrap;flex-shrink:0;color:var(--primary);letter-spacing:-.02em}.hdr-logo:hover{color:var(--primary-light)}.hdr-ver{font-size:9px;font-weight:500;color:var(--text-muted);margin-left:6px;vertical-align:super;letter-spacing:.02em}.hdr-nav{display:flex;gap:2px;list-style:none;margin-left:auto}.hdr-nav a{padding:7px 14px;border-radius:var(--radius-s);font-size:13px;font-weight:600;color:var(--text-sub);transition:all .2s;border:1px solid transparent}.hdr-nav a:hover{color:var(--text);background:#fff3;border-color:#ffffff4d}.hdr-nav a.active{color:var(--primary);background:var(--primary-dim);border-color:#f859072e}.hamburger{display:none;flex-direction:column;gap:5px;padding:8px;cursor:pointer;background:none;border:none;margin-left:auto}.hamburger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:all .3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;position:fixed;top:56px;left:0;right:0;background:linear-gradient(180deg,#ffffff40,#ffffff1f);backdrop-filter:blur(14px) saturate(1.3);-webkit-backdrop-filter:blur(14px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.3);padding:12px 24px 16px;transform:translateY(-10px);opacity:0;transition:transform .3s ease,opacity .3s ease;box-shadow:0 8px 24px #1432500f}.mobile-menu.show{display:block;transform:translateY(0);opacity:1}.mobile-menu a{display:block;padding:10px 12px;font-size:14px;font-weight:600;color:var(--text-sub);border-radius:var(--radius-s);transition:all .2s}.mobile-menu a:hover,.mobile-menu a.active{color:var(--primary);background:var(--primary-dim)}.nb{font-size:15.5px;line-height:1.8;color:var(--text)}.nb>*+*{margin-top:2px}.nb-h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;margin:1.4em 0 .3em;line-height:1.2;letter-spacing:-.03em;color:var(--text)}.nb-h2{font-size:clamp(1.3rem,2.6vw,1.7rem);font-weight:700;margin:1.2em 0 .25em;line-height:1.3;color:var(--text)}.nb-h3{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:600;margin:1em 0 .2em;line-height:1.4;color:var(--text)}.nb-p{margin:.3em 0;min-height:1em}.nb-p:empty:before{content:" "}.nb-ul,.nb-ol{margin:.3em 0 .3em 1.5em}.nb-li{margin:2px 0}.nb-hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--glass-line),transparent);margin:1.5em 0}.nb-quote{border-left:3px solid var(--primary);padding:4px 0 4px 16px;margin:.5em 0;color:var(--text-sub)}.nb-callout{display:flex;gap:10px;padding:14px 16px 14px 14px;margin:.5em 0;border-radius:var(--radius-s);border:1px solid rgba(255,255,255,.25);background:linear-gradient(135deg,#ffffff24,#ffffff0a);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}.nb-callout-icon{font-size:1.2em;flex-shrink:0;width:24px;text-align:center}.nb-callout-body{flex:1;min-width:0}.nb-callout.gray,.nb-callout.default{background:linear-gradient(135deg,#ffffff2e,#ffffff0f)}.nb-callout.blue{background:#5ccfff1a;border-color:#5ccfff40}.nb-callout.green{background:#48c88c1a;border-color:#48c88c40}.nb-callout.yellow{background:#e6b43c1a;border-color:#e6b43c40}.nb-callout.orange{background:#f8590714;border-color:#f859072e}.nb-callout.red{background:#dc464614;border-color:#dc464633}.nb-callout.pink{background:#f05aa014;border-color:#f05aa033}.nb-callout.purple{background:#8c64dc1a;border-color:#8c64dc38}.nb-callout.brown{background:#aa785014;border-color:#aa78502e}.nb-table-wrap{overflow-x:auto;margin:.5em 0;border:1px solid var(--glass-line);border-radius:var(--radius-s)}.nb-table{width:100%;border-collapse:collapse;font-size:14px}.nb-table th,.nb-table td{padding:8px 14px;border-bottom:1px solid var(--glass-line);text-align:left;vertical-align:top}.nb-table th{font-weight:600;color:var(--text-sub);background:#ffffff80}.nb-table tr:last-child td{border-bottom:none}.nb-code{background:#f0f6ffcc;padding:14px 16px;border-radius:var(--radius-s);font-size:13px;font-family:SF Mono,Fira Code,monospace;overflow-x:auto;margin:.5em 0;line-height:1.6;white-space:pre-wrap;border:1px solid var(--glass-line)}.nb-img{max-width:100%;border-radius:var(--radius-s);margin:.75em 0}.nb-toggle{margin:.3em 0}.nb-toggle>summary{cursor:pointer;padding:4px 0;font-weight:600;outline:none;list-style:none;color:var(--text)}.nb-toggle>summary::-webkit-details-marker{display:none}.nb-toggle>summary:before{content:"▶";display:inline-block;font-size:.55em;margin-right:8px;transition:transform .2s;vertical-align:middle;color:var(--text-muted)}.nb-toggle[open]>summary:before{transform:rotate(90deg)}.nb-toggle-body{padding:4px 0 4px 22px}.nb-columns{display:flex;gap:24px;margin:.5em 0}.nb-column{flex:1;min-width:0}.nb-bold{font-weight:700}.nb-italic{font-style:italic}.nb-strike{text-decoration:line-through}.nb-underline{text-decoration:underline}.nb-code-inline{background:#f0f6ffe6;border:1px solid var(--glass-line);padding:1px 5px;border-radius:4px;font-family:SF Mono,Fira Code,monospace;font-size:.88em;color:var(--indigo)}.nb-red{color:#e54d4d}.nb-blue{color:#3d8bfd}.nb-green{color:#2ea866}.nb-orange{color:#e87825}.nb-purple{color:#8b5cf6}.nb-yellow{color:#c49b20}.nb-pink{color:#e45da0}.nb-brown{color:#9c7551}.nb-gray{color:#8ba4c0}.nb-bg-red{background:#e54d4d1a;padding:0 3px;border-radius:3px}.nb-bg-blue{background:#3d8bfd1a;padding:0 3px;border-radius:3px}.nb-bg-green{background:#2ea8661a;padding:0 3px;border-radius:3px}.nb-bg-orange{background:#f8590714;padding:0 3px;border-radius:3px}.nb-bg-yellow{background:#c49b201a;padding:0 3px;border-radius:3px}.nb-bg-pink{background:#e45da01a;padding:0 3px;border-radius:3px}.nb-bg-purple{background:#8b5cf61a;padding:0 3px;border-radius:3px}.nb-bg-brown{background:#9c75511a;padding:0 3px;border-radius:3px}.nb-bg-gray{background:#8dbaee1a;padding:0 3px;border-radius:3px}.nb-page-link{display:flex;align-items:center;gap:8px;padding:6px 0;color:var(--text);font-weight:600;transition:color .2s}.nb-page-link:hover{color:var(--primary)}.nb-page-link:before{content:"📄";font-size:.9em}.nb-db{margin:1em 0;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);overflow:hidden;background:linear-gradient(145deg,#ffffff2e,#ffffff0f);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);transition:border-color .2s,box-shadow .2s}.nb-db:hover{border-color:#c8cdd773;box-shadow:var(--shadow-hover)}.nb-db-header{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.25)}.nb-db-title{font-size:14px;font-weight:700}.nb-db-title a{color:var(--text);transition:color .2s}.nb-db-title a:hover{color:var(--primary)}.nb-db-count{font-size:12px;color:var(--text-muted)}.nb-db-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;padding:14px 18px}.nb-db-card{padding:0;border-radius:var(--radius);cursor:pointer;overflow:hidden;background:linear-gradient(140deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.3);transition:all .25s ease;backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2)}.nb-db-card:hover{border-color:#ffffff80;background:linear-gradient(140deg,#ffffff4d,#ffffff1f);box-shadow:0 12px 32px #1432501a;transform:translateY(-3px)}.nb-db-card-icon{width:100%;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:800;color:#fff;position:relative}.nb-db-card-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.nb-db-card-body{padding:10px 14px}.nb-db-card-name{font-size:14px;font-weight:700;color:var(--text);margin-bottom:4px}.nb-db-card-tags{display:flex;flex-wrap:wrap;gap:3px}.nb-db-tag{display:inline-block;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;margin:1px 0;white-space:nowrap}.nb-db-tag.select{background:var(--primary-dim);color:var(--primary)}.nb-db-tag.multi{background:#7f8fff1f;color:var(--indigo)}.nb-db-tag.rel{background:#5ccfff1f;color:#1a8cc0}.nb-db-rel{display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#5ccfff1f;color:#1a8cc0;cursor:pointer;transition:all .2s;white-space:nowrap;text-decoration:none}.nb-db-rel:hover{background:#5ccfff38;color:#0e7aab}.nb-db-link{color:var(--primary);font-size:12px}.nb-db-check{color:var(--primary)}.nb-db-loading,.nb-db-empty{padding:32px;text-align:center;color:var(--text-muted);font-size:13px}.nb-db-list,.db-list{display:flex;flex-direction:column;gap:2px}.nb-db-list-item,.db-list-item{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;border-radius:var(--radius-s);cursor:pointer;background:linear-gradient(135deg,#ffffff24,#ffffff0a);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px) saturate(1.2);-webkit-backdrop-filter:blur(8px) saturate(1.2);transition:all .2s}.nb-db-list-item:hover,.db-list-item:hover{background:linear-gradient(135deg,#ffffff40,#ffffff1a);border-color:#f8590733;box-shadow:0 4px 16px #1432500f}.nb-db-list-name,.db-list-name{font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:1;min-width:0}.nb-db-list-tags,.db-list-tags{display:flex;gap:4px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;max-width:65%}.db-view{padding-top:76px}.db-view h1{font-size:clamp(1.5rem,3vw,2rem);font-weight:800;margin-bottom:4px;color:var(--text)}.db-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;margin-top:14px}.db-card{padding:0;cursor:pointer;transition:all .25s ease;overflow:hidden;background:linear-gradient(140deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.3);border-radius:var(--radius);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}.db-card:hover{border-color:#ffffff80;background:linear-gradient(140deg,#ffffff4d,#ffffff1f);box-shadow:var(--shadow-hover);transform:translateY(-3px)}.db-card-icon{width:100%;aspect-ratio:1;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:800;color:#fff;position:relative}.db-card-icon img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.db-card-body{padding:12px 16px}.db-card-name{font-size:15px;font-weight:700;margin-bottom:4px;color:var(--text)}.db-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.count-badge{font-size:13px;color:var(--text-muted);margin:10px 0}.nb-db-filter-bar{padding:0 18px;border-bottom:1px solid var(--glass-line)}.nb-db-filter-row{display:flex;align-items:center;gap:8px;padding:8px 0}.nb-db-filter-toggle{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;font-size:12px;font-weight:600;color:var(--text-sub);cursor:pointer;border-radius:var(--radius-s);transition:all .2s;user-select:none;border:1px solid transparent}.nb-db-filter-toggle:hover{color:var(--text);background:#ffffff26;border-color:var(--glass-line)}.nb-db-filter-toggle.open{color:var(--primary);background:var(--primary-dim);border-color:#f859072e}.nb-db-filter-toggle svg{width:12px;height:12px}.nb-db-filter-reset{padding:4px 10px;border-radius:var(--radius-s);font-size:11px;font-weight:600;background:none;border:1px solid var(--glass-line);color:var(--text-muted);cursor:pointer;transition:all .2s}.nb-db-filter-reset:hover{color:var(--primary);border-color:#f8590733;background:var(--primary-dim)}.nb-db-filter-body{display:none;padding:8px 0 12px}.nb-db-filter-body.show{display:block}.nb-db-filter-active{display:flex;flex-wrap:wrap;gap:4px;padding:0 0 8px}.nb-db-filter-active:empty{display:none;padding:0}.filter-bar{margin-bottom:16px}.filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.filter-toggle{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;color:var(--text-sub);cursor:pointer;border-radius:var(--radius-s);transition:all .2s;user-select:none;border:1px solid transparent}.filter-toggle:hover{color:var(--text);background:#ffffff40;border-color:var(--glass-line)}.filter-toggle.open{color:var(--primary);background:var(--primary-dim);border-color:#f859072e}.filter-toggle svg{width:14px;height:14px}.filter-reset{padding:6px 12px;border-radius:var(--radius-s);font-size:12px;font-weight:600;background:none;border:1px solid var(--glass-line);color:var(--text-muted);cursor:pointer;transition:all .2s}.filter-reset:hover{color:var(--primary);border-color:#f8590733;background:var(--primary-dim)}.filter-body{display:none;padding:12px 0}.filter-body.show{display:block}.filter-search{width:100%;padding:8px 14px;border:1px solid var(--glass-line);border-radius:var(--radius-s);font-size:13px;background:#fff3;color:var(--text);outline:none;font-family:var(--font);margin-bottom:8px;transition:border-color .2s,box-shadow .2s}.filter-search:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.filter-section{border-bottom:1px solid rgba(141,186,238,.15);padding:4px 0}.filter-section:last-child{border-bottom:none}.filter-label{display:flex;align-items:center;justify-content:space-between;padding:7px 0;font-size:13px;font-weight:600;color:var(--text-sub);cursor:pointer;user-select:none}.filter-label .arrow{font-size:9px;transition:transform .2s;color:var(--text-muted)}.filter-label.open .arrow{transform:rotate(90deg)}.filter-content{display:none;padding:4px 0 8px}.filter-content.show{display:block}.filter-chips{display:flex;flex-wrap:wrap;gap:5px}.chip{padding:4px 12px;border-radius:999px;font-size:12px;font-weight:600;background:#fff3;border:1px solid var(--glass-line);color:var(--text-sub);cursor:pointer;transition:all .2s;user-select:none}.chip:hover{border-color:#f8590740;color:var(--primary)}.chip.on{background:var(--primary-dim);border-color:#f8590740;color:var(--primary)}.filter-range{display:flex;align-items:center;gap:6px}.filter-range input{width:80px;padding:6px 10px;border:1px solid var(--glass-line);border-radius:var(--radius-s);font-size:13px;background:#fff3;color:var(--text);outline:none;font-family:var(--font)}.filter-range input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.filter-range span{color:var(--text-muted);font-size:12px}.filter-input,.filter-select{width:100%;padding:7px 12px;border:1px solid var(--glass-line);border-radius:var(--radius-s);font-size:13px;background:#fff3;color:var(--text);outline:none;font-family:var(--font)}.filter-input:focus,.filter-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.filter-select option{background:#fff;color:var(--text)}.filter-active{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.filter-active:empty{display:none}.active-chip{padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;background:var(--primary-dim);color:var(--primary);cursor:pointer;display:flex;align-items:center;gap:4px;border:1px solid rgba(248,89,7,.18);transition:all .2s}.active-chip:hover{background:#f859072e}.active-chip .x{font-size:13px;line-height:1}.url-toggle{display:flex;gap:0;border:1px solid var(--glass-line);border-radius:999px;overflow:hidden}.url-toggle-opt{padding:4px 14px;font-size:12px;font-weight:600;color:var(--text-sub);cursor:pointer;transition:all .2s;background:#ffffff26}.url-toggle-opt:hover{color:var(--text)}.url-toggle-opt.on{background:var(--primary-dim);color:var(--primary)}.detail-wrap{padding-top:76px}.detail-back{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);margin-bottom:20px;cursor:pointer;transition:color .2s;font-weight:500;background:none;border:none;padding:0;font-family:inherit}.detail-back:hover{color:var(--primary)}.detail-header{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding:24px;border-radius:var(--radius);background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.35);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);box-shadow:var(--shadow),inset 0 1px #ffffff61}.detail-avatar{width:120px;height:120px;border-radius:16px;object-fit:cover;object-position:center;border:3px solid rgba(255,255,255,.35);flex-shrink:0}.detail-avatar-ph{width:120px;height:120px;border-radius:16px;flex-shrink:0;background:linear-gradient(135deg,var(--primary),var(--primary-light));display:grid;place-items:center;font-size:40px;font-weight:800;color:#fff}.detail-info{flex:1;min-width:0}.detail-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--text);line-height:1.2;margin-bottom:6px}.detail-tags{display:flex;flex-wrap:wrap;gap:5px}.detail-links{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.detail-links a{font-size:13px;font-weight:600;padding:8px 18px;border-radius:var(--radius-s);background:linear-gradient(135deg,#ffffff38,#ffffff14);border:1px solid rgba(255,255,255,.3);color:var(--text-sub);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:all .2s;display:inline-flex;align-items:center;gap:6px}.detail-links a:hover{border-color:#f859074d;color:var(--primary);box-shadow:0 4px 12px #f859071a}.detail-props{display:grid;grid-template-columns:140px 1fr;gap:6px 20px;font-size:14px;padding:20px 24px;border-radius:var(--radius);background:linear-gradient(145deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3);margin-bottom:24px}.detail-props dt{font-weight:600;color:var(--text-muted)}.detail-props dd{color:var(--text)}.detail-blocks{padding:20px 24px;border-radius:var(--radius);background:linear-gradient(145deg,#ffffff2e,#ffffff0f);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}footer{position:relative;z-index:1;margin-top:auto;border-top:1px solid rgba(255,255,255,.3);background:linear-gradient(0deg,#ffffff2e,#ffffff14);backdrop-filter:blur(12px) saturate(1.3);-webkit-backdrop-filter:blur(12px) saturate(1.3)}.ft-in{max-width:1080px;margin:0 auto;padding:22px 24px}.ft-nav{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.ft-nav a{color:var(--text-sub);font-size:12px;font-weight:600;transition:color .2s}.ft-nav a:hover{color:var(--primary)}.ft-text{text-align:center;font-size:12px;color:var(--text-muted)}.ft-text p{margin:2px 0}@media(max-width:768px){.hdr-nav{display:none}.hamburger{display:flex}.nb-columns{flex-direction:column;gap:8px}.db-card-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}.nb-db-cards{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.detail-header{flex-direction:column;align-items:center;gap:16px;text-align:center}.detail-tags{justify-content:center}.detail-props{grid-template-columns:110px 1fr}.filter-range input{width:60px}}@media(max-width:600px){.nb-db-list-item,.db-list-item{flex-direction:column;align-items:flex-start;gap:6px}.nb-db-list-tags,.db-list-tags{max-width:100%;justify-content:flex-start}}@media(max-width:480px){.db-card-grid,.nb-db-cards{grid-template-columns:1fr 1fr}.hdr-in{padding:0 16px}.page-wrap{padding:70px 16px 40px}}