:root{--dc-primary:var(--color-brand-500);--dc-primary-light:#ff9166;--dc-primary-dark:#e85d30;--dc-bg:#f0f2f5;--dc-surface:#ffffff;--dc-border:#eaecef;--dc-text-primary:#1a1d24;--dc-text-secondary:#6b7280;--dc-text-muted:#9ca3af;--dc-shadow-sm:0 1px 4px rgba(0,0,0,.06);--dc-shadow-md:0 4px 16px rgba(0,0,0,.10);--dc-shadow-lg:0 8px 32px rgba(0,0,0,.14);--dc-radius:14px;--dc-radius-sm:10px}.dc-page{min-height:calc(100vh - 180px);background:var(--dc-bg);padding-bottom:60px}.dc-carousel{background:var(--color-brand-500);border-radius:var(--radius-xl);overflow:hidden;margin-bottom:36px}.dc-banner-live{background:linear-gradient(135deg,#1E6FFF 0%,#5B8DEF 100%)}.dc-banner-circle{background:linear-gradient(135deg,#52c41a 0%,#73d13d 100%)}.dc-banner{background:linear-gradient(135deg,#1a1d24 0%,#2d2f3e 60%,#1f2235 100%);position:relative;overflow:hidden}.dc-banner::after{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ff7244' fill-opacity='0.04'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.dc-banner-inner{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:42px 32px 38px;display:flex;align-items:center;justify-content:space-between}.dc-banner-text h1{font-size:32px;font-weight:800;color:#fff;margin:0 0 8px;letter-spacing:-0.5px;line-height:1.2}.dc-banner-highlight{color:var(--dc-primary)}.dc-banner-text p{font-size:14px;color:rgba(255,255,255,0.5);margin:0;letter-spacing:2px}.dc-banner-deco{position:relative;width:120px;height:120px;flex-shrink:0}.dc-deco-ring{position:absolute;border-radius:50%;border:2px solid rgba(255,114,68,.25)}.dc-deco-ring-1{width:120px;height:120px;top:0;left:0;animation:dcSpin 12s linear infinite}.dc-deco-ring-2{width:80px;height:80px;top:20px;left:20px;border-color:rgba(255,114,68,.4);animation:dcSpin 8s linear infinite reverse}.dc-deco-ring-3{width:40px;height:40px;top:40px;left:40px;border-color:rgba(255,114,68,.7);animation:dcSpin 5s linear infinite}@keyframes dcSpin{to{transform:rotate(360deg)}}.dc-body{max-width:1200px;margin:0 auto;padding:32px 20px 0}.dc-section{margin-bottom:32px}.dc-section-label{font-size:11px;font-weight:700;letter-spacing:4px;color:var(--dc-text-muted);margin-bottom:14px;padding-left:2px}.dc-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}.dc-card{background:var(--dc-surface);border-radius:var(--dc-radius);border:1.5px solid var(--dc-border);padding:20px 22px;display:flex;align-items:center;gap:16px;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),box-shadow .22s ease,border-color .22s ease;position:relative;overflow:hidden}.dc-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;border-radius:4px 0 0 4px;background:var(--dc-card-accent,var(--dc-primary));transform:scaleY(0);transition:transform .22s ease}.dc-card:hover{transform:translateY(-3px);box-shadow:var(--dc-shadow-md);border-color:rgba(255,114,68,.25)}.dc-card:hover::before{transform:scaleY(1)}.dc-card:active{transform:translateY(-1px);box-shadow:var(--dc-shadow-sm)}.dc-card-icon{width:48px;height:48px;border-radius:var(--dc-radius-sm);background:var(--dc-icon-bg,rgba(255,114,68,.1));color:var(--dc-icon-color,var(--dc-primary));display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .22s cubic-bezier(.34,1.56,.64,1)}.dc-card-icon svg{width:24px;height:24px}.dc-card:hover .dc-card-icon{transform:scale(1.12) rotate(-5deg)}.dc-card-body{flex:1;min-width:0}.dc-card-name{font-size:16px;font-weight:700;color:var(--dc-text-primary);margin-bottom:4px;display:flex;align-items:center;gap:8px}.dc-card-desc{font-size:13px;color:var(--dc-text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-card-arrow{width:20px;height:20px;color:var(--dc-text-muted);flex-shrink:0;transition:transform .22s ease,color .22s ease}.dc-card-arrow svg{width:100%;height:100%}.dc-card:hover .dc-card-arrow{transform:translateX(4px);color:var(--dc-primary)}.dc-badge{display:inline-flex;align-items:center;padding:1px 7px;border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.5px;background:rgba(255,68,68,.12);color:#ff4444;line-height:1.8}.dc-badge-orange{background:rgba(255,114,68,.12);color:var(--dc-primary)}.dc-card-pyq{--dc-card-accent:#667eea;--dc-icon-bg:rgba(102,126,234,.1);--dc-icon-color:#667eea}.dc-card-circle{--dc-card-accent:#11cdd4;--dc-icon-bg:rgba(17,205,212,.1);--dc-icon-color:#11cdd4}.dc-card-group{--dc-card-accent:#43d9a2;--dc-icon-bg:rgba(67,217,162,.1);--dc-icon-color:#43d9a2}.dc-card-feidian{--dc-card-accent:#f5222d;--dc-icon-bg:rgba(245,34,45,.1);--dc-icon-color:#f5222d}.dc-card-tuijian{--dc-card-accent:#fa8c16;--dc-icon-bg:rgba(250,140,22,.1);--dc-icon-color:#fa8c16}.dc-card-futures{--dc-card-accent:#722ed1;--dc-icon-bg:rgba(114,46,209,.1);--dc-icon-color:#722ed1}.dc-card-live{--dc-card-accent:#f5222d;--dc-icon-bg:rgba(245,34,45,.1);--dc-icon-color:#f5222d}.dc-card-course{--dc-card-accent:#597ef7;--dc-icon-bg:rgba(89,126,247,.1);--dc-icon-color:#597ef7}.dc-card-stocks{--dc-card-accent:#13c2c2;--dc-icon-bg:rgba(19,194,194,.1);--dc-icon-color:#13c2c2}.dc-card-product{--dc-card-accent:#1677ff;--dc-icon-bg:rgba(22,119,255,.1);--dc-icon-color:#1677ff}.dc-card-tool{--dc-card-accent:#FF7224;--dc-icon-bg:rgba(255,114,36,.1);--dc-icon-color:#FF7224}.dc-card-arrow-external svg{opacity:0.5}.dc-card:hover .dc-card-arrow-external{transform:none;color:var(--dc-text-muted)}.dc-card-icon-logo{background:transparent}.dc-card-icon-logo img{width:100%;height:100%;object-fit:contain;border-radius:var(--dc-radius-sm)}.dc-card:hover .dc-card-icon-logo{transform:scale(1.08)}.dc-badge-new{background:rgba(22,119,255,.1);color:#1677ff}@media (max-width:768px){.dc-page{padding-bottom:90px}.dc-banner-inner{padding:28px 16px 24px}.dc-banner-text h1{font-size:24px}.dc-banner-deco{display:none}.dc-body{padding:20px 12px 0}.dc-cards{grid-template-columns:1fr;gap:10px}.dc-card{padding:16px 18px}.dc-card-icon{width:42px;height:42px}.dc-card-icon svg{width:20px;height:20px}.dc-card-name{font-size:15px}.dc-card-desc{font-size:12px}}@media (max-width:480px){.dc-banner-text h1{font-size:20px}.dc-card{padding:14px 14px;gap:12px}}