:root{--color-bg-primary:#1a1d29;--color-bg-secondary:#252836;--color-bg-tertiary:#3a3f5c;--color-text-primary:#e1e8ed;--color-text-secondary:#8899a6;--color-text-tertiary:#b8c5d0;--color-accent-blue:#5b9dd9;--color-accent-blue-hover:#4a8dc8;--color-accent-red:#d97c5b;--color-border:#3a3f5c;--spacing-unit:8px;--border-radius-sm:4px;--border-radius-md:8px;--transition-speed:.2s}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif;background:var(--color-bg-primary);color:var(--color-text-primary);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}main{flex:1}a{color:var(--color-accent-blue);text-decoration:none;transition:color var(--transition-speed) ease}a:hover{color:var(--color-accent-blue-hover);text-decoration:underline}a:focus{outline:2px solid var(--color-accent-blue);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2;margin-bottom:calc(var(--spacing-unit)*2)}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:calc(var(--spacing-unit)*2)}nav{background:var(--color-bg-secondary);border-bottom:2px solid var(--color-border);position:sticky;top:0;z-index:1000}nav ul{display:flex;flex-wrap:nowrap;justify-content:space-between;align-items:center;list-style:none;max-width:1200px;margin:0 auto;padding:0}nav li{flex:1 1 0;min-width:0;text-align:center}nav a{display:block;padding:calc(var(--spacing-unit)*2) calc(var(--spacing-unit));color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:background var(--transition-speed) ease}nav a:hover{background:var(--color-bg-tertiary);text-decoration:none}nav li.active a{background:var(--color-bg-tertiary);border-bottom:2px solid var(--color-accent-blue)}@media (max-width:767px){nav ul{flex-wrap:nowrap;overflow-x:visible}nav li{flex:1 1 0;min-width:0}nav a{padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*.5);font-size:.85rem}}.breadcrumb{max-width:1200px;margin:calc(var(--spacing-unit)*2) auto;padding:0 calc(var(--spacing-unit)*2);font-size:.9rem;color:var(--color-text-secondary)}.breadcrumb a{color:var(--color-accent-blue)}.breadcrumb span{margin:0 calc(var(--spacing-unit))}article{background:var(--color-bg-secondary);padding:calc(var(--spacing-unit)*3);border-radius:var(--border-radius-md);transition:transform var(--transition-speed) ease,box-shadow var(--transition-speed) ease}article:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.3)}section{margin-bottom:calc(var(--spacing-unit)*4)}.btn{display:inline-block;padding:calc(var(--spacing-unit)*1.5) calc(var(--spacing-unit)*3);background:var(--color-accent-blue);color:var(--color-text-primary);border:none;border-radius:var(--border-radius-sm);cursor:pointer;transition:background var(--transition-speed) ease,transform var(--transition-speed) ease;font-size:1rem}.btn:hover{background:var(--color-accent-blue-hover);transform:translateY(-1px);text-decoration:none}.btn:active{transform:translateY(0)}.tag{display:inline-block;background:var(--color-bg-tertiary);padding:calc(var(--spacing-unit)*.5) calc(var(--spacing-unit)*1.5);margin-right:calc(var(--spacing-unit));margin-bottom:calc(var(--spacing-unit));border-radius:var(--border-radius-sm);font-size:.85rem;color:var(--color-text-tertiary)}.grid{display:grid;gap:calc(var(--spacing-unit)*3)}.grid-2{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}@media (max-width:767px){.grid-2,.grid-3{grid-template-columns:1fr}}#back-to-top{position:fixed;bottom:calc(var(--spacing-unit)*3);right:calc(var(--spacing-unit)*3);width:48px;height:48px;background:var(--color-accent-blue);color:var(--color-text-primary);border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transition:opacity var(--transition-speed) ease,visibility var(--transition-speed) ease,transform var(--transition-speed) ease;z-index:999;font-size:1.5rem;display:flex;align-items:center;justify-content:center}#back-to-top.visible{opacity:1;visibility:visible}#back-to-top:hover{transform:translateY(-4px);background:var(--color-accent-blue-hover)}footer{text-align:center;padding:calc(var(--spacing-unit)*3) calc(var(--spacing-unit)*2);color:var(--color-text-secondary);border-top:1px solid var(--color-border);margin-top:calc(var(--spacing-unit)*6);background:var(--color-bg-secondary)}@media (max-width:1024px){html{font-size:15px}h1{font-size:2rem}h2{font-size:1.75rem}}@media (max-width:767px){html{font-size:14px}h1{font-size:1.75rem}h2{font-size:1.5rem}article{padding:calc(var(--spacing-unit)*2)}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mb-1{margin-bottom:calc(var(--spacing-unit))}.mb-2{margin-bottom:calc(var(--spacing-unit)*2)}.mb-3{margin-bottom:calc(var(--spacing-unit)*3)}.mt-1{margin-top:calc(var(--spacing-unit))}.mt-2{margin-top:calc(var(--spacing-unit)*2)}.mt-3{margin-top:calc(var(--spacing-unit)*3)}