@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.13.1/font/bootstrap-icons.min.css");:root{--primary-color: #007bff;--primary-hover: #0056b3;--secondary-color: #6c757d;--text-color: #333;--text-muted: #666;--text-light: #999;--bg-color: #fff;--bg-secondary: #f8f9fa;--bg-muted: #e9ecef;--border-color: #e5e5e5;--border-light: #f0f0f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15);--border-radius-sm: 4px;--border-radius: 6px;--border-radius-lg: 8px;--border-radius-xl: 12px;--transition-fast: 0.15s ease;--transition: 0.3s ease;--transition-slow: 0.5s ease;--z-header: 100;--z-dropdown: 200;--z-overlay: 999;--z-modal: 1000}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;font-size:16px;line-height:1.6;color:var(--text-color);background-color:var(--bg-color);transition:color var(--transition),background-color var(--transition)}.skip-nav{position:absolute;top:-40px;left:6px;z-index:var(--z-modal);padding:8px;background:var(--primary-color);color:white;text-decoration:none;border-radius:var(--border-radius);font-size:14px;transition:top var(--transition)}.skip-nav:focus{top:6px}.container{max-width:1200px;margin:0 auto;padding:0 20px}@media (max-width: 768px){.container{padding:0 15px}}@media (max-width: 480px){.container{padding:0 10px}}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}a:hover{color:var(--primary-hover)}.btn,.theme-toggle-btn,.user-toggle,.login-link,.signup-link,.mobile-user-links a,.mobile-auth-links a{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border:1px solid transparent;border-radius:var(--border-radius);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:all var(--transition);white-space:nowrap;gap:.5rem;text-shadow:none}.btn:disabled,.theme-toggle-btn:disabled,.user-toggle:disabled,.login-link:disabled,.signup-link:disabled,.mobile-user-links a:disabled,.mobile-auth-links a:disabled{opacity:0.6;cursor:not-allowed}.btn--primary,.signup-link,.mobile-auth-links .mobile-signup-link,.mobile-user-links a:hover{background:var(--primary-color);color:white;border-color:var(--primary-color)}.btn--primary:hover:not(:disabled),.signup-link:hover:not(:disabled),.mobile-auth-links .mobile-signup-link:hover:not(:disabled),.mobile-user-links a:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn--secondary,.user-toggle,.login-link,.mobile-auth-links .mobile-login-link,.mobile-user-links a{background:transparent;color:var(--primary-color);border-color:var(--border-color)}.btn--secondary:hover:not(:disabled),.user-toggle:hover:not(:disabled),.login-link:hover:not(:disabled),.mobile-auth-links .mobile-login-link:hover:not(:disabled),.mobile-user-links a:hover:not(:disabled){background:var(--primary-color);color:white}.btn--icon,.theme-toggle-btn{width:44px;height:44px;padding:0;border-radius:50%}.btn--sm{padding:.25rem .5rem;font-size:14px}.btn--lg{padding:1rem 1.5rem;font-size:18px}.form-control{display:block;width:100%;padding:.5rem;border:1px solid var(--border-color);border-radius:var(--border-radius);font-size:16px;background-color:var(--bg-color);color:var(--text-color);transition:border-color var(--transition)}.form-control:focus{outline:none;border-color:var(--primary-color)}.card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden}.card__header{padding:1rem;border-bottom:1px solid var(--border-color);background:var(--bg-secondary)}.card__body{padding:1rem}.card__footer{padding:1rem;border-top:1px solid var(--border-color);background:var(--bg-secondary)}.site-header{background:var(--bg-color);position:sticky;top:0;z-index:var(--z-header);transition:all var(--transition)}.site-header--scrolled{background:rgba(255,255,255,0.95);backdrop-filter:blur(10px)}.header-inner{display:flex;align-items:center;justify-content:space-between;min-height:64px}@media (max-width: 768px){.header-inner{min-height:54px}}.header-left{display:flex;align-items:center;gap:1.5rem}.header-right{display:flex;align-items:center;gap:1rem}.site-logo{flex-shrink:0}.site-logo .logo-link{display:flex;align-items:center;text-decoration:none;color:var(--text-color)}.site-logo .logo-image{height:40px;width:auto}.site-logo .logo-text{font-size:24px;font-weight:700;color:var(--primary-color)}@media (max-width: 768px){.site-logo .logo-text{font-size:20px}}.main-nav{flex:1;display:flex;justify-content:center}@media (max-width: 768px){.main-nav{display:none}}.nav-list{display:flex;list-style:none;margin:0;padding:0;gap:2rem}.nav-item{position:relative}.nav-item.active .nav-link{color:var(--primary-color)}.nav-link{display:block;padding:1rem 0;text-decoration:none;color:var(--text-color);font-weight:500;transition:color var(--transition);white-space:nowrap;line-height:1}.nav-link:hover{color:var(--primary-color)}.sub-nav{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition);z-index:var(--z-dropdown)}.nav-item:hover .sub-nav{opacity:1;visibility:visible;transform:translateY(0)}.sub-nav-item{position:relative}.sub-nav-item.active .sub-nav-link{background-color:var(--primary-color);color:white}.sub-nav-link{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--text-color);font-size:14px;transition:all var(--transition)}.sub-nav-link:hover{background-color:var(--primary-color);color:white}.sub-sub-nav{position:absolute;top:0;left:100%;min-width:180px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateX(-10px);transition:all var(--transition)}.sub-nav-item:hover .sub-sub-nav{opacity:1;visibility:visible;transform:translateX(0)}.sub-sub-nav-link{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--text-color);font-size:14px;transition:all var(--transition)}.sub-sub-nav-link:hover{background-color:var(--primary-color);color:white}.sub-sub-nav-item.active .sub-sub-nav-link{background-color:var(--primary-color);color:white}.theme-toggle{display:flex;flex-shrink:0;margin-right:1rem}@media (max-width: 768px){.theme-toggle{margin-right:.5rem}}.theme-toggle-btn{border:1px solid var(--border-color);background:var(--bg-color);color:var(--text-color);position:relative;overflow:hidden;outline:none}.theme-toggle-btn:hover{border-color:var(--primary-color);background-color:var(--primary-color);color:white}@media (max-width: 768px){.theme-toggle-btn{width:40px;height:40px}}.theme-icon{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);transition:all var(--transition);font-size:18px;display:flex;align-items:center;justify-content:center}.theme-icon--sun{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.theme-icon--moon{opacity:0;transform:translate(-50%, -50%) rotate(-90deg)}.color_scheme_dark .theme-icon--sun{opacity:0;transform:translate(-50%, -50%) rotate(90deg)}.color_scheme_dark .theme-icon--moon{opacity:1;transform:translate(-50%, -50%) rotate(0deg)}.user-menu{flex-shrink:0;position:relative}@media (max-width: 768px){.user-menu{display:none}}.user-info{position:relative}.user-toggle{gap:.5rem;border-radius:var(--border-radius);outline:none}.user-toggle[aria-expanded="true"] .user-icon{transform:rotate(180deg)}.user-name{font-weight:500}.user-icon{transition:transform var(--transition);font-size:14px}.user-dropdown{position:absolute;top:calc(100% + 5px);right:0;min-width:180px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);box-shadow:var(--shadow-lg);list-style:none;margin:0;padding:.5rem 0;opacity:0;visibility:hidden;transform:translateY(-10px);transition:all var(--transition);z-index:var(--z-dropdown)}.user-toggle[aria-expanded="true"]+.user-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-dropdown a{display:block;padding:.5rem 1rem;text-decoration:none;color:var(--text-color);font-size:14px;transition:all var(--transition)}.user-dropdown a:hover{background-color:var(--primary-color);color:white}.user-dropdown a i{margin-right:.5rem;width:16px;text-align:center}.auth-links{display:flex;gap:1rem}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;padding:0}@media (max-width: 768px){.mobile-menu-btn{display:flex}}.hamburger{display:flex;flex-direction:column;width:24px;height:18px;position:relative}.bar{width:100%;height:2px;background:var(--text-color);border-radius:1px;transition:all var(--transition);position:absolute}.bar:nth-child(1){top:0}.bar:nth-child(2){top:50%;transform:translateY(-50%)}.bar:nth-child(3){bottom:0}.mobile-menu-btn[aria-expanded="true"] .bar:nth-child(1){transform:rotate(45deg) translate(6px, 6px)}.mobile-menu-btn[aria-expanded="true"] .bar:nth-child(2){opacity:0}.mobile-menu-btn[aria-expanded="true"] .bar:nth-child(3){transform:rotate(-45deg) translate(6px, -6px)}.mobile-nav-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,0.5);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition)}.mobile-nav-overlay.active{opacity:1;visibility:visible}.mobile-nav{position:absolute;top:0;right:0;width:300px;height:100%;background:var(--bg-color);padding:2rem;transform:translateX(100%);transition:transform var(--transition);overflow-y:auto}@media (max-width: 480px){.mobile-nav{width:280px}}.mobile-nav-overlay.active .mobile-nav{transform:translateX(0)}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-item{border-bottom:1px solid var(--border-color);position:relative}.mobile-nav-item.active .mobile-nav-link{color:var(--primary-color)}.mobile-nav-link{display:block;padding:1rem 0;text-decoration:none;color:var(--text-color);font-weight:500;transition:color var(--transition)}.mobile-nav-link:hover{color:var(--primary-color)}.mobile-submenu-toggle{position:absolute;right:0;top:50%;transform:translateY(-50%);width:40px;height:40px;background:none;border:none;color:var(--text-color);cursor:pointer;transition:transform var(--transition);display:flex;align-items:center;justify-content:center}.mobile-submenu-toggle[aria-expanded="true"]{transform:translateY(-50%) rotate(45deg)}.mobile-submenu-toggle .toggle-icon{font-size:18px;font-weight:bold}.mobile-sub-nav{list-style:none;margin:0;padding:0;max-height:0;overflow:hidden;transition:max-height var(--transition)}.mobile-submenu-toggle[aria-expanded="true"]+.mobile-sub-nav{max-height:500px}.mobile-sub-nav-item.active .mobile-sub-nav-link{color:var(--primary-color)}.mobile-sub-nav-link{display:block;padding:.5rem 0 .5rem 1rem;text-decoration:none;color:var(--text-color);font-size:14px;transition:color var(--transition)}.mobile-sub-nav-link:hover{color:var(--primary-color)}.mobile-user-menu{margin-top:2rem;padding-top:2rem;border-top:1px solid var(--border-color)}.mobile-user-name{font-weight:600;margin:0 0 1rem 0;color:var(--text-color)}.mobile-user-links,.mobile-auth-links{display:flex;flex-direction:column;gap:.5rem}.mobile-user-links a,.mobile-auth-links a{text-align:center}.mobile-user-links a i,.mobile-auth-links a i{margin-right:.5rem}.breadcrumb-wrapper{background:var(--bg-secondary);padding:1rem 0}.breadcrumb{margin:0}.breadcrumb-list{display:flex;list-style:none;margin:0;padding:0;font-size:14px;flex-wrap:wrap;gap:.25rem}.breadcrumb-item{display:flex;align-items:center}.breadcrumb-item:not(:last-child)::after{content:"/";margin:0 .5rem;color:var(--text-muted);font-size:12px}.breadcrumb-item a{color:var(--primary-color);text-decoration:none;transition:color var(--transition)}.breadcrumb-item a:hover{color:var(--primary-hover)}.breadcrumb-item.active{color:var(--text-muted)}@media (max-width: 480px){.breadcrumb-wrapper{padding:.5rem 0}.breadcrumb-item{font-size:12px}.breadcrumb-item:not(:last-child)::after{margin:0 .25rem}}.main-content{min-height:60vh;padding:2rem 0}@media (max-width: 768px){.main-content{padding:1.5rem 0}}@media (max-width: 480px){.main-content{padding:1rem 0}}.content-section{margin-bottom:3rem}.content-section:last-child{margin-bottom:0}.content-header{margin-bottom:2rem;text-align:center}.content-header h1{font-size:30px;font-weight:700;color:var(--text-color);margin:0 0 1rem 0}.content-header .subtitle{font-size:18px;color:var(--text-muted);margin:0}@media (max-width: 768px){.content-header{margin-bottom:1.5rem}.content-header h1{font-size:24px}.content-header .subtitle{font-size:16px}}.article-content{max-width:800px;margin:0 auto}.article-content h1,.article-content h2,.article-content h3,.article-content h4,.article-content h5,.article-content h6{color:var(--text-color);font-weight:600;line-height:1.4;margin:2rem 0 1rem 0}.article-content h1:first-child,.article-content h2:first-child,.article-content h3:first-child,.article-content h4:first-child,.article-content h5:first-child,.article-content h6:first-child{margin-top:0}.article-content h1{font-size:30px}.article-content h2{font-size:24px}.article-content h3{font-size:20px}.article-content h4{font-size:18px}.article-content h5{font-size:16px}.article-content h6{font-size:14px}.article-content p{margin:0 0 1rem 0;color:var(--text-color);line-height:1.8}.article-content p:last-child{margin-bottom:0}.article-content ul,.article-content ol{margin:0 0 1rem 0;padding-left:2rem;color:var(--text-color)}.article-content ul li,.article-content ol li{margin-bottom:.5rem}.article-content blockquote{margin:2rem 0;padding:1rem 1.5rem;border-left:4px solid var(--primary-color);background:var(--bg-secondary);border-radius:0 var(--border-radius) var(--border-radius) 0;font-style:italic;color:var(--text-muted)}.article-content code{background:var(--bg-secondary);padding:.25rem .5rem;border-radius:var(--border-radius-sm);font-family:'Courier New', monospace;font-size:14px;color:var(--primary-color)}.article-content pre{background:var(--bg-secondary);padding:1rem;border-radius:var(--border-radius);overflow-x:auto;margin:2rem 0}.article-content pre code{background:none;padding:0;color:var(--text-color)}.article-content img{max-width:100%;height:auto;border-radius:var(--border-radius);margin:2rem 0}.article-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:14px}.article-content table th,.article-content table td{padding:.5rem;border:1px solid var(--border-color);text-align:left}.article-content table th{background:var(--bg-secondary);font-weight:600}.article-content table tr:nth-child(even){background:var(--bg-secondary)}.content-grid{display:grid;gap:2rem}.content-grid--2col{grid-template-columns:repeat(2, 1fr)}@media (max-width: 768px){.content-grid--2col{grid-template-columns:1fr}}.content-grid--3col{grid-template-columns:repeat(3, 1fr)}@media (max-width: 768px){.content-grid--3col{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.content-grid--3col{grid-template-columns:1fr}}.content-grid--4col{grid-template-columns:repeat(4, 1fr)}@media (max-width: 1024px){.content-grid--4col{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 768px){.content-grid--4col{grid-template-columns:repeat(2, 1fr)}}@media (max-width: 480px){.content-grid--4col{grid-template-columns:1fr}}.site-footer{background:var(--bg-secondary);padding:3rem 0;margin-top:4rem}.footer-content{text-align:center}.footer-nav{margin-bottom:2rem}.footer-nav-list{display:flex;justify-content:center;list-style:none;margin:0;padding:0;gap:2rem;flex-wrap:wrap}@media (max-width: 768px){.footer-nav-list{gap:1rem}}.footer-nav-link{text-decoration:none;color:var(--text-color);font-size:14px;font-weight:500;transition:color var(--transition)}.footer-nav-link:hover{color:var(--primary-color)}.footer-nav-link i{margin-right:.25rem}.footer-text{color:var(--text-muted);font-size:14px;margin:0}.footer-text p{margin:0}.footer-text a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.footer-text a:hover{color:var(--primary-color)}.footer-sections{display:grid;grid-template-columns:repeat(auto-fit, minmax(250px, 1fr));gap:3rem;text-align:left;margin-bottom:3rem}@media (max-width: 768px){.footer-sections{grid-template-columns:1fr;text-align:center;gap:2rem}}.footer-section__title{font-size:18px;font-weight:600;color:var(--text-color);margin:0 0 1rem 0}.footer-section__content{color:var(--text-muted);font-size:14px;line-height:1.8}.footer-section__content ul{list-style:none;padding:0;margin:0}.footer-section__content ul li{margin-bottom:.5rem}.footer-section__content a{color:var(--text-muted);text-decoration:none;transition:color var(--transition)}.footer-section__content a:hover{color:var(--primary-color)}.footer-social{display:flex;justify-content:center;gap:1rem;margin-bottom:2rem}.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--bg-color);border:1px solid var(--border-color);border-radius:50%;color:var(--text-color);text-decoration:none;transition:all var(--transition)}.footer-social a:hover{background:var(--primary-color);border-color:var(--primary-color);color:white;transform:translateY(-2px)}.footer-social a i{font-size:18px}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:50px;height:50px;background:var(--primary-color);color:white;border:none;border-radius:50%;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(20px);transition:all var(--transition);z-index:var(--z-header)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--primary-hover);transform:translateY(-2px)}.back-to-top i{font-size:20px}@media (max-width: 480px){.back-to-top{bottom:1rem;right:1rem;width:45px;height:45px}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-muted{color:var(--text-muted)}.text-light{color:var(--text-light)}.text-primary{color:var(--primary-color)}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.m-0{margin:0}.mt-0{margin-top:0}.mr-0{margin-right:0}.mb-0{margin-bottom:0}.ml-0{margin-left:0}.m-1{margin:.25rem}.mt-1{margin-top:.25rem}.mr-1{margin-right:.25rem}.mb-1{margin-bottom:.25rem}.ml-1{margin-left:.25rem}.m-2{margin:.5rem}.mt-2{margin-top:.5rem}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.ml-2{margin-left:.5rem}.m-3{margin:1rem}.mt-3{margin-top:1rem}.mr-3{margin-right:1rem}.mb-3{margin-bottom:1rem}.ml-3{margin-left:1rem}.m-4{margin:1.5rem}.mt-4{margin-top:1.5rem}.mr-4{margin-right:1.5rem}.mb-4{margin-bottom:1.5rem}.ml-4{margin-left:1.5rem}.m-5{margin:2rem}.mt-5{margin-top:2rem}.mr-5{margin-right:2rem}.mb-5{margin-bottom:2rem}.ml-5{margin-left:2rem}.p-0{padding:0}.pt-0{padding-top:0}.pr-0{padding-right:0}.pb-0{padding-bottom:0}.pl-0{padding-left:0}.p-1{padding:.25rem}.pt-1{padding-top:.25rem}.pr-1{padding-right:.25rem}.pb-1{padding-bottom:.25rem}.pl-1{padding-left:.25rem}.p-2{padding:.5rem}.pt-2{padding-top:.5rem}.pr-2{padding-right:.5rem}.pb-2{padding-bottom:.5rem}.pl-2{padding-left:.5rem}.p-3{padding:1rem}.pt-3{padding-top:1rem}.pr-3{padding-right:1rem}.pb-3{padding-bottom:1rem}.pl-3{padding-left:1rem}.p-4{padding:1.5rem}.pt-4{padding-top:1.5rem}.pr-4{padding-right:1.5rem}.pb-4{padding-bottom:1.5rem}.pl-4{padding-left:1.5rem}.p-5{padding:2rem}.pt-5{padding-top:2rem}.pr-5{padding-right:2rem}.pb-5{padding-bottom:2rem}.pl-5{padding-left:2rem}.d-none{display:none}.d-block{display:block}.d-inline{display:inline}.d-inline-block{display:inline-block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-1{flex:1}.flex-auto{flex:auto}.flex-none{flex:none}.w-full{width:100%}.w-auto{width:auto}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.h-full{height:100%}.h-auto{height:auto}.h-screen{height:100vh}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-scroll{overflow:scroll}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.visible{visibility:visible}.invisible{visibility:hidden}.cursor-pointer{cursor:pointer}.cursor-default{cursor:default}.cursor-not-allowed{cursor:not-allowed}.border{border:1px solid var(--border-color)}.border-0{border:0}.border-t{border-top:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.rounded{border-radius:var(--border-radius)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-full{border-radius:50%}.rounded-none{border-radius:0}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-lg{box-shadow:var(--shadow-lg)}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--bg-secondary)}.bg-muted{background-color:var(--bg-muted)}.bg-transparent{background-color:transparent}@media (max-width: 768px){.md\:d-none{display:none}.md\:d-block{display:block}.md\:d-flex{display:flex}.md\:text-center{text-align:center}.md\:text-left{text-align:left}}@media (max-width: 480px){.sm\:d-none{display:none}.sm\:d-block{display:block}.sm\:d-flex{display:flex}.sm\:text-center{text-align:center}.sm\:text-left{text-align:left}.sm\:w-full{width:100%}}@media print{.print\:d-none{display:none}.print\:d-block{display:block}}.color_scheme_dark{--text-color: #f8f9fa;--text-muted: #adb5bd;--text-light: #6c757d;--bg-color: #272727;--bg-secondary: #2a2a2a;--bg-muted: #2a2a2a;--border-color: #495057;--border-light: #3a3a3a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow: 0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4)}.color_scheme_dark .site-header--scrolled{background:rgba(33,37,41,0.95)}.color_scheme_dark .breadcrumb-wrapper{background:var(--bg-muted)}.color_scheme_dark .site-footer{background:var(--bg-muted)}.color_scheme_dark .card{background:var(--bg-color);border-color:var(--border-color)}.color_scheme_dark .card__header,.color_scheme_dark .card__footer{background:var(--bg-secondary)}.color_scheme_dark .form-control{background-color:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color)}.color_scheme_dark .form-control:focus{border-color:var(--primary-color)}.color_scheme_dark .form-control::placeholder{color:var(--text-muted)}.color_scheme_dark .btn--secondary,.color_scheme_dark .user-toggle,.color_scheme_dark .login-link,.color_scheme_dark .mobile-auth-links .mobile-login-link,.mobile-auth-links .color_scheme_dark .mobile-login-link,.color_scheme_dark .mobile-user-links a,.mobile-user-links .color_scheme_dark a{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color)}.color_scheme_dark .btn--secondary:hover:not(:disabled),.color_scheme_dark .user-toggle:hover:not(:disabled),.color_scheme_dark .login-link:hover:not(:disabled),.color_scheme_dark .mobile-auth-links .mobile-login-link:hover:not(:disabled),.mobile-auth-links .color_scheme_dark .mobile-login-link:hover:not(:disabled),.color_scheme_dark .mobile-user-links a:hover:not(:disabled),.mobile-user-links .color_scheme_dark a:hover:not(:disabled){background:var(--primary-color);border-color:var(--primary-color);color:white}.color_scheme_dark .sub-nav,.color_scheme_dark .sub-sub-nav,.color_scheme_dark .user-dropdown{background:var(--bg-color);border-color:var(--border-color)}.color_scheme_dark .mobile-nav{background:var(--bg-color)}.color_scheme_dark .article-content code{background:var(--bg-secondary);color:var(--primary-color)}.color_scheme_dark .article-content pre{background:var(--bg-secondary)}.color_scheme_dark .article-content pre code{color:var(--text-color)}.color_scheme_dark .article-content blockquote{background:var(--bg-secondary);color:var(--text-muted)}.color_scheme_dark .article-content table th,.color_scheme_dark .article-content table td{border-color:var(--border-color)}.color_scheme_dark .article-content table th{background:var(--bg-secondary)}.color_scheme_dark .article-content table tr:nth-child(even){background:var(--bg-secondary)}.color_scheme_dark .footer-social a{background:var(--bg-secondary);border-color:var(--border-color);color:var(--text-color)}.color_scheme_dark .footer-social a:hover{background:var(--primary-color);border-color:var(--primary-color);color:white}.color_scheme_light{--text-color: #333;--text-muted: #666;--text-light: #999;--bg-color: #fff;--bg-secondary: #f8f9fa;--bg-muted: #e9ecef;--border-color: #e5e5e5;--border-light: #f0f0f0;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.1);--shadow: 0 2px 4px rgba(0, 0, 0, 0.1);--shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.15)}@media (prefers-color-scheme: dark){:root:not(.color_scheme_light){--text-color: #f8f9fa;--text-muted: #adb5bd;--text-light: #6c757d;--bg-color: #212529;--bg-secondary: #2a2a2a;--bg-muted: #343a40;--border-color: #3d3d3d;--border-light: #3a3a3a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.3);--shadow: 0 2px 4px rgba(0, 0, 0, 0.3);--shadow-lg: 0 4px 8px rgba(0, 0, 0, 0.4)}}.color_scheme_dark .x{background-color:var(--bg-color);color:var(--text-color)}.color_scheme_dark .x .header{background-color:var(--bg-secondary);border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .header h1 a{color:var(--text-color)}.color_scheme_dark .x .header h1 a:hover{color:var(--primary-color)}.color_scheme_dark .x .header .site a{color:var(--text-muted)}.color_scheme_dark .x .header .site a:hover{color:var(--primary-color)}.color_scheme_dark .x .header .account ul li a{color:var(--text-color)}.color_scheme_dark .x .header .account ul li a:hover{color:var(--primary-color)}.color_scheme_dark .x .header .account .x_dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.color_scheme_dark .x .header .account .x_dropdown-menu li a{color:var(--text-color)}.color_scheme_dark .x .header .account .x_dropdown-menu li a:hover{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .gnb{background-color:var(--bg-secondary);border-right:1px solid var(--border-color)}.color_scheme_dark .x .gnb ul li{border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .gnb ul li>a{color:var(--text-color);background-color:transparent}.color_scheme_dark .x .gnb ul li>a:hover{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .gnb ul li.active>a,.color_scheme_dark .x .gnb ul li.open>a{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .gnb ul li ul{background-color:var(--bg-color)}.color_scheme_dark .x .gnb ul li ul li a{color:var(--text-muted)}.color_scheme_dark .x .gnb ul li ul li a:hover{background-color:var(--bg-muted);color:var(--text-color)}.color_scheme_dark .x .gnb ul li ul li.active_ a{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .section>h1{border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_page-header{border-bottom:2px solid var(--border-color)}.color_scheme_dark .x .x_page-header h1{color:var(--text-color)}.color_scheme_dark .x .x_page-header h1 .path{color:var(--text-muted)}.color_scheme_dark .x .content{background-color:var(--bg-color)}.color_scheme_dark .x .content .message{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x .content .message.error{background-color:rgba(220,53,69,0.1);border-color:#dc3545;color:#dc3545}.color_scheme_dark .x .content .message.error h2,.color_scheme_dark .x .content .message.error h3{color:#dc3545}.color_scheme_dark .x .content .message.success{background-color:rgba(40,167,69,0.1);border-color:#28a745;color:#28a745}.color_scheme_dark .x .content .x_alert{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x .content .x_alert.x_alert-block{background-color:rgba(255,193,7,0.1);border-color:#ffc107}.color_scheme_dark .x .x_table{background-color:var(--bg-color);border-color:var(--border-color)}.color_scheme_dark .x .x_table caption{color:var(--text-color)}.color_scheme_dark .x .x_table thead{background-color:var(--bg-secondary)}.color_scheme_dark .x .x_table thead th{background-color:var(--bg-secondary);color:var(--text-color);border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_table tbody tr{background-color:var(--bg-color);border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_table tbody tr:hover{background-color:var(--bg-muted)}.color_scheme_dark .x .x_table tbody tr td{color:var(--text-color);border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_table tbody tr td a{color:var(--primary-color)}.color_scheme_dark .x .x_table tbody tr td a:hover{color:var(--primary-hover);text-decoration:underline}.color_scheme_dark .x .x_table tbody.x_table-striped tr:nth-child(even){background-color:var(--bg-secondary)}.color_scheme_dark .x .x_form-horizontal .x_control-group{border-top:0;border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_form-horizontal .x_control-group .x_control-label{color:var(--text-color);font-weight:600}.color_scheme_dark .x .x_form-horizontal .x_control-group .x_controls{color:var(--text-color)}.color_scheme_dark .x .x_form-horizontal .x_control-group .x_controls .x_help-block,.color_scheme_dark .x .x_form-horizontal .x_control-group .x_controls .x_help-inline{color:var(--text-muted)}.color_scheme_dark .x input[type="text"],.color_scheme_dark .x input[type="email"],.color_scheme_dark .x input[type="password"],.color_scheme_dark .x input[type="number"],.color_scheme_dark .x input[type="url"],.color_scheme_dark .x input[type="search"],.color_scheme_dark .x textarea,.color_scheme_dark .x select{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x input[type="text"]:focus,.color_scheme_dark .x input[type="email"]:focus,.color_scheme_dark .x input[type="password"]:focus,.color_scheme_dark .x input[type="number"]:focus,.color_scheme_dark .x input[type="url"]:focus,.color_scheme_dark .x input[type="search"]:focus,.color_scheme_dark .x textarea:focus,.color_scheme_dark .x select:focus{background-color:var(--bg-secondary);border-color:var(--primary-color);color:var(--text-color);box-shadow:0 0 0 2px rgba(0,123,255,0.2)}.color_scheme_dark .x input[type="text"]:disabled,.color_scheme_dark .x input[type="email"]:disabled,.color_scheme_dark .x input[type="password"]:disabled,.color_scheme_dark .x input[type="number"]:disabled,.color_scheme_dark .x input[type="url"]:disabled,.color_scheme_dark .x input[type="search"]:disabled,.color_scheme_dark .x textarea:disabled,.color_scheme_dark .x select:disabled{background-color:var(--bg-muted);color:var(--text-light)}.color_scheme_dark .x input[type="text"]::placeholder,.color_scheme_dark .x input[type="email"]::placeholder,.color_scheme_dark .x input[type="password"]::placeholder,.color_scheme_dark .x input[type="number"]::placeholder,.color_scheme_dark .x input[type="url"]::placeholder,.color_scheme_dark .x input[type="search"]::placeholder,.color_scheme_dark .x textarea::placeholder,.color_scheme_dark .x select::placeholder{color:var(--text-muted)}.color_scheme_dark .x .x_btn{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x .x_btn:hover{background-color:var(--bg-muted);border-color:var(--border-color);color:var(--text-color)}.color_scheme_dark .x .x_btn:focus{box-shadow:0 0 0 2px rgba(0,123,255,0.2)}.color_scheme_dark .x .x_btn.x_btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:white}.color_scheme_dark .x .x_btn.x_btn-primary:hover{background-color:var(--primary-hover);border-color:var(--primary-hover)}.color_scheme_dark .x .x_btn.x_btn-link{background-color:transparent;border:none;color:var(--primary-color)}.color_scheme_dark .x .x_btn.x_btn-link:hover{color:var(--primary-hover);text-decoration:underline}.color_scheme_dark .x .x_btn:disabled{background-color:var(--bg-muted);color:var(--text-light);border-color:var(--border-color)}.color_scheme_dark .x input[type="checkbox"],.color_scheme_dark .x input[type="radio"]{accent-color:var(--primary-color)}.color_scheme_dark .x .x_nav-tabs{border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_nav-tabs li a{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x .x_nav-tabs li a:hover{background-color:var(--bg-muted);border-color:var(--border-color)}.color_scheme_dark .x .x_nav-tabs li.x_active a{background-color:var(--bg-color);border-bottom-color:var(--bg-color);color:var(--primary-color);font-weight:600}.color_scheme_dark .x .x_tab-content{background-color:var(--bg-color);border:1px solid var(--border-color);border-top:none}.color_scheme_dark .x .x_tab-content .x_tab-pane{background-color:var(--bg-color)}.color_scheme_dark .x .x_modal{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.color_scheme_dark .x .x_modal .x_modal-header{background-color:var(--bg-muted);border-bottom:1px solid var(--border-color)}.color_scheme_dark .x .x_modal .x_modal-header h1,.color_scheme_dark .x .x_modal .x_modal-header h2,.color_scheme_dark .x .x_modal .x_modal-header h3{color:var(--text-color)}.color_scheme_dark .x .x_modal .x_modal-header .close_window{color:var(--text-color)}.color_scheme_dark .x .x_modal .x_modal-header .close_window:hover{color:#dc3545}.color_scheme_dark .x .x_modal .x_modal-body{background-color:var(--bg-secondary);color:var(--text-color)}.color_scheme_dark .x .x_modal .x_modal-footer{background-color:var(--bg-muted);border-top:1px solid var(--border-color)}.color_scheme_dark .x .x_modal-backdrop{background-color:rgba(0,0,0,0.8)}.color_scheme_dark .x .x_dropdown-menu{background-color:var(--bg-secondary);border:1px solid var(--border-color)}.color_scheme_dark .x .x_dropdown-menu li a{color:var(--text-color)}.color_scheme_dark .x .x_dropdown-menu li a:hover{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .x_dropdown-menu li.x_active a{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .x_pagination ul li a,.color_scheme_dark .x .x_pagination ul li span,.color_scheme_dark .x .x_pagination ul li strong{background-color:var(--bg-secondary);border:1px solid var(--border-color);color:var(--text-color)}.color_scheme_dark .x .x_pagination ul li a:hover,.color_scheme_dark .x .x_pagination ul li span:hover,.color_scheme_dark .x .x_pagination ul li strong:hover{background-color:var(--bg-muted);color:var(--primary-color)}.color_scheme_dark .x .x_pagination ul .x_active a,.color_scheme_dark .x .x_pagination ul .x_active span,.color_scheme_dark .x .x_pagination ul .x_active strong{background-color:var(--primary-color);border-color:var(--primary-color);color:white}.color_scheme_dark .x a{color:var(--primary-color)}.color_scheme_dark .x a:hover{color:var(--primary-hover)}.color_scheme_dark .x .x_help-block,.color_scheme_dark .x .x_help-inline{color:var(--text-muted)}.color_scheme_dark .x .btnArea{border-top:1px solid var(--border-color);background-color:var(--bg-secondary)}.color_scheme_dark .x .btnArea .etc a{color:var(--text-muted)}.color_scheme_dark .x .btnArea .etc a:hover{color:var(--primary-color)}.color_scheme_dark .x ::-webkit-scrollbar{width:8px;height:8px}.color_scheme_dark .x ::-webkit-scrollbar-track{background:var(--bg-secondary)}.color_scheme_dark .x ::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:4px}.color_scheme_dark .x ::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.demo-content{padding:0}.hero-section{background:linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 80%, #000) 100%);color:white;text-align:center;padding:80px 0;margin:-1rem -2rem 0;border-radius:var(--border-radius-lg)}@media (max-width: 768px){.hero-section{padding:60px 0;margin:-.5rem 0}}@media (max-width: 480px){.hero-section{padding:20px 0}}.hero-content{max-width:600px;margin:0 auto;padding:0 1rem}.hero-title{display:inline-block;font-size:3rem;font-weight:700;margin:0;text-shadow:0 2px 4px rgba(0,0,0,0.3)}@media (max-width: 768px){.hero-title{font-size:2.5rem}}@media (max-width: 480px){.hero-title{font-size:2rem}}.hero-subtitle{font-size:18px;margin-bottom:2rem;opacity:0.9;line-height:1.6}@media (max-width: 480px){.hero-subtitle{font-size:16px}}.hero-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.hero-actions .btn,.hero-actions .theme-toggle-btn,.hero-actions .user-toggle,.hero-actions .login-link,.hero-actions .signup-link,.hero-actions .mobile-user-links a,.mobile-user-links .hero-actions a,.hero-actions .mobile-auth-links a,.mobile-auth-links .hero-actions a{box-shadow:0 4px 8px rgba(0,0,0,0.2)}.hero-actions .btn--secondary,.hero-actions .user-toggle,.hero-actions .login-link,.hero-actions .mobile-auth-links .mobile-login-link,.mobile-auth-links .hero-actions .mobile-login-link,.hero-actions .mobile-user-links a,.mobile-user-links .hero-actions a{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);color:white}.hero-actions .btn--secondary:hover,.hero-actions .user-toggle:hover,.hero-actions .login-link:hover,.hero-actions .mobile-auth-links .mobile-login-link:hover,.mobile-auth-links .hero-actions .mobile-login-link:hover,.hero-actions .mobile-user-links a:hover,.mobile-user-links .hero-actions a:hover{background:rgba(255,255,255,0.3);border-color:rgba(255,255,255,0.4)}.section-header{text-align:center;margin-bottom:2.5rem}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-color)}@media (max-width: 768px){.section-header h2{font-size:2rem}}.section-header p{font-size:18px;color:var(--text-muted);max-width:600px;margin:0 auto}.features-section{padding:2.5rem 0;outline:none}.features-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2.5rem}@media (max-width: 480px){.features-grid{grid-template-columns:1fr;gap:1.5rem}}.feature-card{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius-lg);padding:2rem;text-align:center;transition:all var(--transition);box-shadow:var(--shadow)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--primary-color)}.feature-icon{width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg, var(--primary-color), var(--primary-hover));display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:white;font-size:24px}.feature-card h3{font-size:20px;font-weight:600;margin-bottom:1rem;color:var(--text-color)}.feature-card p{color:var(--text-muted);line-height:1.6}.demo-section{padding:2.5rem 2rem;background:var(--bg-secondary);margin:2.5rem -2rem 0;border-radius:var(--border-radius-lg)}@media (max-width: 768px){.demo-section{margin:2rem -1rem 0}}.demo-grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr));gap:2rem;margin-top:2.5rem}@media (max-width: 480px){.demo-grid{grid-template-columns:1fr;gap:1.5rem}}.demo-item{background:var(--bg-color);border:1px solid var(--border-color);border-radius:var(--border-radius);padding:1.5rem;box-shadow:var(--shadow-sm)}.demo-item h3{font-size:18px;font-weight:600;margin-bottom:1rem;color:var(--text-color);border-bottom:1px solid var(--border-light);padding-bottom:.5rem}.demo-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.demo-buttons .btn,.demo-buttons .theme-toggle-btn,.demo-buttons .user-toggle,.demo-buttons .login-link,.demo-buttons .signup-link,.demo-buttons .mobile-user-links a,.mobile-user-links .demo-buttons a,.demo-buttons .mobile-auth-links a,.mobile-auth-links .demo-buttons a{flex:none}.demo-form{display:flex;flex-direction:column;gap:1rem}.demo-form .form-control{width:100%}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background:var(--primary-color);color:white;border:none;box-shadow:var(--shadow-lg);font-size:18px;cursor:pointer;transition:all var(--transition);z-index:var(--z-tooltip);opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top:hover{background:var(--primary-hover);transform:translateY(-2px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}@media (max-width: 480px){.back-to-top{bottom:20px;right:20px;width:44px;height:44px;font-size:16px}}html{scroll-behavior:smooth}.color_scheme_dark .hero-section{background:linear-gradient(135deg, var(--primary-color) 0%, color-mix(in srgb, var(--primary-color) 60%, #000) 100%)}.color_scheme_dark .demo-section{background:var(--bg-muted)}.color_scheme_dark .feature-card,.color_scheme_dark .demo-item{background:var(--bg-secondary);border-color:var(--border-color)}
/*# sourceMappingURL=style.min.css.map */