@import"https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap";body.home-dark{background:#070c16;color:#dbe3ee}body.home-dark .navbar:not(.scrolled){background:#ffffff1f;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.15)}body.home-dark .navbar:not(.scrolled) .nav-link{color:#ffffffe6}body.home-dark .navbar:not(.scrolled) .nav-link:hover{color:#fff;background:#ffffff26}body.home-dark .navbar:not(.scrolled) .logo span{background:linear-gradient(135deg,#e2e8f0,#a5b4fc);background-clip:text;-webkit-background-clip:text}.home-main{position:relative;background:linear-gradient(180deg,#070c16,#0a1220 52%,#0b1526)}.home-main:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.4;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}.hero{min-height:86vh;display:grid;align-items:center;position:relative;padding:7.2rem 0 3.5rem;z-index:1}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,#070c16f2 10%,#070c16a6,#070c16f2 90%),url(https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=2000&q=80) center/cover no-repeat;filter:saturate(.5) contrast(1.1) brightness(.9)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr .8fr;gap:1.2rem;align-items:stretch}.hero-panel{border:1px solid rgba(255,255,255,.08);background:#0f172a66;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-radius:16px;box-shadow:0 4px 24px -1px #0006;padding:2.2rem}.hero-panel-main{border-color:#ffffff0d;background:#0f172a33}.eyebrow{font-family:JetBrains Mono,monospace;letter-spacing:.08em;text-transform:uppercase;font-size:.75rem;color:#ffffff80;margin-bottom:.8rem}.hero-title{font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.1;margin-bottom:1rem;color:#fff;letter-spacing:-.03em;font-weight:800;background:linear-gradient(180deg,#fff,#cbd5e1);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle{font-size:.96rem;color:#b8c7d9;max-width:640px;margin-bottom:1.15rem}.hero-meta{font-family:JetBrains Mono,monospace;font-size:.85rem;color:#f8fafcb3;margin-bottom:1.5rem;opacity:.95;letter-spacing:-.01em}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:.5rem}.cta-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.4rem;border-radius:999px;font-weight:500;font-size:.9rem;border:1px solid rgba(255,255,255,.12);transition:all .3s ease}.cta-btn.primary{background:#ffffff1a;color:#fff}.cta-btn.secondary{background:#ffffff08;color:#f8fafc}.cta-btn:hover{transform:translateY(-2px);background:#ffffff1a;border-color:#fff3;box-shadow:0 8px 16px -4px #0000004d}.hero-avatar{width:104px;height:104px;border-radius:50%;border:2px solid rgba(255,255,255,.1);overflow:hidden;background:#0f172a66;margin-bottom:1.2rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0003;padding:4px}.hero-avatar img{width:100%;height:100%;object-fit:cover;border-radius:50%}.hero-avatar i{font-size:2.2rem;color:#ffffff80}.hero-card-title{font-family:Plus Jakarta Sans,sans-serif;font-weight:700;color:#fff;font-size:1.25rem;margin-bottom:1.2rem;letter-spacing:-.01em}.hero-card-desc{color:#f8fafc99;font-size:.9rem;margin-bottom:1rem}.hero-audio{border-radius:12px;border:1px solid rgba(255,255,255,.08);background:#0f172a4d;padding:.8rem;box-shadow:inset 0 2px 4px #0000001a}.hero-audio-label{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#fff9;margin-bottom:.6rem;font-weight:500}.hero-audio audio{width:100%;height:34px}.curation-section{padding:3.4rem 0 2.4rem;position:relative;z-index:1}.section-lead{text-align:center;margin-bottom:1.8rem}.section-lead h2{font-family:JetBrains Mono,monospace;font-size:clamp(1.2rem,3vw,1.8rem);color:#fff;margin-bottom:.4rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700}.section-lead p{color:#f8fafc99;max-width:680px;margin:0 auto;font-size:.95rem}.lux-divider{position:relative;z-index:1;width:min(1060px,calc(100% - 4rem));margin:0 auto;height:1px;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.15) 50%,transparent 100%)}.feature-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:.9rem}.feature-left,.feature-right{display:grid;gap:.9rem}.feature-left{grid-template-rows:1fr 1fr}.feature-right{grid-template-rows:repeat(3,1fr)}.feature-card{position:relative;overflow:hidden;border-radius:16px;border:1px solid rgba(255,255,255,.08);min-height:188px;display:block}.feature-card img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1);filter:saturate(.8) contrast(1.05)}.feature-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0f172a1a,#0f172ae6);transition:opacity .4s ease}.feature-card:hover img{transform:scale(1.05)}.feature-card:hover:after{opacity:.85}.feature-content{position:absolute;left:.85rem;right:.85rem;bottom:.8rem;z-index:2;color:#f8fafc}.feature-content h3{font-family:JetBrains Mono,monospace;font-size:.96rem;margin-bottom:.16rem}.feature-content p{font-size:.8rem;color:#c7d4e5}.nav-section{padding:2rem 0 4.4rem;position:relative;z-index:1}.nav-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(188px,1fr));gap:.85rem;margin-top:1.7rem}.nav-card{background:#0f172a66;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:16px;padding:1.2rem 1.1rem;border:1px solid rgba(255,255,255,.05);transition:all .3s cubic-bezier(.16,1,.3,1);display:block}.nav-card:hover{transform:translateY(-4px);border-color:#ffffff26;background:#0f172a99;box-shadow:0 12px 30px -8px #00000080}.nav-card i{font-size:1.25rem;color:#ffffffb3;margin-bottom:.6rem;transition:color .3s ease}.nav-card:hover i{color:#fff}.nav-card h3{font-family:JetBrains Mono,monospace;font-size:.9rem;color:#f1f5f9;margin-bottom:.18rem}.nav-card span{font-size:.78rem;color:#9fb2c9}@media(max-width:768px){.hero{padding-top:6.1rem;min-height:auto}.hero-grid,.feature-grid{grid-template-columns:1fr}.hero-panel{padding:1.2rem}.feature-left,.feature-right{grid-template-rows:unset;grid-template-columns:1fr}.feature-card{min-height:200px}.nav-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.knowledge-map{position:relative;margin-top:1.35rem;padding:3rem 1.5rem;border-radius:22px;border:1px solid #e2e8f0;background:linear-gradient(180deg,#f8fafc,#f1f5f9);box-shadow:0 20px 36px -8px #0f172a0d;overflow-x:auto;overflow-y:hidden}.knowledge-map:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(#cbd5e1 1px,transparent 1px);background-size:24px 24px;opacity:.8;pointer-events:none}.km-svg{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;pointer-events:none}.km-svg path{fill:none;stroke:#94a3b8;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:kmPathIn .6s ease both}.km-svg path.strong{stroke:#64748b;stroke-width:2.5}.km-svg path.strong-dashed{stroke:#64748b;stroke-dasharray:6 6!important;stroke-width:2.5}.km-svg path.soft{stroke:#cbd5e1;stroke-dasharray:6 6;stroke-width:1.5}@keyframes kmPathIn{0%{opacity:0;stroke-dashoffset:1000;stroke-dasharray:1000}to{opacity:1;stroke-dashoffset:0}}.km-board{position:relative;z-index:2;display:grid;grid-template-columns:repeat(14,minmax(0,1fr));gap:1.5rem .5rem;align-items:center;min-height:800px;min-width:1000px}.km-node{display:flex;align-items:center;justify-content:center;min-height:56px;padding:.6rem 1rem;border-radius:14px;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid #e2e8f0;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;color:#334155;font-size:.94rem;font-weight:600;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.km-node:hover{transform:translateY(-3px);box-shadow:0 10px 15px -3px #00000014;border-color:#cbd5e1;z-index:10}.km-node-408{background:linear-gradient(135deg,#eff6ff,#e0f2fe);color:#0369a1!important;border:1px solid #bae6fd;box-shadow:0 4px 10px -2px #0ea5e926}.km-node-408:hover{box-shadow:0 12px 20px -4px #0ea5e940;border-color:#7dd3fc}.km-badge{background:#bae6fd;color:#0284c7;padding:.15rem .4rem;border-radius:6px;font-size:.7rem;margin-left:.5rem;font-weight:700}.km-n-math{grid-column:5 / 7;grid-row:1}.km-n-linear{grid-column:9 / 11;grid-row:1}.km-n-physics{grid-column:2 / 4;grid-row:2}.km-n-discrete{grid-column:6 / 8;grid-row:2}.km-n-circuit{grid-column:11 / 13;grid-row:2}.km-n-program{grid-column:3 / 5;grid-row:3}.km-n-ai{grid-column:7 / 9;grid-row:4}.km-n-crypto{grid-column:8 / 10;grid-row:3}.km-n-assembly{grid-column:12 / 14;grid-row:3}.km-n-ds{grid-column:4 / 6;grid-row:4}.km-n-logic{grid-column:10 / 12;grid-row:4}.km-n-db{grid-column:2 / 4;grid-row:5}.km-n-co{grid-column:11 / 13;grid-row:5}.km-n-os{grid-column:7 / 9;grid-row:6}.km-n-net{grid-column:11 / 13;grid-row:6}@media(max-width:1024px){.km-svg{display:none}.km-board{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto;min-height:auto;min-width:auto;gap:12px}.km-n-math,.km-n-linear,.km-n-physics,.km-n-discrete,.km-n-circuit,.km-n-program,.km-n-ai,.km-n-crypto,.km-n-assembly,.km-n-ds,.km-n-logic,.km-n-db,.km-n-co,.km-n-os,.km-n-net{grid-column:auto;grid-row:auto}.km-node{border-radius:16px}.knowledge-map{padding:24px 16px}}.markdown-wrap{background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:16px;box-shadow:0 12px 32px #0f172a14;padding:1.4rem;max-width:1120px;margin:0 auto;overflow:hidden}.markdown-content{line-height:1.85;word-break:break-word;color:#172554;font-size:16px}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{margin-top:1.55rem;margin-bottom:.6rem;color:#0f172a}.markdown-content h1{font-size:2rem;border-bottom:2px solid #dbeafe;padding-bottom:.45rem}.markdown-content h2{font-size:1.45rem;border-left:4px solid #2563eb;padding-left:.55rem}.markdown-content h3{font-size:1.2rem}.markdown-content p,.markdown-content li{margin:.45rem 0}.markdown-content ul,.markdown-content ol{padding-left:1.2rem}.markdown-content pre{overflow-x:auto;background:#0b1020;color:#e9eefc;border-radius:10px;padding:.9rem}.markdown-content pre code{background:transparent;color:inherit;padding:0}.markdown-content code{font-family:Consolas,Courier New,monospace;background:#eef3fa;padding:.15rem .35rem;border-radius:4px;font-size:.85rem;color:#1e3a5f}.markdown-content table{width:100%;border-collapse:collapse;margin:.8rem 0;display:block;overflow-x:auto}.markdown-content th,.markdown-content td{border:1px solid rgba(0,0,0,.12);padding:.5rem .6rem;text-align:left;white-space:normal}.markdown-content th{background:#eff6ff}.markdown-content hr{border:none;border-top:1px solid #e2e8f0;margin:1.5rem 0}.download-list{margin-top:1.25rem;display:grid;gap:1rem}.download-item{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:12px;box-shadow:0 8px 24px #0f172a0f;transition:transform .2s ease,box-shadow .2s ease;color:inherit}.download-item:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0f172a1f}.download-item i{font-size:1.75rem;color:#2563eb;width:2rem;text-align:center}.download-meta{min-width:0;flex:1}.download-name{font-size:1rem;font-weight:700;color:#0f172a;word-break:break-all}.download-size{margin-top:.25rem;font-size:.92rem;color:#475569}.download-usage{margin-top:.2rem;font-size:.9rem;color:#334155}.download-note{margin-top:1rem;padding:.9rem 1rem;border-left:3px solid #f59e0b;border-radius:8px;background:#fffbeb;color:#78350f;font-size:.92rem;line-height:1.6}@media(max-width:640px){.download-item{padding:.9rem 1rem;gap:.75rem}.download-name{font-size:.95rem}.download-size{font-size:.85rem}.download-usage{font-size:.83rem}}.tech-article{background:#fff;border:1px solid #e5edf5;border-radius:14px;box-shadow:0 12px 30px -18px #0f172a40;padding:2rem;color:#2d3a46;line-height:1.78}.zone-title{margin-top:2rem;margin-bottom:.8rem;padding-bottom:.5rem;border-bottom:2px solid #dce6f2;font-size:1.42rem;color:#0f2740}.zone-title:first-child{margin-top:0}.topic-title{margin-top:1.15rem;margin-bottom:.5rem;font-size:1.12rem;color:#1f3a55}.muted{color:#5e6c7a;font-size:.95rem}.platforms-dock{display:flex;gap:.65rem;margin:.85rem 0;flex-wrap:wrap}.dock-item{display:flex;align-items:center;gap:.4rem;padding:.45rem .85rem;background:#f8f9fa;border:1px solid #e9ecef;border-radius:50px;font-size:.92rem;font-weight:500;color:#495057;box-shadow:0 2px 4px #00000005}.dock-item i{font-size:1.1rem}.summary-grid{display:grid;grid-template-columns:repeat(2,minmax(260px,1fr));gap:.85rem;margin-top:.55rem}.summary-card{border:1px solid #d9e6f3;border-radius:12px;background:#fbfdff;padding:.85rem .9rem}.summary-card h4{margin:0 0 .45rem;color:#254769;font-size:1rem}.summary-card ul{margin:.2rem 0 .2rem 1.15rem;padding:0}.summary-card li{margin:.12rem 0}.arch-map{margin-top:.85rem;padding:1.5rem 1.2rem 2rem;border-radius:18px;border:1px solid #e2e8f0;background:#fff;box-shadow:0 14px 28px -18px #0f172a1f;position:relative}.arch-board{display:flex;flex-direction:column;gap:1.8rem;position:relative;z-index:2}.arch-section{display:flex;flex-direction:column;gap:.8rem}.arch-section-title{font-size:.85rem;font-weight:600;color:#64748b;text-transform:uppercase;letter-spacing:.08em;padding-bottom:.5rem;border-bottom:1px solid #e5e7eb}.arch-flow{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.arch-arrow{color:#9ca3af;font-size:1rem;flex-shrink:0}.arch-node{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.5rem .9rem;border-radius:8px;border:1.5px solid #d1d5db;background:#fff;text-decoration:none;transition:transform .2s,box-shadow .2s;min-width:80px;text-align:center}.arch-node:hover{transform:translateY(-2px);box-shadow:0 4px 12px -6px #0f172a1f}.arch-node .node-title{font-size:.85rem;font-weight:600;color:#374151}.arch-node .node-desc{font-size:.7rem;color:#6b7280;margin-top:.1rem}.node-hub{background:#f3f4f6;border-color:#9ca3af}.node-server,.node-im,.node-local{background:#f9fafb}.node-adapter{border-style:dashed;border-color:#9ca3af}.node-adapter .node-desc{font-size:.65rem}.arch-platforms{display:flex;justify-content:center;gap:.8rem;padding-top:.5rem;margin-top:.5rem}.arch-platforms .arch-node{min-width:75px;padding:.4rem .7rem}.arch-platforms-label{font-size:.8rem;color:#9ca3af;font-weight:500;display:flex;align-items:center;gap:.3rem}#arch-conn{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1}#arch-conn line{stroke:#b0b8c4;stroke-width:1.5;stroke-dasharray:6 3}.map-note{margin-top:.5rem;color:#64748b;font-size:.88rem}.table-wrap{margin-top:.8rem;border:1px solid #dce6f1;border-radius:10px;overflow-x:auto;background:#fff}.arch-table{width:100%;min-width:680px;border-collapse:collapse;font-size:.94rem}.arch-table th,.arch-table td{border-bottom:1px solid #e7eef6;padding:.66rem .7rem;text-align:left;vertical-align:top}.arch-table th{background:#f3f8fe;color:#224565;font-weight:600}.arch-table a{color:#2563eb;text-decoration:none}.arch-table a:hover{text-decoration:underline}.port-section{margin-top:.85rem;display:flex;flex-direction:column;gap:.65rem}.port-row{display:flex;gap:.65rem;align-items:stretch}.port-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:.55rem;flex:1}.port-card{border:1px solid #e2e8f0;border-radius:10px;padding:.55rem .75rem;background:#f8fafc}.port-card-llbot{flex:0 0 200px;display:flex;flex-direction:column;justify-content:center}.port-label{font-size:.78rem;color:#64748b;margin-bottom:.2rem}.port-card code{font-family:Consolas,Courier New,monospace;font-size:.88rem;color:#1e40af;font-weight:600}.port-section .ip-check{margin-top:0}.ip-check{margin-top:.65rem;border:1px solid #e2e8f0;border-radius:10px;background:#f8fafc}.ip-check summary{list-style:none;cursor:pointer;padding:.58rem .72rem;color:#334155;font-weight:600;font-size:.9rem}.ip-check summary i{margin-right:.35rem;color:#6366f1}.ip-check summary::-webkit-details-marker{display:none}.issue-card{margin-top:.75rem;border:1px solid #dce7f1;border-radius:12px;background:#fcfdff;padding:.85rem .9rem}.issue-card h4{margin:0 0 .45rem;color:#23415f;font-size:1rem}.issue-card p{margin:.32rem 0}.issue-card strong{color:#1e4569}.cmd-inline{margin-top:.52rem;display:flex;flex-wrap:wrap;gap:.42rem}.cmd-chip{border:1px solid #cbddf0;border-radius:999px;background:#eef5fc;color:#234560;font-family:Consolas,Courier New,monospace;font-size:.82rem;padding:.24rem .56rem}.code-block{margin-top:.5rem;border-radius:10px;background:#1f252c;color:#d5deea;font-family:Consolas,Courier New,monospace;font-size:.87rem;line-height:1.5;padding:.85rem;overflow-x:auto;white-space:pre}.plugin-table{width:100%;border-collapse:collapse;margin-top:.65rem;font-size:.93rem;border:1px solid #dce7f1;border-radius:8px;overflow:hidden}.plugin-table th,.plugin-table td{border-bottom:1px solid #e7eef6;padding:.6rem .64rem;text-align:left;vertical-align:top}.plugin-table th{background:#f3f8fe;color:#254668;font-weight:600}.plugin-table code{background:#eef3fa;padding:.15rem .35rem;border-radius:4px;font-size:.85rem;color:#1e3a5f}details.qa{margin-top:.65rem;border:1px solid #dce7f1;border-radius:10px;background:#fcfdff}details.qa>summary{list-style:none;cursor:pointer;padding:.62rem .78rem;border-bottom:1px solid #e7eef6;color:#294867;font-weight:600;font-size:.95rem}details.qa>summary::-webkit-details-marker{display:none}.qa-body{padding:.75rem .8rem}.plugin-category{margin-top:1rem;border:1px solid #dce7f1;border-radius:12px;overflow:hidden}.plugin-category-header{background:linear-gradient(135deg,#f3f8fe,#edf4fc);padding:.65rem .9rem;font-weight:700;color:#1f3a55;font-size:1rem;border-bottom:1px solid #dce7f1;display:flex;align-items:center;gap:.5rem}.plugin-category-header i{font-size:1.1rem;color:#3b82f6}.tech-article code{background:#eef3fa;padding:.15rem .35rem;border-radius:4px;font-size:.85rem;color:#1e3a5f}@media(max-width:1024px){.summary-grid{grid-template-columns:1fr}.arch-flow{flex-direction:column;align-items:flex-start}.arch-arrow{transform:rotate(90deg)}.arch-platforms{flex-wrap:wrap}.port-row{flex-direction:column}.port-cards{grid-template-columns:repeat(2,1fr)}.port-card-llbot{flex:auto}}@media(max-width:640px){.tech-article{padding:1.1rem}.port-cards{grid-template-columns:1fr}}.doc-viewer-wrap{margin-top:1rem}.doc-viewer{width:100%;height:75vh;min-height:500px;border:1px solid #e2e8f0;border-radius:12px;background:#f8fafc}.doc-actions{display:flex;gap:.75rem;margin-top:1rem}.doc-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem 1.1rem;border-radius:10px;font-weight:600;font-size:.92rem;color:#fff;background:#2563eb;transition:background .2s,transform .2s;text-decoration:none}.doc-btn:hover{background:#1d4ed8;transform:translateY(-1px)}.doc-tip{margin-top:.75rem;color:#64748b;font-size:.88rem}.jotting-list{display:grid;grid-template-columns:1fr;gap:1.5rem}.jotting-item{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);padding:1.6rem 1.8rem;box-shadow:var(--shadow-sm);transition:var(--transition-normal);text-decoration:none;color:inherit}.jotting-item:hover{transform:translateY(-3px);border-color:var(--primary);box-shadow:var(--shadow-md)}.jotting-title{font-size:1.3rem;font-weight:600;color:var(--dark);margin-bottom:.4rem}.jotting-meta{font-size:.9rem;color:var(--gray);display:flex;align-items:center;gap:1rem}.jotting-meta i{margin-right:.3rem}.jotting-desc{font-size:.92rem;color:var(--gray);margin-top:.6rem;line-height:1.6}.article-back{display:inline-flex;align-items:center;gap:.4rem;color:var(--primary-color, #3b82f6);font-size:.92rem;margin-bottom:1.2rem;text-decoration:none}.article-back:hover{text-decoration:underline}.keyboard-shell{max-width:1180px;margin:0 auto;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);border:1px solid rgba(0,0,0,.05);padding:2rem}.keyboard-head{text-align:center;margin-bottom:1.2rem}.keyboard-head h2{font-size:2rem;margin-bottom:.5rem;color:var(--dark)}.keyboard-head p{color:var(--gray);font-size:.95rem}.controls{display:flex;justify-content:center;gap:.8rem;flex-wrap:wrap;margin-bottom:1rem}.ctrl-btn{border:1px solid rgba(0,0,0,.08);background:#fff;border-radius:var(--radius-sm);color:var(--dark);padding:.45rem .85rem;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.ctrl-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm)}.ctrl-btn.primary{border-color:#4f46e559;color:var(--primary)}.ctrl-btn.warning{border-color:#ef444459;color:#dc2626}.edit-tip{text-align:center;color:var(--gray);font-size:.82rem;margin-bottom:1.2rem}.keyboard-legend{display:flex;gap:.9rem;justify-content:center;flex-wrap:wrap;margin-bottom:1.6rem}.legend-chip{display:inline-flex;align-items:center;gap:.45rem;font-size:.82rem;border-radius:999px;padding:.3rem .8rem;background:var(--light);color:var(--gray);border:1px solid var(--gray-light)}.legend-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.legend-dot.general{background:var(--primary)}.keyboard{display:flex;flex-direction:column;gap:.9rem}.key-row{display:grid;gap:.75rem;grid-template-columns:repeat(10,minmax(70px,1fr))}.key-row.row-mid{grid-template-columns:.6fr repeat(10,minmax(70px,1fr)) .6fr}.key-row.row-bottom{grid-template-columns:1fr repeat(9,minmax(70px,1fr))}.key-row.row-arrows{grid-template-columns:repeat(10,minmax(70px,1fr));margin-top:.4rem}.spacer{pointer-events:none}.key{min-height:86px;border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);background:#fff;box-shadow:var(--shadow-sm);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:.65rem .5rem;-webkit-user-select:none;user-select:none;transition:var(--transition-fast);text-align:center}.key .k-label{font-size:1.45rem;font-weight:700;color:var(--dark);line-height:1}.key .k-note{font-size:.75rem;color:var(--gray);line-height:1.2}.key.linkable{cursor:pointer;text-decoration:none}.key.linkable:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.key.linkable:focus-visible{outline:3px solid rgba(79,70,229,.25);outline-offset:1px}.key .k-label{color:var(--primary)}.key.current-key{transform:translateY(-4px);border-color:var(--primary);box-shadow:var(--shadow-md)}.key.current-key.study-key{border-color:var(--primary)}.key.editing{border-style:dashed;border-color:#f59e0b;background:#f59e0b14}.tip-line{margin-top:1.5rem;text-align:center;color:var(--gray);font-size:.88rem}@media(max-width:1024px){.keyboard-shell{padding:1.2rem}.key-row,.key-row.row-mid,.key-row.row-bottom,.key-row.row-arrows{grid-template-columns:repeat(5,minmax(70px,1fr))}.spacer{display:none}.key{min-height:78px}}@media(max-width:768px){.keyboard-head h2{font-size:1.6rem}.key .k-label{font-size:1.2rem}.key .k-note{font-size:.7rem}}.type-board{display:none;text-align:center;padding:1.5rem;background:linear-gradient(135deg,#4f46e50d,#4f46e51f);border-radius:var(--radius-lg);margin-bottom:1.5rem;border:1px solid rgba(79,70,229,.2);box-shadow:inset 0 0 20px #4f46e50d}.type-word{font-size:2.8rem;font-family:Inter,monospace;font-weight:700;letter-spacing:4px;margin-bottom:.5rem}.tw-done{color:var(--primary);text-shadow:0 0 8px rgba(79,70,229,.3)}.tw-todo{color:#cbd5e1}.type-hint{font-size:1.2rem;color:var(--gray);margin-bottom:1.2rem;font-weight:500}.type-stats{display:flex;justify-content:center;gap:2rem;font-size:1.1rem;font-weight:600;color:var(--dark)}.type-stats span{background:#fff;padding:.4rem 1rem;border-radius:99px;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05)}.tw-score-val{color:#f59e0b}.tw-combo-val{color:#ef4444}.key.type-target{background:#4f46e51a!important;border-color:var(--primary)!important;transform:translateY(-4px);box-shadow:0 4px 15px #4f46e54d!important;animation:targetPulse .8s infinite alternate}.key.type-target .k-label{color:var(--primary)!important}.key.type-error{background:#fee2e2!important;border-color:#ef4444!important;animation:errorShake .3s ease-in-out}@keyframes targetPulse{0%{box-shadow:0 0 5px #4f46e533;border-color:#4f46e580!important}to{box-shadow:0 0 20px #4f46e599;border-color:var(--primary)!important}}@keyframes errorShake{0%,to{transform:translate(0)}20%{transform:translate(-5px) rotate(-2deg)}60%{transform:translate(5px) rotate(2deg)}}.play-type-btn{background:var(--primary);border-color:var(--primary);color:#fff}.play-type-btn:hover{background:#4338ca;color:#fff}.q-modal-overlay{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;z-index:9999;align-items:center;justify-content:center}.q-modal{background:#fff;padding:2rem;border-radius:var(--radius-lg);max-width:600px;width:90%;box-shadow:0 10px 25px #0003}.q-title{font-size:1.2rem;font-weight:600;margin-bottom:1.2rem;line-height:1.5;color:var(--dark)}.q-tag{background:var(--primary);color:#fff;padding:.15rem .5rem;border-radius:4px;font-size:.8rem;margin-right:.5rem;vertical-align:middle}.q-options{display:flex;flex-direction:column;gap:.8rem;margin-bottom:1.5rem}.q-option{display:flex;align-items:flex-start;padding:.8rem;border:1px solid rgba(0,0,0,.1);border-radius:var(--radius-md);cursor:pointer;transition:all .2s;line-height:1.4}.q-option:hover{background:#4f46e50d;border-color:var(--primary)}.q-option input{margin-top:.2rem;margin-right:.8rem;cursor:pointer}.q-btn{background:var(--primary);color:#fff;border:none;padding:.6rem 1.5rem;border-radius:var(--radius-sm);cursor:pointer;font-size:1rem;transition:background .2s}.q-btn:hover{background:#4338ca}.link-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem}.lk{display:flex;align-items:flex-start;gap:.85rem;background:#fff;border-radius:var(--radius-md);padding:1.1rem 1.3rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:var(--transition-normal);text-decoration:none}.lk:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.lk-icon{width:42px;height:42px;border-radius:var(--radius-sm);background:#4f46e514;display:flex;align-items:center;justify-content:center;flex-shrink:0}.lk-icon i{color:var(--primary);font-size:1.1rem}.lk-body{min-width:0}.lk-title{font-weight:600;font-size:.95rem;color:var(--dark);margin-bottom:.2rem}.lk-desc{font-size:.82rem;color:var(--gray);line-height:1.45}.lk-url{font-size:.78rem;color:var(--gray);opacity:.75;margin-top:.15rem;word-break:break-all}.qq-item{background:#fff;border-radius:var(--radius-md);padding:1rem 1.4rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);display:flex;align-items:center;gap:1rem}.qq-num{font-size:1.35rem;font-weight:700;color:var(--primary);letter-spacing:.03em}.qq-label{font-size:.9rem;color:var(--gray)}.back-btn{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-size:.9rem;font-weight:500;margin-bottom:1.5rem;transition:var(--transition-fast);text-decoration:none}.back-btn:hover{opacity:.75}.music-category{margin-bottom:2.5rem}.music-category:last-child{margin-bottom:0}.music-category-title{font-size:1.4rem;font-weight:600;margin-bottom:.65rem;color:var(--dark);display:flex;align-items:center;gap:.5rem}.music-category-title i{color:var(--primary)}.music-category-desc{color:var(--gray);font-size:.92rem;margin-bottom:1.2rem}.music-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;list-style:none;padding:0}.music-item{background:#ffffffd9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:1.25rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.8);transition:var(--transition-normal);position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:center;scroll-margin-top:100px}.music-item:hover{transform:translateY(-4px) scale(1.01);box-shadow:var(--shadow-md);border-color:#6366f133;background:#fff;z-index:10}.music-main{display:flex;align-items:center;gap:.8rem;position:relative;z-index:2;transition:transform .3s ease}.music-item:hover .music-main{transform:translateY(-4px)}.music-icon{width:40px;height:40px;border-radius:50%;background:#4f46e514;display:flex;align-items:center;justify-content:center;flex-shrink:0}.music-icon i{color:var(--primary);font-size:1.1rem}.music-info{min-width:0}.music-name{font-weight:600;color:var(--dark);font-size:.95rem;line-height:1.45}.music-artist{font-size:.82rem;color:var(--gray);margin-top:.15rem}.music-actions{margin-top:.8rem;display:flex;gap:.5rem;flex-wrap:wrap;position:relative;z-index:2;transition:transform .3s ease}.music-item:hover .music-actions{transform:translateY(4px)}.music-link{display:inline-flex;align-items:center;gap:.35rem;font-size:.78rem;padding:.35rem .6rem;border-radius:999px;border:1px solid rgba(0,0,0,.06);background:#f8fafcb3;color:#334155;white-space:nowrap;transition:all .2s ease;text-decoration:none}.music-link:hover{background:#fff;border-color:#6366f166;color:var(--primary);box-shadow:0 2px 4px #0000000d}.music-link.primary{border-color:#fb729959;background:#fff1f5b3;color:#be185d}.music-link.primary:hover{background:#fff1f5;border-color:#fb7299;color:#be185d}.music-summary{max-height:0;opacity:0;margin-top:0;color:var(--gray);font-size:.88rem;overflow:hidden;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;z-index:2}.show-all-comments .music-item .music-summary,.music-item:hover .music-summary{max-height:100px;opacity:1;margin-top:.8rem}.music-controls-panel{background:#ffffffb3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-md);padding:1.5rem;margin-bottom:2.5rem;border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow-sm);display:flex;flex-direction:row;align-items:flex-start;gap:2rem;justify-content:space-between}.music-search{position:relative;display:flex;align-items:center;width:45%;flex-shrink:0}.music-search .search-icon{position:absolute;left:1.2rem;color:var(--primary);font-size:1.1rem}.music-search-input{width:100%;padding:1rem 1rem 1rem 3rem;border:2px solid rgba(99,102,241,.15);border-radius:var(--radius-full, 999px);font-size:1rem;font-family:inherit;background:#ffffffe6;color:var(--dark);transition:var(--transition-normal);box-shadow:inset 0 2px 4px #00000005}.music-search-input:focus{outline:none;border-color:var(--primary-light);box-shadow:0 0 0 4px #6366f11a;background:#fff}.music-search .clear-btn{position:absolute;right:1.2rem;color:var(--gray);cursor:pointer;padding:.5rem;transition:color .2s;background:none;border:none;font-size:inherit}.music-search .clear-btn:hover{color:var(--primary)}.music-randomizer{display:flex;flex-direction:column;gap:1rem;width:55%;padding-left:2rem;border-left:1px dashed rgba(0,0,0,.08)}@media(max-width:768px){.music-controls-panel{flex-direction:column}.music-search,.music-randomizer{width:100%;border-left:none;padding-left:0}.music-randomizer{border-top:1px dashed rgba(0,0,0,.08);padding-top:1.5rem}}.randomizer-header{display:flex;align-items:center;gap:1rem}.btn-random{background:var(--primary-gradient);color:#fff;border:none;padding:.8rem 1.5rem;border-radius:var(--radius-sm, 12px);font-size:1.05rem;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:.6rem;transition:var(--transition-normal);box-shadow:0 4px 12px #4f46e540;font-family:inherit}.btn-random:hover{transform:translateY(-2px);box-shadow:0 6px 16px #4f46e559}.btn-random:active{transform:translateY(1px)}.random-help{font-size:.85rem;color:var(--gray)}.random-filters{display:flex;flex-wrap:wrap;gap:.8rem}.random-filters label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.95rem;color:var(--dark-lighter);background:#fff9;padding:.4rem .8rem;border-radius:var(--radius-sm, 12px);border:1px solid rgba(0,0,0,.05);transition:all .2s;-webkit-user-select:none;user-select:none}.random-filters label:hover{background:#fff;border-color:#6366f14d}.toggle-comments-label{display:flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.95rem;color:var(--dark-lighter);-webkit-user-select:none;user-select:none;background:#fff9;padding:.4rem .8rem;border-radius:12px;border:1px solid rgba(0,0,0,.05)}.random-result{background:#4f46e50d;border-radius:var(--radius-md, 16px);padding:1rem 1.5rem;border:1px dashed rgba(79,70,229,.3);display:flex;align-items:center;justify-content:space-between;animation:fadeInDown .4s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.random-result-info{display:flex;align-items:center;gap:1rem}.random-result-icon{font-size:1.5rem;color:var(--primary)}.random-result-text strong{display:block;color:var(--dark);font-size:1.1rem}.random-result-text span{color:var(--gray);font-size:.9rem}.random-result-comment{font-size:.85rem;color:var(--gray);margin-top:.3rem}.btn-jump{background:#fff;color:var(--primary);border:1px solid rgba(79,70,229,.2);padding:.5rem 1rem;border-radius:999px;font-size:.9rem;font-weight:600;cursor:pointer;text-decoration:none;transition:var(--transition-fast);flex-shrink:0;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.btn-jump:hover{background:var(--primary);color:#fff;border-color:var(--primary)}@keyframes selectPulse{0%{box-shadow:0 0 #4f46e566;border-color:#6366f180;background:#fff;transform:translateY(-4px) scale(1.02)}50%{box-shadow:0 0 0 15px #4f46e500;border-color:var(--primary);background:#eef2ff;transform:translateY(-6px) scale(1.03)}to{box-shadow:0 0 #4f46e500;border-color:#fffc;background:#ffffffd9;transform:translateY(0) scale(1)}}.highlight-pulse{animation:selectPulse 2s cubic-bezier(.4,0,.2,1);z-index:20}.music-summary-count{color:var(--gray);font-size:.92rem;margin-top:.5rem}.travel-container{max-width:1100px;margin:0 auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2rem}.map-tabs{display:flex;justify-content:center;gap:1rem;margin-bottom:1.5rem}.map-tab{padding:.6rem 1.5rem;border:none;border-radius:20px;background:var(--gray-light);color:var(--gray);font-weight:600;cursor:pointer;transition:var(--transition-fast)}.map-tab.active{background:var(--primary);color:#fff;box-shadow:0 4px 10px #4f46e54d}.map-legend{display:flex;gap:2rem;margin-bottom:1.5rem;justify-content:center;flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.9rem;color:var(--gray)}.legend-dot{width:14px;height:14px;border-radius:3px}.legend-dot.visited{background:#4f46e5;box-shadow:0 0 8px #4f46e580}.legend-dot.want{background:#10b981;box-shadow:0 0 8px #10b98180}.legend-dot.unvisited{background:#d1d5db;border:1px solid #94a3b8}.echarts-wrapper{background:linear-gradient(135deg,#f8fafc,#e0e7ff);border-radius:var(--radius-md);overflow:hidden;position:relative;box-shadow:inset 0 2px 10px #00000008;border:1px solid rgba(255,255,255,.7)}.map-chart-container{width:100%;height:650px}.map-stats-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-light)}.stat-card{background:#f8fafc;border-radius:var(--radius-md);padding:1.2rem;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-sm)}.stat-card-title{font-weight:600;color:#475569;font-size:1.1rem;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.stat-row{display:flex;justify-content:space-around;align-items:center}.stat-item{text-align:center}.stat-num{font-size:1.8rem;font-weight:700;color:var(--primary)}.stat-num.want{color:#10b981}.stat-label{font-size:.8rem;color:var(--gray);margin-top:.2rem}.map-tip{text-align:center;margin-top:2rem;font-size:.85rem;color:var(--gray);line-height:1.6}.loading-overlay{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#ffffffb3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:var(--primary);font-size:1.1rem;z-index:10;font-weight:600}.lds-dual-ring{display:inline-block;width:24px;height:24px;margin-right:12px;position:relative}.lds-dual-ring:after{content:"";display:block;position:absolute;width:20px;height:20px;margin:2px;border-radius:50%;border:3px solid var(--primary);border-color:var(--primary) transparent var(--primary) transparent;animation:lds-dual-ring 1.2s linear infinite}@keyframes lds-dual-ring{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.leaderboard{max-width:1100px;margin:2rem auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2rem}.leaderboard-title{font-size:1.1rem;font-weight:600;color:var(--dark);margin-bottom:1rem}.leaderboard-list{list-style:none}.leaderboard-item{display:flex;align-items:center;gap:.8rem;padding:.6rem 0;border-bottom:1px solid #f1f5f9}.leaderboard-item:last-child{border-bottom:none}.leaderboard-rank{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;color:#fff;flex-shrink:0}.leaderboard-rank.top1{background:#f59e0b}.leaderboard-rank.top2{background:#94a3b8}.leaderboard-rank.top3{background:#cd7f32}.leaderboard-rank.other{background:#e2e8f0;color:#64748b}.leaderboard-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.leaderboard-name{flex:1;font-size:.9rem;color:var(--dark)}.leaderboard-count{font-size:.9rem;font-weight:600;color:var(--primary)}.leaderboard-empty{font-size:.85rem;color:var(--gray)}.leaderboard-delete{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:.8rem;padding:.2rem;margin-left:.3rem}.leaderboard-delete:hover{color:#ef4444}.acgn-section{margin-bottom:2.5rem}.acgn-header{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.2rem;border-radius:999px;font-weight:600;font-size:1.05rem;margin-bottom:1.2rem}.acgn-header.game{background:linear-gradient(135deg,#8b5cf626,#8b5cf614);color:#7c3aed}.acgn-header.anime{background:linear-gradient(135deg,#ef444426,#f9731614);color:#dc2626}.acgn-header.novel{background:linear-gradient(135deg,#10b98126,#10b98114);color:#059669}.media-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.media-item{position:relative;background:#ffffffb3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);border:1px solid rgba(255,255,255,.8);padding:1rem 1.2rem;transition:var(--transition-normal);display:flex;align-items:flex-start;gap:.8rem;overflow:hidden}.media-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.media-item.game:before{background:#7c3aed}.media-item.anime:before{background:linear-gradient(180deg,#ef4444,#f97316)}.media-item.novel:before{background:#10b981}.media-item:hover{transform:translateY(-5px) scale(1.01);box-shadow:var(--shadow-lg)}.media-item.game:hover{border-color:#8b5cf64d}.media-item.anime:hover{border-color:#ef44444d}.media-item.novel:hover{border-color:#10b9814d}.media-item i{font-size:1.1rem;margin-top:.15rem;flex-shrink:0;transition:transform .3s ease}.media-item.game:hover i{transform:rotate(10deg) scale(1.1)}.media-item.anime:hover i,.media-item.novel:hover i{transform:scale(1.15)}.media-item.game i{color:#7c3aed}.media-item.anime i{color:#ef4444}.media-item.novel i{color:#10b981}.media-item a{display:flex;align-items:flex-start;gap:.8rem;width:100%;color:inherit}.media-item span{font-weight:600;font-size:.95rem}.media-review{max-height:0;opacity:0;overflow:hidden;transition:max-height .4s ease,opacity .3s ease;font-size:.88rem;color:var(--gray);line-height:1.6;margin-top:0}.media-item:hover .media-review,body.show-all-comments .media-review{max-height:200px;opacity:1;margin-top:.5rem}.acgn-toggle{position:absolute;top:1rem;right:1.5rem;display:inline-flex;align-items:center;gap:.3rem;cursor:pointer;font-size:.75rem;-webkit-user-select:none;user-select:none;background:#ffffff1a;color:#ffffffe6;padding:.3rem .6rem;border-radius:4px;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10}@media(max-width:768px){.media-grid{grid-template-columns:1fr}}.account-card{max-width:480px;margin:0 auto;background:#fff;border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:2.5rem 2rem;text-align:center}.account-avatar{width:88px;height:88px;border-radius:50%;object-fit:cover;border:3px solid var(--primary);margin:0 auto 1rem}.account-avatar-icon{font-size:5rem;color:var(--gray-light);margin-bottom:1rem}.account-name{font-size:1.4rem;font-weight:700;color:var(--dark);margin-bottom:.3rem}.account-email{font-size:.9rem;color:var(--gray);margin-bottom:.5rem}.account-provider{font-size:.85rem;color:var(--gray);margin-bottom:1.5rem}.account-section{margin-top:1.5rem;text-align:left}.account-section-title{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:.8rem;padding-bottom:.4rem;border-bottom:1px solid var(--gray-light)}.nickname-row{display:flex;gap:.5rem;align-items:center}.nickname-input{flex:1;padding:.5rem .8rem;border:1px solid var(--gray-light);border-radius:8px;font-size:.9rem;outline:none;transition:border-color .2s}.nickname-input:focus{border-color:var(--primary)}.nickname-save{padding:.5rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:8px;font-size:.85rem;cursor:pointer;font-weight:500}.nickname-save:disabled{opacity:.5;cursor:not-allowed}.nickname-hint{font-size:.8rem;color:var(--gray);margin-top:.4rem}.account-not-logged{text-align:center;padding:3rem 1rem;color:var(--gray)}.account-not-logged a{display:inline-block;margin-top:1rem;color:var(--primary)}.save-toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);background:var(--primary);color:#fff;padding:.6rem 1.5rem;border-radius:8px;font-size:.9rem;opacity:0;transition:opacity .3s;z-index:9999}.save-toast.show{opacity:1}:root{--primary: #4f46e5;--primary-light: #6366f1;--primary-gradient: linear-gradient(135deg, #4f46e5 0%, #ec4899 100%);--secondary: #10b981;--secondary-gradient: linear-gradient(135deg, #10b981 0%, #3b82f6 100%);--dark: #0f172a;--dark-lighter: #1e293b;--light: #f8fafc;--gray: #64748b;--gray-light: #e2e8f0;--bg-gradient: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);--shadow-sm: 0 4px 6px -1px rgba(0,0,0,.05), 0 2px 4px -2px rgba(0,0,0,.025);--shadow-md: 0 10px 25px -3px rgba(0,0,0,.05), 0 4px 6px -4px rgba(0,0,0,.02);--shadow-lg: 0 25px 35px -5px rgba(0,0,0,.07), 0 10px 15px -5px rgba(0,0,0,.03);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--transition-fast: all .25s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .4s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .6s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--dark);background:var(--bg-gradient);line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit;transition:var(--transition-fast)}.ext-link{display:inline-flex;align-items:center;gap:.35rem;padding:.15rem .6rem;margin:0 .15rem;background:#4f46e514;color:var(--primary);border-radius:999px;font-size:.9em;font-weight:600;border:1px solid rgba(79,70,229,.2);transition:var(--transition-fast);word-break:break-all}.ext-link i{font-size:.85em;opacity:.8}.ext-link:hover{background:var(--primary);color:#fff;transform:translateY(-1px);box-shadow:0 4px 10px #4f46e54d}.ext-link:hover i{opacity:1}img{max-width:100%;display:block}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--gray);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.navbar{position:fixed;top:0;width:100%;z-index:1000;background:#fff6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.2);transition:var(--transition-normal)}.navbar.scrolled{box-shadow:var(--shadow-sm);background:#ffffffeb;border-bottom:1px solid rgba(255,255,255,.5)}.nav-container{display:flex;justify-content:space-between;align-items:center;height:75px;gap:1.2rem}.logo{display:flex;align-items:center;gap:.6rem}.logo i{background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-size:1.8rem}.logo a{display:flex;align-items:center;gap:.6rem;color:inherit}.logo span{background:linear-gradient(135deg,#0f172a,#4f46e5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Great Vibes,JetBrains Mono,Plus Jakarta Sans,sans-serif;font-size:2.2rem;font-weight:300;letter-spacing:2px;padding-top:.5rem;padding-bottom:.5rem;line-height:1.3;white-space:nowrap}.nav-menu{display:flex;list-style:none;gap:.3rem;align-items:center}.nav-item{position:relative}.nav-link{display:inline-flex;align-items:center;white-space:nowrap;padding:.46rem .78rem;border-radius:var(--radius-sm);font-weight:500;font-size:.9rem;color:var(--gray);transition:var(--transition-fast)}.nav-link:hover,.nav-link.active{color:#4338ca;background:linear-gradient(135deg,#6366f129,#818cf81f)}.nav-caret{font-size:.72rem;margin-left:.35rem;margin-top:1px;opacity:.7}.dropdown-menu{position:absolute;top:calc(100% + .35rem);left:0;min-width:180px;padding:.45rem;background:linear-gradient(160deg,#fff,#f8faff);border:1px solid rgba(0,0,0,.08);border-radius:var(--radius-sm);box-shadow:var(--shadow-md);display:none;z-index:1001}.nav-dropdown:hover .dropdown-menu{display:block}.dropdown-menu:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem}.dropdown-link{display:block;padding:.48rem .62rem;border-radius:6px;color:var(--gray);font-size:.86rem;line-height:1.35}.dropdown-link:hover,.dropdown-link.active{color:#4338ca;background:linear-gradient(135deg,#6366f124,#818cf81a)}.nav-search{position:relative;display:flex;align-items:center;width:min(220px,20vw);flex-shrink:0}.nav-search-icon{position:absolute;left:.7rem;color:#64748b;font-size:.84rem;pointer-events:none}.nav-search-input{width:100%;border:1px solid rgba(79,70,229,.2);border-radius:999px;padding:.42rem .8rem .42rem 2rem;font-size:.85rem;background:linear-gradient(180deg,#fff,#f8faff);color:#0f172a;outline:none}.nav-search-input:focus{border-color:#4f46e573;box-shadow:0 0 0 3px #4f46e51f}.nav-search-results{position:absolute;top:calc(100% + .4rem);left:0;right:0;display:none;background:#fff;border:1px solid rgba(15,23,42,.12);border-radius:10px;box-shadow:var(--shadow-md);max-height:300px;overflow:auto;z-index:1002}.nav-search-results.active{display:block}.nav-search-result{display:block;padding:.55rem .72rem;font-size:.86rem;color:#334155;border-bottom:1px solid rgba(15,23,42,.06)}.nav-search-result:last-child{border-bottom:none}.nav-search-result:hover{background:linear-gradient(135deg,#6366f124,#818cf81a);color:#4338ca}.nav-search-empty{padding:.65rem .72rem;font-size:.83rem;color:#64748b}.hamburger{display:none;font-size:1.5rem;color:var(--dark);cursor:pointer;padding:.5rem}.page-wrapper{padding-top:70px;min-height:100vh}.page-header{background:linear-gradient(135deg,#0f172a,#1e293b,#171e2e);color:#fff;padding:5rem 0 4rem;text-align:center;position:relative;overflow:hidden;box-shadow:0 10px 30px #00000026;border-bottom:1px solid rgba(255,255,255,.05)}.page-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1px);background-size:40px 40px;pointer-events:none;opacity:.8}.page-header h1{font-size:2.8rem;font-weight:700;margin-bottom:.8rem;position:relative}.page-header p{font-size:1.1rem;color:#ffffffbf;max-width:600px;margin:0 auto;position:relative}.section{padding:5rem 0}.section-header{text-align:center;margin-bottom:3rem}.section-title{font-size:2.2rem;font-weight:700;margin-bottom:.8rem;position:relative;display:inline-block;color:var(--dark);letter-spacing:-.02em}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:40px;height:3px;background:var(--primary);border-radius:4px;transition:width .3s ease}.section-desc{font-size:1.05rem;color:var(--gray);max-width:650px;margin:0 auto}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:2.5rem}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.card{background:#ffffffb3;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);transition:var(--transition-normal);border:1px solid rgba(255,255,255,.8);position:relative;display:flex;flex-direction:column}.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:#6366f14d;background:#ffffffe6}.card-content{padding:2rem;flex-grow:1;display:flex;flex-direction:column;background:inherit;border-radius:inherit}.card-title{font-size:1.2rem;font-weight:600;margin-bottom:.8rem;display:flex;align-items:center;gap:.5rem;color:var(--dark)}.card-title i{color:var(--primary);font-size:1.3rem}.card-desc{color:var(--gray);line-height:1.7;margin-bottom:1.2rem;font-size:.95rem}.card-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.2rem}.tag{padding:.25rem .7rem;border-radius:var(--radius-sm);font-size:.82rem;font-weight:500}.tag-primary{background:#4f46e51a;color:var(--primary)}.tag-secondary{background:#10b9811a;color:var(--secondary)}.card-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--primary);font-weight:500;font-size:.95rem;transition:var(--transition-fast)}.card-link:hover{color:var(--primary-light);transform:translate(4px)}.placeholder-box{background:#4f46e50a;border:2px dashed var(--gray-light);border-radius:var(--radius-md);padding:3rem 2rem;text-align:center;color:var(--gray)}.placeholder-box i{font-size:3rem;margin-bottom:1rem;color:var(--primary);opacity:.5}.folder-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.8rem;list-style:none}.folder-item{background:#ffffffbf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-md);padding:1.6rem;box-shadow:var(--shadow-sm);border:1px solid rgba(255,255,255,.9);transition:var(--transition-normal);position:relative}.folder-item:hover{transform:translateY(-5px) scale(1.02);box-shadow:var(--shadow-md);border-color:#6366f140;background:#fff}.folder-item a{display:flex;align-items:center;gap:1rem;width:100%;color:var(--dark);font-weight:600;position:relative;z-index:1}.folder-item i{font-size:1.8rem;color:var(--primary);flex-shrink:0}.folder-item .folder-info{display:flex;flex-direction:column}.folder-item .folder-name{font-weight:600;font-size:1rem}.folder-item .folder-desc{font-size:.82rem;color:var(--gray);margin-top:.2rem}.study-tree{display:flex;flex-direction:column;gap:1.4rem}.tree-level{background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.4rem}.tree-level-title{font-size:1.08rem;font-weight:700;color:var(--dark)}.tree-level-note{margin-top:.35rem;color:var(--gray);font-size:.9rem}.tree-level-parallel{background:linear-gradient(180deg,#fff,#fbfcfe);border-style:dashed}.tree-node-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;list-style:none;margin-top:1rem}.tree-node-list.compact{grid-template-columns:1fr;margin-top:.8rem}.tree-node-item{list-style:none}.tree-node{display:flex;align-items:center;gap:.9rem;width:100%;min-height:92px;padding:1rem 1.05rem;background:linear-gradient(180deg,#fff,#f8fafc);border:1px solid rgba(0,0,0,.06);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);transition:var(--transition-normal)}.tree-node:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.tree-node-subtle{background:linear-gradient(180deg,#fff,#fbfcfe);border-color:#64748b1f}.tree-node-subtle i{color:var(--gray)}.tree-node i{font-size:1.6rem;color:var(--primary);flex-shrink:0}.tree-node-info{display:flex;flex-direction:column;min-width:0}.tree-node-name{font-weight:700;font-size:.98rem;color:var(--dark)}.tree-node-desc{margin-top:.2rem;font-size:.84rem;color:var(--gray);line-height:1.5}.tree-trunk{position:relative;display:flex;align-items:center;justify-content:center;min-height:46px}.tree-trunk:before{content:"";position:absolute;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#4f46e533,#4f46e5a6,#4f46e533)}.tree-trunk.small{min-height:34px}.tree-connector-label{position:relative;z-index:1;padding:.15rem .7rem;background:var(--light);color:var(--gray);font-size:.82rem;border-radius:999px;border:1px solid rgba(79,70,229,.12)}.tree-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.tree-branch{padding:1rem;border-radius:var(--radius-md);background:#4f46e508;border:1px solid rgba(79,70,229,.08)}.tree-branch-title{font-size:1rem;font-weight:700;color:var(--dark)}.tree-node-featured{background:linear-gradient(135deg,#4f46e51a,#6366f124);border-color:#4f46e547;box-shadow:0 10px 24px #4f46e51f}.tree-node-badge{display:inline-flex;align-items:center;width:fit-content;padding:.18rem .55rem;border-radius:999px;background:#4f46e524;color:#4338ca;font-size:.76rem;font-weight:700;margin-bottom:.28rem}.sub-branch{margin-top:1rem;padding-left:1rem;border-left:2px solid rgba(79,70,229,.18)}.side-list{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.repo-note{margin-top:1rem;padding:.95rem 1rem;border-left:3px solid #2563eb;border-radius:8px;background:#eff6ff;color:#1e3a8a;font-size:.92rem;line-height:1.7}.repo-note a{color:#1d4ed8;font-weight:600}.link-card{background:#fff;border-radius:var(--radius-md);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid rgba(0,0,0,.05);transition:var(--transition-normal);display:flex;align-items:flex-start;gap:1rem}.link-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--primary)}.link-card .link-icon{width:48px;height:48px;border-radius:var(--radius-sm);background:#4f46e514;display:flex;align-items:center;justify-content:center;flex-shrink:0}.link-card .link-icon i{font-size:1.3rem;color:var(--primary)}.link-card .link-body{flex:1;min-width:0}.link-card .link-title{font-weight:600;font-size:1rem;margin-bottom:.3rem;color:var(--dark)}.link-card .link-url{font-size:.82rem;color:var(--gray);word-break:break-all}.link-card .link-desc{font-size:.88rem;color:var(--gray);margin-top:.4rem;line-height:1.5}.doc-viewer-wrap{margin-top:1.25rem}.doc-viewer{width:100%;height:min(78vh,980px);border:1px solid rgba(15,23,42,.12);border-radius:var(--radius-md);background:#fff;box-shadow:0 10px 24px #0f172a14}.doc-actions{margin-top:.9rem;display:flex;gap:.75rem;flex-wrap:wrap}.doc-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .9rem;border:1px solid rgba(37,99,235,.25);border-radius:var(--radius-sm);color:#1d4ed8;background:#eff6ff;font-size:.92rem;font-weight:600}.doc-tip{margin-top:.6rem;color:#475569;font-size:.88rem}.text-file-panel{margin-top:1.25rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);overflow:hidden}.text-file-toolbar{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.9rem 1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border-bottom:1px solid rgba(15,23,42,.08)}.text-file-title{font-size:.95rem;font-weight:600;color:#0f172a;word-break:break-all}.text-file-open{display:inline-flex;align-items:center;gap:.45rem;font-size:.85rem;color:#1d4ed8;padding:.36rem .62rem;border:1px solid rgba(37,99,235,.25);border-radius:var(--radius-sm);background:#eff6ff;flex-shrink:0}.text-file-content{max-height:min(72vh,920px);overflow:auto;margin:0;padding:1rem;background:#f8fafc;white-space:pre-wrap;word-break:break-word;font-size:.92rem;line-height:1.7}.text-file-tip{margin-top:.7rem;color:#64748b;font-size:.88rem}.md-panel{margin-top:1.25rem;background:#fff;border:1px solid rgba(15,23,42,.08);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:1.25rem 1.5rem}.md-content{color:var(--dark);line-height:1.75;word-break:break-word}.md-content h1,.md-content h2,.md-content h3,.md-content h4{margin-top:1.4rem;margin-bottom:.7rem;line-height:1.35}.md-content p,.md-content ul,.md-content ol,.md-content blockquote{margin:.75rem 0}.md-content ul,.md-content ol{padding-left:1.4rem}.md-content pre{margin:.9rem 0;padding:.9rem 1rem;border-radius:var(--radius-sm);background:#0f172a;color:#e2e8f0;overflow-x:auto}.md-content code{font-family:Consolas,Courier New,monospace}.md-content :not(pre)>code{padding:.1rem .35rem;border-radius:4px;background:#e2e8f0;color:#1e293b}.md-content table{width:100%;border-collapse:collapse;margin:.9rem 0;font-size:.92rem}.md-content th,.md-content td{border:1px solid #cbd5e1;padding:.5rem .6rem}.md-content blockquote{padding-left:.9rem;border-left:3px solid var(--primary);color:#334155}.md-hint{margin-top:.75rem;color:var(--gray);font-size:.88rem}.footer{background:var(--dark);color:#ffffffb3;padding:3rem 0 1.5rem;margin-top:auto}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.footer-social{display:flex;gap:.8rem}.footer-social a{width:36px;height:36px;border-radius:50%;background:#ffffff1a;display:flex;align-items:center;justify-content:center;color:#ffffffb3;transition:var(--transition-fast)}.footer-social a:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.footer-copy{font-size:.85rem}.fade-in{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}.fade-in.visible{opacity:1;transform:translateY(0)}.auth-section{display:flex;align-items:center;flex-shrink:0}.auth-dropdown{position:relative}.auth-login-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.38rem .8rem;border-radius:var(--radius-md);background:#ffffff0f;border:1px solid rgba(255,255,255,.12);color:inherit;font-size:.82rem;cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.auth-login-btn:hover{background:#ffffff1f;border-color:#fff3}.auth-dropdown-menu{display:none;position:absolute;top:calc(100% + .4rem);right:0;min-width:160px;padding:.35rem;background:#fffffff7;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:1px solid var(--border-light);z-index:1000}.auth-dropdown-menu.active{display:flex;flex-direction:column}.auth-provider-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem .8rem;border:none;border-radius:var(--radius-sm);background:transparent;color:#1e293b;font-size:.85rem;cursor:pointer;transition:var(--transition-fast)}.auth-provider-btn:hover{background:var(--bg-secondary)}.auth-user{display:flex;align-items:center;gap:.5rem}.auth-user-info{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:inherit;cursor:pointer}.auth-avatar{width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.2);object-fit:cover}.auth-avatar-icon{font-size:1.4rem;color:#fff9}.auth-name{font-size:.82rem;color:inherit;max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-logout-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:inherit;font-size:.78rem;cursor:pointer;transition:var(--transition-fast)}.auth-logout-btn:hover{background:#ef444426;border-color:#ef44444d;color:#ef4444}.comments-section{max-width:720px;margin:2rem auto;padding:0 2rem}.comment-title{font-size:1rem;font-weight:600;color:var(--dark);margin-bottom:1rem;padding-bottom:.5rem;border-bottom:1px solid var(--gray-light)}.comment-login-hint{font-size:.88rem;color:var(--gray);padding:.8rem 0}.comment-form{margin-bottom:1.5rem}.comment-form-user{display:flex;align-items:center;gap:.4rem;margin-bottom:.5rem;font-size:.85rem;color:var(--gray)}.comment-avatar-sm{width:22px;height:22px;border-radius:50%;object-fit:cover}.comment-input{width:100%;padding:.6rem .8rem;border:1px solid var(--gray-light);border-radius:8px;font-size:.9rem;font-family:inherit;resize:vertical;outline:none;background:#fff}.comment-input:focus{border-color:var(--primary)}.comment-submit{margin-top:.5rem;padding:.45rem 1.2rem;background:var(--primary);color:#fff;border:none;border-radius:6px;font-size:.85rem;cursor:pointer}.comment-submit:hover{opacity:.9}.comment-submit:disabled{opacity:.5;cursor:not-allowed}.comment-list{margin-top:.5rem}.comment-empty{font-size:.85rem;color:var(--gray);padding:.6rem 0}.comment-item{display:flex;gap:.6rem;padding:.7rem 0;border-bottom:1px solid rgba(0,0,0,.05)}.comment-item:last-child{border-bottom:none}.comment-avatar{width:32px;height:32px;border-radius:50%;object-fit:cover;flex-shrink:0}.comment-avatar-icon{font-size:1.5rem;color:#ccc;flex-shrink:0}.comment-item-right{flex:1;min-width:0}.comment-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.2rem}.comment-author{font-size:.85rem;font-weight:600;color:var(--dark)}.comment-time{font-size:.78rem;color:var(--gray)}.comment-delete{margin-left:auto;background:none;border:none;color:#ccc;cursor:pointer;font-size:.75rem;padding:.1rem .3rem}.comment-delete:hover{color:#ef4444}.comment-body{font-size:.9rem;color:#334155;line-height:1.6;word-break:break-word}@media(max-width:768px){.comments-section{padding:0 1rem}}@media(max-width:1180px){.logo{font-size:1.2rem}.logo i{font-size:1.6rem}.nav-link{padding:.42rem .62rem;font-size:.86rem}.nav-search{width:min(210px,23vw)}}@media(max-width:1024px){.nav-search{display:none}}@media(max-width:768px){.hamburger{display:block}.nav-search{width:min(56vw,240px);margin-left:auto;margin-right:.35rem}.auth-section{margin-right:.35rem}.auth-name{display:none}.nav-menu{position:fixed;top:70px;left:-100%;width:100%;height:calc(100vh - 70px);background:#fffffffa;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex-direction:column;align-items:center;justify-content:flex-start;padding-top:2rem;gap:.5rem;transition:var(--transition-normal);z-index:998}.nav-menu.active{left:0}.nav-item{width:min(92vw,420px)}.nav-item .nav-link{display:block;text-align:center;width:100%}.dropdown-menu{position:static;display:block;min-width:0;margin-top:.2rem;padding:.35rem;box-shadow:none;border:1px dashed rgba(79,70,229,.2);background:#4f46e508}.dropdown-menu:before{content:"";position:absolute;top:-.5rem;left:0;right:0;height:.5rem}.dropdown-link{text-align:center}.page-header h1{font-size:2rem}.section{padding:3rem 0}.grid,.grid-2,.folder-list,.tree-node-list,.side-list{grid-template-columns:1fr}.tree-level{padding:1rem}.tree-columns{grid-template-columns:1fr}.tree-node{min-height:82px}.tree-trunk{min-height:24px}.tree-connector-label{font-size:.78rem}.sub-branch{padding-left:.8rem}.doc-viewer{height:68vh}.text-file-toolbar{flex-direction:column;align-items:flex-start}.text-file-content{max-height:64vh;font-size:.88rem}.footer-inner{flex-direction:column;text-align:center}}