.domain-wrapper{min-height:100vh;background:var(--bg-primary);font-family:var(--font-primary)}.domain-container{max-width:100%;margin:0;padding:var(--space-8);display:grid;grid-template-columns:280px 1fr;gap:var(--space-12);align-items:start}.domain-anchor{scroll-margin-top:120px;transition:transform .3s ease,box-shadow .3s ease}html{scroll-behavior:smooth}.domain-sidebar{position:sticky;top:calc(var(--space-8) + 80px);background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);box-shadow:var(--shadow-card);transition:all var(--transition-normal)}.domain-sidebar h2{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-light)}.domain-nav{list-style:none;padding:0;margin:0}.domain-nav li{margin-bottom:var(--space-2)}.domain-nav a{display:flex;align-items:center;padding:var(--space-3) var(--space-4);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:500;transition:all var(--transition-fast);line-height:1.4}.domain-nav a:hover{background:var(--bg-secondary);color:var(--primary-brand);text-decoration:none;transform:translateX(4px)}.domain-nav a.active{background:linear-gradient(135deg,var(--primary-brand) 0%,var(--primary-brand-dark) 100%);color:#fff;font-weight:600;box-shadow:var(--shadow-sm)}.domain-main{min-height:100vh}.domain-hero{text-align:center;margin-bottom:var(--space-16);padding:var(--space-12) var(--space-8);background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary) 100%);border-radius:var(--radius-2xl);border:1px solid var(--border-light);position:relative;overflow:hidden}.domain-hero:before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(10,36,99,.03) 0%,transparent 70%);animation:domainHeroFloat 20s ease-in-out infinite;z-index:0}.domain-hero h1{font-size:var(--text-5xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6);letter-spacing:-.02em;position:relative;z-index:1}.domain-hero p{font-size:var(--text-xl);color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto;position:relative;z-index:1}.domain-section{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-10);box-shadow:var(--shadow-card);transition:all var(--transition-normal);position:relative;overflow:hidden;margin-bottom:var(--space-12)}.domain-section:before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary-brand) 0%,var(--accent-cta) 100%)}.domain-section:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.domain-section h2{font-size:var(--text-3xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-8);padding-bottom:var(--space-4);border-bottom:1px solid var(--border-light);display:flex;align-items:center;gap:var(--space-3)}.domain-section h3{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.4}.domain-section p{font-size:var(--text-base);line-height:1.7;color:var(--text-secondary);margin-bottom:var(--space-6)}.domain-section p:last-child{margin-bottom:0}.domain-timeline{position:relative;padding-left:0}.domain-timeline-item{position:relative;margin-bottom:var(--space-8);padding:var(--space-6);background:var(--bg-secondary);border-radius:var(--radius-lg);border-left:4px solid var(--primary-brand);transition:all var(--transition-normal)}.domain-timeline-item:hover{transform:translateX(8px);box-shadow:var(--shadow-md);border-left-color:var(--accent-cta)}.domain-timeline-item:last-child{margin-bottom:0}.domain-timeline-item h3{color:var(--primary-brand);margin-bottom:var(--space-4);font-weight:600}.domain-timeline-item p{margin-bottom:0;line-height:1.7}.domain-tutorial-list{list-style:none;padding:0;margin:var(--space-6) 0 0;display:grid;gap:var(--space-4)}.domain-tutorial-list li{position:relative;padding:var(--space-4) var(--space-5);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.domain-tutorial-list li:before{content:"📚";position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);font-size:var(--text-lg)}.domain-tutorial-list li{padding-left:var(--space-12)}.domain-tutorial-list li:hover{transform:translateX(6px);border-color:var(--primary-brand);box-shadow:var(--shadow-sm)}.domain-tutorial-list a{color:var(--text-secondary);text-decoration:none;font-weight:500;line-height:1.5;transition:color var(--transition-fast)}.domain-tutorial-list a:hover{color:var(--primary-brand);text-decoration:none}.domain-faq-section{margin-top:var(--space-8)}.domain-faq-section .accordion-component{--accordion-bg-primary:var(--bg-card);--accordion-bg-secondary:var(--bg-secondary);--accordion-text-primary:var(--text-primary);--accordion-text-secondary:var(--text-secondary);--accordion-accent-primary:var(--primary-brand);--accordion-border-light:var(--border-light);--accordion-border-medium:var(--border-medium);--accordion-radius-lg:var(--radius-lg);--accordion-radius-xl:var(--radius-xl);--accordion-shadow-card:var(--shadow-card);--accordion-shadow-card-hover:var(--shadow-card-hover);--accordion-transition-normal:var(--transition-normal);--accordion-transition-fast:var(--transition-fast);--accordion-space-4:var(--space-4);--accordion-space-5:var(--space-5);--accordion-space-6:var(--space-6);--accordion-space-8:var(--space-8);--accordion-text-base:var(--text-base);--accordion-text-lg:var(--text-lg)}.domain-articles-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px, 1fr));gap:var(--space-8);margin-top:var(--space-8)}.domain-article-card{background:var(--bg-card);border:1px solid var(--border-light);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-normal);display:flex;flex-direction:column;height:100%}.domain-article-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:var(--primary-brand)}.domain-article-image{height:200px;overflow:hidden;position:relative;background:var(--bg-secondary);display:flex;align-items:center;justify-content:center}.domain-article-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-normal)}.domain-article-card:hover .domain-article-image img{transform:scale(1.05)}.domain-article-image a{color:var(--text-tertiary);font-size:var(--text-3xl);text-decoration:none}.domain-article-content{padding:var(--space-6);flex:1;display:flex;flex-direction:column}.domain-article-content h4{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-4);line-height:1.4}.domain-article-content h4 a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}.domain-article-content h4 a:hover{color:var(--primary-brand);text-decoration:none}.domain-article-content p{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6;margin-bottom:var(--space-4);flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.domain-article-meta{margin-top:auto;padding-top:var(--space-4);border-top:1px solid var(--border-light)}.domain-article-date{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:500}.domain-no-articles{text-align:center;padding:var(--space-12);color:var(--text-tertiary);background:var(--bg-secondary);border-radius:var(--radius-xl)}.domain-load-more-container{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);margin-top:var(--space-12)}.domain-load-more-btn{background:var(--bg-secondary);color:var(--text-primary);border:2px solid var(--border-medium);padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:600;cursor:pointer;transition:all var(--transition-fast);font-family:var(--font-primary)}.domain-load-more-btn:hover{background:var(--primary-brand);color:#fff;border-color:var(--primary-brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.domain-load-more-btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.domain-loading{color:var(--text-tertiary);font-size:var(--text-sm);font-weight:500}@keyframes domainHeroFloat{0%,100%{transform:translate(0,0) rotate(0deg)}25%{transform:translate(-10px,-10px) rotate(1deg)}50%{transform:translate(10px,-5px) rotate(-1deg)}75%{transform:translate(-5px,10px) rotate(.5deg)}}@media (max-width:1024px){.domain-container{grid-template-columns:240px 1fr;gap:var(--space-8);padding:var(--space-6)}.domain-sidebar{padding:var(--space-6)}.domain-hero h1{font-size:var(--text-4xl)}.domain-hero p{font-size:var(--text-lg)}}@media (max-width:768px){.domain-container{grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-4)}.domain-sidebar{position:static;order:1;margin-top:0;margin-bottom:var(--space-8);padding:var(--space-6)}.domain-sidebar h2{font-size:var(--text-lg);margin-bottom:var(--space-4);text-align:center}.domain-nav{display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center}.domain-nav li{margin-bottom:0;flex:0 0 auto}.domain-main{order:2}.domain-hero{padding:var(--space-8) var(--space-6);margin-bottom:var(--space-12)}.domain-hero h1{font-size:var(--text-3xl)}.domain-hero p{font-size:var(--text-base)}.domain-section{padding:var(--space-6)}.domain-section h2{font-size:var(--text-2xl)}.domain-articles-grid{grid-template-columns:1fr;gap:var(--space-6)}.domain-timeline-item:hover,.domain-tutorial-list li:hover{transform:none}.domain-anchor{scroll-margin-top:80px}}@media (max-width:480px){.domain-container{padding:var(--space-3)}.domain-hero{padding:var(--space-6) var(--space-4)}.domain-hero h1{font-size:var(--text-2xl)}.domain-section{padding:var(--space-4)}.domain-sidebar{padding:var(--space-4)}.domain-sidebar h2{font-size:var(--text-base);margin-bottom:var(--space-3)}.domain-nav{gap:var(--space-1)}.domain-nav a{padding:var(--space-2);font-size:10px;min-height:40px;border-radius:var(--radius-md)}.domain-article-content{padding:var(--space-4)}}