:root{--primary-gradient: linear-gradient(135deg, #667eea, #764ba2);--primary-color: #667eea;--body-bg: linear-gradient(135deg, #f8f9ff 0%, #e8ecff 50%, #f0f4ff 100%);--surface-bg: rgba(255, 255, 255, .9);--text-color: #333;--subtle-text-color: #555;--border-color: rgba(102, 126, 234, .15);--hover-bg-color: linear-gradient(135deg, rgba(102, 126, 234, .05), rgba(118, 75, 162, .05));--shadow-md: 0 10px 40px rgba(0, 0, 0, .08);--border-radius: 20px}body{font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background:var(--body-bg);color:var(--text-color);line-height:1.7;margin:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#faq-app-container{display:flex;flex-direction:column;min-height:100vh}.main-container{display:grid;grid-template-columns:280px 1fr;gap:40px;width:100%;max-width:1400px;margin:2.5rem auto;padding:0 2.5rem;flex-grow:1;box-sizing:border-box;align-items:flex-start}.mobile-header{display:none}.mobile-logo img{height:40px;width:auto;display:block}.sidebar-toggle-btn{display:none;background:var(--primary-gradient);color:#fff;border:none;border-radius:50%;width:48px;height:48px;box-shadow:var(--shadow-md);align-items:center;justify-content:center;cursor:pointer}.pc-logo img{display:block;width:auto;height:60px;margin-bottom:1.5rem;cursor:pointer}.category-sidebar{background:var(--surface-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);padding:1.5rem;height:fit-content;position:sticky;top:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color);transition:transform .3s cubic-bezier(.4,0,.2,1)}.aside-logo{display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}.aside-logo img{height:40px;width:auto;display:block}.category-sidebar h2{font-size:1.25rem;font-weight:700;padding-bottom:1rem;margin:0 0 1rem;border-bottom:1px solid var(--border-color);color:var(--primary-color)}.category-sidebar ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.category-sidebar li button{width:100%;padding:10px 14px;border:none;background:transparent;color:var(--subtle-text-color);border-radius:14px;cursor:pointer;font-size:1rem;text-align:left;font-weight:500;transition:all .25s ease}.category-sidebar li button:hover{color:var(--primary-color);background:var(--hover-bg-color);transform:translate(4px)}.category-sidebar li button.active{color:#fff;font-weight:600;background-image:var(--primary-gradient);box-shadow:0 4px 15px #667eea4d}.right-column-wrapper{background:var(--surface-bg);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--border-radius);padding:2.5rem;box-shadow:var(--shadow-md);border:1px solid var(--border-color)}.app-header{text-align:left;margin-bottom:2.5rem}.qa-title{font-size:2.75rem;font-weight:800;margin:0 0 1.5rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.search-wrapper{position:relative;width:100%}.search-box{width:100%;padding:16px 22px 16px 60px;font-size:16px;background:#f8f9fa;color:var(--text-color);border:2px solid var(--border-color);border-radius:50px;box-sizing:border-box;box-shadow:0 6px 20px #0000000d;transition:all .3s ease}.search-box:focus{outline:none;border-color:var(--primary-color);box-shadow:0 8px 30px #667eea33}.search-icon{position:absolute;top:50%;left:1.5rem;transform:translateY(-50%);color:var(--subtle-text-color);pointer-events:none}.faq-list{border-top:1px solid var(--border-color);padding-top:1.5rem}.faq-category-header{font-size:1.5rem;font-weight:700;color:var(--primary-color);margin-bottom:1.5rem;margin-top:2rem;padding-bottom:.75rem;border-bottom:2px solid var(--border-color)}.faq-list>.faq-category-header:first-of-type{margin-top:0}.faq-item{border-bottom:1px solid var(--border-color);overflow:hidden}.faq-item:last-child{border-bottom:none}.faq-question{padding:22px 14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;border-radius:14px;transition:all .25s ease}.faq-question:hover{background-color:var(--hover-bg-color)}.faq-question-text{font-weight:700;font-size:1.15rem;background:var(--primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 8px rgba(102,126,234,.08)}.arrow-icon{flex-shrink:0;margin-left:1rem;transition:transform .3s ease;color:var(--subtle-text-color)}.faq-item.active .arrow-icon{transform:rotate(180deg);color:var(--primary-color)}.faq-answer-wrapper{display:grid;grid-template-rows:0fr;transition:all .35s ease-out}.faq-item.active .faq-answer-wrapper{grid-template-rows:1fr}.faq-answer{overflow:hidden}.faq-answer p{padding:0 14px 22px;margin:0;color:var(--subtle-text-color);line-height:1.8;font-size:1.02em;white-space:pre-line}.faq-answer a{color:var(--primary-color);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:border-color .2s ease}.faq-answer a:hover{border-bottom-color:var(--primary-color)}.status-message{text-align:center;color:#888;font-size:1.15em;padding:50px 20px}.spinner{width:48px;height:48px;border:5px solid var(--border-color);border-bottom-color:var(--primary-color);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:1rem}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.app-footer{background-color:transparent;color:var(--subtle-text-color);padding:3rem 2.5rem;margin-top:3rem;border-top:1px solid var(--border-color)}.footer-container{max-width:1400px;margin:0 auto;display:flex;justify-content:flex-start;align-items:center;gap:4rem;flex-wrap:wrap}.footer-logo{flex-shrink:0;cursor:pointer}.footer-logo img{width:100px}.footer-info{text-align:left;display:grid;grid-template-columns:auto auto;gap:.5rem 2rem}.footer-info p{margin:0;font-size:.9rem}.footer-copyright{max-width:1400px;margin:2rem auto 0;padding-top:2rem;border-top:1px solid var(--border-color);text-align:center}.footer-copyright p{margin:0;font-size:.85rem}.back-to-top-btn{position:fixed;right:2rem;bottom:2rem;z-index:1100;background-image:var(--primary-gradient);color:#fff;border:none;border-radius:50%;width:50px;height:50px;box-shadow:0 8px 25px #667eea66;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transform:translateY(20px);visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s,box-shadow .3s}.back-to-top-btn.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top-btn:hover{box-shadow:0 10px 30px #667eea80;transform:translateY(-2px)}@media (max-width: 992px){.main-container{grid-template-columns:220px 1fr;gap:2rem;padding:0 2rem;margin:2rem auto}}@media (max-width: 768px){.main-container{grid-template-columns:1fr;display:flex;flex-direction:column;gap:0;margin:1.5rem auto;padding:0 1.5rem}.right-column-wrapper{padding:1.5rem}.footer-container{flex-direction:column;align-items:flex-start}.mobile-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;position:relative;z-index:1201;width:100%}.sidebar-toggle-btn{display:flex;position:static;margin-left:auto}.category-sidebar{position:static;width:100%;transform:translate(-100%);z-index:1100;box-sizing:border-box;box-shadow:var(--shadow-md)}.category-sidebar.open{transform:translate(0);margin-bottom:1rem}.aside-logo,.pc-logo{display:none}}