.detail-hero{background-color:#1a1c23;background-image:linear-gradient(135deg, #0f111ab3 0%, #0f111a66 100%), var(--hero-bg-url,none);text-align:center;color:#fff;background-position:50%;background-size:cover;padding:12rem 2rem 10rem;position:relative;overflow:hidden}.hero-content{z-index:2;max-width:900px;margin:0 auto;position:relative}.article-category{background:var(--primary-color);color:#fff;text-transform:uppercase;letter-spacing:.05em;border-radius:100px;margin-bottom:2rem;padding:.4rem 1rem;font-size:.85rem;font-weight:700;display:inline-block}.article-title{color:#fff;letter-spacing:-.02em;margin-bottom:2.5rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:800;line-height:1.2}.article-meta-hero{color:#fffc;justify-content:center;align-items:center;gap:2rem;font-size:1rem;display:flex}.meta-item{align-items:center;gap:.6rem;display:flex}.detail-container{z-index:3;max-width:860px;margin:-4rem auto 8rem;padding:0 1.5rem;position:relative}.article-top-nav{border-bottom:1px solid var(--border-color);margin-bottom:2.5rem;padding-bottom:1.5rem}.article-bottom-nav{border-top:1px solid var(--border-color);justify-content:flex-start;margin-top:3.5rem;padding-top:2rem;display:flex}.back-link{background:var(--bg-surface-hover,#ffffff0d);border:1px solid var(--border-color,#ffffff1f);color:var(--text-secondary,#94a3b8);border-radius:100px;align-items:center;gap:.6rem;padding:.6rem 1.4rem;font-size:.92rem;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex}.back-link:hover{color:#fff;background:var(--primary-color,#6366f1);border-color:var(--primary-color,#6366f1);transform:translate(-4px);box-shadow:0 6px 20px #6366f159}.back-link i{font-size:.85rem;transition:transform .2s}.back-link:hover i{transform:translate(-3px)}.article-main{background:var(--bg-body);border:1px solid var(--border-color);border-radius:24px;padding:5rem 4.5rem;box-shadow:0 40px 80px #0000001f}.article-content{color:var(--text-primary);word-break:break-word;font-size:1.18rem;line-height:2.1}.spinner-container{justify-content:center;align-items:center;padding:5rem 0;display:flex}.spinner{border:4px solid var(--border-color);border-top:4px solid var(--primary-color);border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.article-content h2{border-left:5px solid var(--primary-color);background:linear-gradient(90deg, var(--callout-bg) 0%, transparent 100%);color:var(--text-primary);letter-spacing:-.01em;border-radius:0 12px 12px 0;align-items:center;margin:3.5rem 0 1.75rem;padding:.8rem 1.4rem;font-size:1.75rem;font-weight:800;line-height:1.45;display:flex;position:relative}.article-content h2:after{content:"";background:linear-gradient(90deg, var(--primary-color) 0%, transparent 80%);width:100%;height:1px;position:absolute;bottom:0;left:0}.article-content h3{color:var(--text-primary);border-bottom:1px dashed var(--border-color);align-items:center;gap:.6rem;margin:2.8rem 0 1.25rem;padding-bottom:.6rem;font-size:1.35rem;font-weight:700;display:flex}.article-content h3:before{content:"";background:var(--neon-cyan);border-radius:2px;width:8px;height:8px;display:inline-block;transform:rotate(45deg)}.article-content h4{color:#e2e8f0;margin:2.2rem 0 1rem;font-size:1.25rem;font-weight:600}.article-content hr{background:linear-gradient(90deg, transparent 0%, var(--border-color) 30%, var(--border-color) 70%, transparent 100%);border:none;height:1px;margin:4rem 0}.article-content h2[id*=目次]{color:#94a3b8;border-bottom:none;border-image:;margin-top:2rem;margin-bottom:1.2rem;padding-bottom:0;font-size:1.35rem}.article-content h2[id*=目次]:before{display:none}.article-content h2[id*=目次]+ul{backdrop-filter:blur(12px);background:linear-gradient(135deg,#1e293b99 0%,#0f172ab3 100%);border:1px solid #ffffff1f;border-radius:20px;margin-bottom:4rem;padding:2.2rem 2.8rem;list-style:none;box-shadow:0 10px 30px #0003}.article-content h2[id*=目次]+ul li{margin-bottom:.9rem;padding-left:1.2rem;font-size:1.08rem;position:relative}.article-content h2[id*=目次]+ul li:before{content:"›";color:#a855f7;font-size:1.3rem;font-weight:700;position:absolute;top:-1px;left:0}.article-content h2[id*=目次]+ul li:last-child{margin-bottom:0}.article-content h2[id*=目次]+ul a{color:#e2e8f0;font-weight:500;text-decoration:none;transition:all .2s;display:inline-block}.article-content h2[id*=目次]+ul a:hover{color:#c084fc;transform:translate(4px)}.article-content a{color:#818cf8;text-underline-offset:4px;font-weight:500;text-decoration:underline;transition:opacity .2s}.article-content a:hover{opacity:.85;color:#a5b4fc}.article-content p{color:#cbd5e1;margin-bottom:2.2rem;line-height:2.1}.article-content ul,.article-content ol{margin-bottom:2.5rem;padding-left:1.8rem}.article-content li{color:#cbd5e1;margin-bottom:.9rem;position:relative}.article-content ul li::marker{color:#a855f7}.article-content ol li::marker{color:#818cf8;font-weight:700}.article-content blockquote{color:#e2e8f0;background:linear-gradient(135deg,#a855f714 0%,#6366f10d 100%);border:1px solid #a855f726;border-left:5px solid #a855f7;border-radius:0 20px 20px 0;margin:3.2rem 0;padding:1.8rem 2.2rem;font-style:normal;position:relative;box-shadow:0 8px 32px #00000026}.article-content blockquote p{color:#e2e8f0}.article-content blockquote p:last-child{margin-bottom:0}.article-content strong{color:#fff;background:linear-gradient(120deg,#6366f14d 0%,#a855f74d 100%);border:1px solid #a855f759;border-radius:6px;padding:.15rem .45rem;font-weight:700;box-shadow:0 2px 8px #a855f726}.article-content code{color:#38bdf8;background:#0f172acc;border:1px solid #38bdf833;border-radius:6px;padding:.25em .6em;font-family:Fira Code,Courier New,Courier,monospace;font-size:.88em;font-weight:500}.article-content pre{background:#090d16;border:1px solid #ffffff1f;border-radius:18px;margin:2.8rem 0;padding:1.8rem;overflow-x:auto;box-shadow:0 12px 36px #00000059}.article-content pre code{color:#f1f5f9;background:0 0;border:none;padding:0;font-size:.95rem;line-height:1.75}.article-content table{border-collapse:collapse;border:1px solid var(--border-color);border-radius:12px;width:100%;margin:2.5rem 0;overflow:hidden}.article-content th,.article-content td{text-align:left;border-bottom:1px solid var(--border-color);padding:1rem 1.2rem}.article-content th{background:var(--bg-surface-hover);color:var(--text-primary);font-weight:700}.article-content tr:last-child td{border-bottom:none}.tags-container{border-top:1px solid var(--border-color);flex-wrap:wrap;gap:.8rem;margin-top:5rem;padding-top:3rem;display:flex}.tag-badge{background:var(--bg-surface-hover);width:fit-content;color:var(--text-secondary);border:1px solid #0000;border-radius:100px;align-items:center;padding:.5rem 1.2rem;font-size:.85rem;font-weight:500;line-height:1;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.tag-badge:hover{background:var(--primary-color);color:#fff;border-color:var(--primary-color);transform:translateY(-2px)}.author-card{background:var(--bg-surface-hover);border-radius:20px;align-items:center;gap:1.5rem;margin-top:4rem;padding:2.5rem;display:flex}@media (width<=768px){.detail-hero{padding:8rem 1.5rem 6rem}.article-main{padding:3rem 1.5rem}.article-meta-hero{flex-direction:column;gap:1rem}.article-title{font-size:1.8rem}}