@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--color-bg:#0a0a0f;--color-bg-secondary:#0e0e16;--color-surface:#12121a;--color-surface-hover:#1a1a26;--color-surface-active:#22222f;--color-border:#1e1e2e;--color-border-hover:#2a2a3e;--color-primary:#6366f1;--color-primary-hover:#818cf8;--color-primary-glow:#6366f126;--color-accent:#22d3ee;--color-accent-glow:#22d3ee1f;--color-success:#34d399;--color-warning:#fbbf24;--color-error:#f87171;--color-text:#f1f5f9;--color-text-secondary:#94a3b8;--color-text-tertiary:#64748b;--color-text-inverse:#0a0a0f;--color-global-memory:#818cf8;--color-skills:#34d399;--color-hooks:#fbbf24;--color-sub-agents:#f472b6;--color-plugins:#22d3ee;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Cascadia Code", monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 6px -1px #0000004d;--shadow-lg:0 10px 15px -3px #0006;--shadow-xl:0 20px 25px -5px #00000080;--shadow-glow:0 0 20px var(--color-primary-glow);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--max-width:1280px;--nav-height:64px;--glass-bg:#12121ab3;--glass-border:#ffffff0f;--glass-blur:blur(16px)}[data-theme=light]{--color-bg:#f8fafc;--color-bg-secondary:#f1f5f9;--color-surface:#fff;--color-surface-hover:#f1f5f9;--color-surface-active:#e2e8f0;--color-border:#e2e8f0;--color-border-hover:#cbd5e1;--color-primary:#4f46e5;--color-primary-hover:#6366f1;--color-primary-glow:#4f46e51a;--color-accent:#0891b2;--color-accent-glow:#0891b214;--color-text:#0f172a;--color-text-secondary:#475569;--color-text-tertiary:#94a3b8;--color-text-inverse:#f8fafc;--shadow-sm:0 1px 2px #0000000d;--shadow-md:0 4px 6px -1px #00000012;--shadow-lg:0 10px 15px -3px #00000014;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-glow:0 0 20px var(--color-primary-glow);--glass-bg:#ffffffb3;--glass-border:#0000000f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{font-family:var(--font-sans);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6}a{color:var(--color-primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{cursor:pointer;font-family:inherit;font-size:inherit;color:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}code,pre{font-family:var(--font-mono)}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-6);margin:0 auto}.glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border)}.gradient-text{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.glow-border{position:relative}.glow-border:after{content:"";border-radius:inherit;background:linear-gradient(135deg, var(--color-primary), var(--color-accent));z-index:-1;opacity:0;transition:opacity var(--transition-base);position:absolute;inset:-1px}.glow-border:hover:after{opacity:.4}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-tertiary)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:.4s ease-out forwards fadeIn}.animate-slide-up{animation:.5s ease-out forwards slideUp}.stagger-children>*{opacity:0;animation:.4s ease-out forwards fadeIn}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.stagger-children>:nth-child(7){animation-delay:.35s}.stagger-children>:nth-child(8){animation-delay:.4s}.markdown-content{color:var(--color-text-secondary);line-height:1.75}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-4);font-weight:600;line-height:1.3}.markdown-content h1{font-size:var(--text-2xl)}.markdown-content h2{font-size:var(--text-xl)}.markdown-content h3{font-size:var(--text-lg)}.markdown-content p{margin-bottom:var(--space-4)}.markdown-content ul,.markdown-content ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.markdown-content ul{list-style:outside}.markdown-content ol{list-style:decimal}.markdown-content li{margin-bottom:var(--space-2)}.markdown-content pre{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-4);font-size:var(--text-sm);overflow-x:auto}.markdown-content code{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.125rem .375rem;font-size:.875em}.markdown-content pre code{font-size:inherit;background:0 0;border:none;padding:0}.markdown-content blockquote{border-left:3px solid var(--color-primary);padding-left:var(--space-4);margin-bottom:var(--space-4);color:var(--color-text-tertiary);font-style:italic}.markdown-content table{border-collapse:collapse;width:100%;margin-bottom:var(--space-4)}.markdown-content th,.markdown-content td{border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);text-align:left}.markdown-content th{background:var(--color-surface);color:var(--color-text);font-weight:600}.markdown-content a{color:var(--color-primary)}.markdown-content a:hover{color:var(--color-primary-hover);text-decoration:underline}.markdown-content hr{border:none;border-top:1px solid var(--color-border);margin:var(--space-8) 0}@media (width<=768px){:root{--nav-height:56px}.container{padding:0 var(--space-4)}}.layout{flex-direction:column;min-height:100vh;display:flex}.layout__main{padding-top:var(--nav-height);flex:1}.navbar{z-index:100;height:var(--nav-height);position:fixed;top:0;left:0;right:0}.navbar__inner{justify-content:space-between;align-items:center;height:100%;display:flex}.navbar__logo{align-items:center;gap:var(--space-2);font-size:var(--text-xl);font-weight:700;text-decoration:none;display:flex}.navbar__logo-icon{font-size:1.4rem}.navbar__links{gap:var(--space-6);display:flex}.navbar__link{color:var(--color-text-secondary);font-weight:500;font-size:var(--text-sm);transition:color var(--transition-fast);padding:var(--space-2) 0}.navbar__link:hover,.navbar__link--active{color:var(--color-text)}.navbar__link--active{border-bottom:2px solid var(--color-primary)}.navbar__actions{align-items:center;gap:var(--space-3);display:flex}.navbar__mobile-toggle{display:none}.theme-toggle,.language-switch{align-items:center;gap:var(--space-1);padding:var(--space-2);border-radius:var(--radius-md);color:var(--color-text-secondary);transition:all var(--transition-fast);font-size:var(--text-sm);font-weight:500;display:flex}.theme-toggle:hover,.language-switch:hover{color:var(--color-text);background:var(--color-surface-hover)}@media (width<=768px){.navbar__links{top:var(--nav-height);background:var(--color-bg);padding:var(--space-4) var(--space-6);gap:var(--space-4);border-bottom:1px solid var(--color-border);flex-direction:column;display:none;position:fixed;left:0;right:0}.navbar__links--open,.navbar__mobile-toggle{display:flex}}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:var(--space-12) 0 var(--space-6);margin-top:var(--space-20)}.footer__inner{gap:var(--space-10);grid-template-columns:2fr 1fr 1fr;display:grid}.footer__logo{align-items:center;gap:var(--space-2);font-size:var(--text-lg);margin-bottom:var(--space-3);font-weight:700;text-decoration:none;display:flex}.footer__description{color:var(--color-text-secondary);font-size:var(--text-sm);max-width:300px}.footer__heading{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary);margin-bottom:var(--space-4);font-weight:600}.footer__links-group{gap:var(--space-2);flex-direction:column;display:flex}.footer__link{color:var(--color-text-secondary);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-text)}.footer__bottom{text-align:center;padding-top:var(--space-8);border-top:1px solid var(--color-border);color:var(--color-text-tertiary);font-size:var(--text-sm);grid-column:1/-1}@media (width<=768px){.footer__inner{gap:var(--space-8);grid-template-columns:1fr}}.hero{padding:var(--space-20) 0 var(--space-16);align-items:center;min-height:500px;display:flex;position:relative;overflow:hidden}.hero__bg{z-index:0;position:absolute;inset:0}.hero__orb{filter:blur(80px);opacity:.3;border-radius:50%;animation:6s ease-in-out infinite pulse;position:absolute}.hero__orb--1{background:var(--color-primary);width:400px;height:400px;top:-100px;right:-100px}.hero__orb--2{background:var(--color-accent);width:300px;height:300px;animation-delay:2s;bottom:-50px;left:-50px}.hero__orb--3{background:var(--color-sub-agents);width:200px;height:200px;animation-delay:4s;top:50%;left:50%;transform:translate(-50%,-50%)}.hero__grid{background-image:linear-gradient(var(--color-border) 1px, transparent 1px), linear-gradient(90deg, var(--color-border) 1px, transparent 1px);opacity:.3;background-size:60px 60px;position:absolute;inset:0}.hero__content{z-index:1;text-align:center;max-width:720px;margin:0 auto;position:relative}.hero__title{font-size:var(--text-4xl);margin-bottom:var(--space-6);font-weight:800;line-height:1.2}.hero__subtitle{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);line-height:1.7}.hero__search{max-width:560px;margin:0 auto}.hero__search-wrapper{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-1);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex}.hero__search-wrapper:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.hero__search-icon{margin-left:var(--space-4);color:var(--color-text-tertiary);flex-shrink:0}.hero__search-input{padding:var(--space-3) var(--space-3);color:var(--color-text);font-size:var(--text-base);background:0 0;border:none;outline:none;flex:1}.hero__search-input::placeholder{color:var(--color-text-tertiary)}.hero__search-button{background:linear-gradient(135deg, var(--color-primary), var(--color-primary-hover));color:#fff;padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);font-weight:600;font-size:var(--text-sm);transition:opacity var(--transition-fast);white-space:nowrap;border:none}.hero__search-button:hover{opacity:.9}@media (width<=768px){.hero{padding:var(--space-12) 0 var(--space-8);min-height:auto}.hero__title{font-size:var(--text-2xl)}.hero__subtitle{font-size:var(--text-base)}.hero__search-wrapper{border-radius:var(--radius-lg);flex-direction:column}.hero__search-button{border-radius:var(--radius-md);width:100%}}.stats-bar{padding:var(--space-8) 0}.stats-bar__grid{justify-content:center;gap:var(--space-12);display:flex}.stats-bar__item{align-items:center;gap:var(--space-1);flex-direction:column;display:flex}.stats-bar__icon{font-size:1.5rem}.stats-bar__value{font-size:var(--text-2xl);color:var(--color-text);font-weight:700}.stats-bar__label{font-size:var(--text-sm);color:var(--color-text-tertiary)}.section-title{font-size:var(--text-2xl);margin-bottom:var(--space-2);font-weight:700}.section-subtitle{color:var(--color-text-secondary);margin-bottom:var(--space-8)}.category-cards{padding:var(--space-12) 0}.category-cards__grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(5,1fr);display:grid}.category-card{gap:var(--space-3);padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:all var(--transition-base);color:inherit;flex-direction:column;text-decoration:none;display:flex}.category-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.category-card--global-memory:hover{border-color:var(--color-global-memory);box-shadow:0 0 20px #818cf826}.category-card--skills:hover{border-color:var(--color-skills);box-shadow:0 0 20px #34d39926}.category-card--hooks:hover{border-color:var(--color-hooks);box-shadow:0 0 20px #fbbf2426}.category-card--sub-agents:hover{border-color:var(--color-sub-agents);box-shadow:0 0 20px #f472b626}.category-card--plugins:hover{border-color:var(--color-plugins);box-shadow:0 0 20px #22d3ee26}.category-card__icon{font-size:2rem}.category-card__title{font-size:var(--text-lg);font-weight:600}.category-card__description{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.category-card__count{font-size:var(--text-sm);color:var(--color-text-tertiary);font-weight:500}@media (width<=768px){.category-cards__grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){.category-cards__grid{grid-template-columns:1fr}}.trending{padding:var(--space-12) 0}.trending__grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.trending__grid{grid-template-columns:1fr}}.item-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);gap:var(--space-3);transition:all var(--transition-base);flex-direction:column;display:flex}.item-card:hover{border-color:var(--color-border-hover);box-shadow:var(--shadow-md);transform:translateY(-2px)}.item-card__header{justify-content:space-between;align-items:center;display:flex}.item-card__category{align-items:center;gap:var(--space-2);display:flex}.item-card__category-icon{font-size:1rem}.item-card__stars{align-items:center;gap:var(--space-1);color:var(--color-warning);font-size:var(--text-sm);font-weight:600;display:flex}.item-card__title a{color:var(--color-text);font-size:var(--text-lg);transition:color var(--transition-fast);font-weight:600;text-decoration:none}.item-card__title a:hover{color:var(--color-primary)}.item-card__repo{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.item-card__description{color:var(--color-text-secondary);font-size:var(--text-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.item-card__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.item-card__more-tags{font-size:var(--text-xs);color:var(--color-text-tertiary)}.item-card__actions{align-items:center;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--color-border);margin-top:auto;display:flex}.item-card__view-btn{font-size:var(--text-sm);color:var(--color-primary);font-weight:500}.item-card__view-btn:hover{color:var(--color-primary-hover)}.item-card__github-btn{color:var(--color-text-tertiary);padding:var(--space-1);margin-left:auto}.item-card__github-btn:hover{color:var(--color-text)}.tag{border-radius:var(--radius-full);font-size:var(--text-xs);border:1px solid var(--color-border);color:var(--color-text-secondary);background:var(--color-bg);align-items:center;padding:2px 8px;font-weight:500;display:inline-flex}.tag--tool{border-color:var(--color-accent);color:var(--color-accent);background:#22d3ee14}.copy-button{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);border:1px solid var(--color-border);background:var(--color-surface);transition:all var(--transition-fast);font-weight:500;display:inline-flex}.copy-button:hover{color:var(--color-text);border-color:var(--color-border-hover);background:var(--color-surface-hover)}.copy-button.copied{color:var(--color-success);border-color:var(--color-success)}.search-bar{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:0 var(--space-4);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:flex}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:var(--shadow-glow)}.search-bar__icon{color:var(--color-text-tertiary);flex-shrink:0}.search-bar__input{padding:var(--space-3);color:var(--color-text);background:0 0;border:none;outline:none;flex:1}.search-bar__input::placeholder{color:var(--color-text-tertiary)}.search-bar__clear{color:var(--color-text-tertiary);padding:var(--space-1)}.search-bar__clear:hover{color:var(--color-text)}.filter-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);top:calc(var(--nav-height) + var(--space-4));position:sticky}.filter-panel__header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.filter-panel__title{font-weight:600}.filter-panel__clear{font-size:var(--text-sm);color:var(--color-primary)}.filter-panel__section{padding:var(--space-4) 0;border-top:1px solid var(--color-border)}.filter-panel__section-title{font-size:var(--text-sm);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-3);font-weight:600}.filter-panel__sort-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-panel__sort-btn{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.filter-panel__sort-btn:hover{border-color:var(--color-border-hover)}.filter-panel__sort-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-panel__checkboxes{gap:var(--space-2);flex-direction:column;display:flex}.filter-panel__checkbox{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;display:flex}.filter-panel__checkbox input[type=checkbox]{accent-color:var(--color-primary)}.filter-panel__checkbox-icon{font-size:1rem}.filter-panel__tool-name{text-transform:capitalize}.page-explore{padding:var(--space-8) 0}.page-explore__header{margin-bottom:var(--space-6)}.page-explore__title{font-size:var(--text-3xl);margin-bottom:var(--space-4);font-weight:700}.page-explore__count{margin-top:var(--space-3);font-size:var(--text-sm);color:var(--color-text-tertiary)}.page-explore__body{gap:var(--space-6);grid-template-columns:260px 1fr;align-items:start;display:grid}.page-explore__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.page-explore__empty{text-align:center;padding:var(--space-16) 0;color:var(--color-text-tertiary)}.page-explore__empty-icon{margin-bottom:var(--space-4);font-size:3rem;display:block}@media (width<=960px){.page-explore__body{grid-template-columns:1fr}.filter-panel{position:static}}@media (width<=640px){.page-explore__grid{grid-template-columns:1fr}}.page-category{padding:var(--space-8) 0}.page-category__header{margin-bottom:var(--space-8)}.page-category__back{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-4);align-items:center;display:inline-flex}.page-category__back:hover{color:var(--color-text)}.page-category__title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-2);display:flex}.page-category__icon{font-size:2rem}.page-category__title{font-size:var(--text-3xl);font-weight:700}.page-category__count{font-size:var(--text-sm);color:var(--color-text-tertiary);background:var(--color-surface);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.page-category__description{color:var(--color-text-secondary)}.page-category__grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=768px){.page-category__grid{grid-template-columns:1fr}}.page-detail{padding:var(--space-8) 0}.page-detail__back{color:var(--color-text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-6);display:inline-flex}.page-detail__back:hover{color:var(--color-text)}.page-detail__layout{gap:var(--space-8);grid-template-columns:1fr 280px;align-items:start;display:grid}.page-detail__header{margin-bottom:var(--space-6)}.page-detail__title-row{align-items:center;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.page-detail__title{font-size:var(--text-3xl);font-weight:700}.page-detail__repo-info{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);display:flex}.page-detail__repo-link{align-items:center;gap:var(--space-2);color:var(--color-text-secondary);font-size:var(--text-sm);display:flex}.page-detail__repo-link:hover{color:var(--color-primary)}.page-detail__stars{color:var(--color-warning);font-size:var(--text-sm);font-weight:600}.page-detail__description{color:var(--color-text-secondary);margin-bottom:var(--space-4)}.page-detail__tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-detail__actions{gap:var(--space-3);margin-bottom:var(--space-6);flex-wrap:wrap;display:flex}.page-detail__copy-btn{padding:var(--space-2) var(--space-4)}.page-detail__action-btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--transition-fast);display:inline-flex}.page-detail__action-btn:hover{color:var(--color-text);border-color:var(--color-border-hover)}.page-detail__content{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.page-detail__content-title{font-size:var(--text-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border);font-weight:600}.page-detail__sidebar{top:calc(var(--nav-height) + var(--space-4));position:sticky}.page-detail__metadata{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5)}.page-detail__metadata h3{font-size:var(--text-base);margin-bottom:var(--space-4);font-weight:600}.page-detail__meta-list{gap:var(--space-3);display:grid}.page-detail__meta-list dt{font-size:var(--text-xs);color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.page-detail__meta-list dd{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-2)}.page-detail__meta-list code{font-size:var(--text-xs);background:var(--color-bg);border-radius:var(--radius-sm);border:1px solid var(--color-border);word-break:break-all;padding:2px 6px}.page-detail__tools{gap:var(--space-2);flex-wrap:wrap;display:flex}.page-detail__related{margin-top:var(--space-12)}.page-detail__related-grid{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=960px){.page-detail__layout{grid-template-columns:1fr}.page-detail__sidebar{position:static}.page-detail__related-grid{grid-template-columns:1fr}}.page-about{padding:var(--space-12) 0}.page-about__title{font-size:var(--text-4xl);margin-bottom:var(--space-4);font-weight:800}.page-about__intro{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-10);max-width:640px}.page-about__section{margin-bottom:var(--space-10)}.page-about__section h2{font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:700}.page-about__section p{color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.page-about__components{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(2,1fr);display:grid}.page-about__component{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.page-about__component-icon{margin-bottom:var(--space-3);font-size:2rem;display:block}.page-about__component h3{font-size:var(--text-lg);margin-bottom:var(--space-2);color:var(--color-text);font-weight:600}.page-about__component p{font-size:var(--text-sm);color:var(--color-text-secondary)}.page-about__steps{gap:var(--space-6);margin-top:var(--space-6);display:flex}.page-about__step{text-align:center;flex:1}.page-about__step-number{background:linear-gradient(135deg, var(--color-primary), var(--color-accent));color:#fff;width:40px;height:40px;margin-bottom:var(--space-3);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.page-about__step h3{font-size:var(--text-base);margin-bottom:var(--space-2);color:var(--color-text);font-weight:600}.page-about__step p{font-size:var(--text-sm);color:var(--color-text-secondary)}@media (width<=768px){.page-about__components{grid-template-columns:1fr}.page-about__steps{flex-direction:column}}.page-loading{justify-content:center;align-items:center;min-height:60vh;display:flex}.page-loading__spinner{border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.page-error{padding:var(--space-16) 0;text-align:center}.page-error h1{font-size:var(--text-2xl);margin-bottom:var(--space-4)}