.article-detail-page{min-height:100vh;display:flex;flex-direction:column;background:var(--current-bg)}.article-detail__main{flex:1;display:flex;flex-direction:column;background-size:40px 40px;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 0),linear-gradient(180deg,rgba(255,255,255,.025) 1px,transparent 0);position:relative}:root[data-theme=light] .article-detail__main{background-image:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 0),linear-gradient(180deg,rgba(0,0,0,.03) 1px,transparent 0)}.article-detail-container{width:100%;max-width:800px;margin:0 auto;padding:80px 20px;flex:1}.article-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.article-loading-spinner{width:48px;height:48px;border-top:4px solid var(--current-border,#242432);border:4px solid var(--current-border,#242432);border-top-color:var(--color-primary,#ff4f5a);border-radius:50%;animation:spin 1s linear infinite}.article-loading p{color:var(--current-text-secondary,#8C94A2);font-size:16px;margin:0}.article-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:40px}.article-error-icon{font-size:48px;margin-bottom:16px}.article-error h3{color:var(--current-text-primary,#FFFFFF);font-size:24px;margin-bottom:12px}.article-error p{color:var(--current-text-secondary,#8C94A2);margin-bottom:24px;max-width:400px}.article-error-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}.back-btn,.retry-btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;border:none}.retry-btn{background:var(--color-primary,#ff4f5a);color:white}.retry-btn:hover{background:#ff6b75}.back-btn{background:transparent;color:var(--current-text-primary,#FFFFFF);border:1px solid var(--current-border,#242432)}.back-btn:hover{background:var(--current-card,#191924)}.article-detail-content{display:flex;flex-direction:column;gap:32px}.article-header{margin-bottom:16px}.article-header,.back-button{display:flex;align-items:center}.back-button{gap:8px;padding:12px 20px;background:var(--color-primary);border:none;border-radius:8px;color:white;text-decoration:none;font-size:15px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(255,79,90,.3);position:relative;z-index:10}.back-button:hover{filter:brightness(1.1);transform:translateX(-3px);box-shadow:0 4px 12px rgba(255,79,90,.4)}.back-button:active{transform:translateX(-1px);box-shadow:0 2px 6px rgba(255,79,90,.3)}:root[data-theme=light] .back-button{box-shadow:0 2px 8px rgba(37,99,235,.3)}:root[data-theme=light] .back-button:hover{box-shadow:0 4px 12px rgba(37,99,235,.4)}:root[data-theme=light] .back-button:active{box-shadow:0 2px 6px rgba(37,99,235,.3)}.article-header-content{display:flex;flex-direction:column;gap:20px}.article-detail-container .article-category{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);border-radius:20px;font-size:14px;font-weight:500;width:-moz-fit-content;width:fit-content}.article-detail-container .article-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.2;color:var(--current-text-primary,#FFFFFF);margin:0;letter-spacing:-.02em}:root[data-theme=light] .article-detail-container .article-title{color:var(--current-text-primary,#111827)}.article-meta{flex-wrap:wrap;gap:24px}.article-meta,.meta-item{display:flex;align-items:center}.meta-item{gap:8px;color:var(--current-text-secondary,#8C94A2);font-size:14px}.article-actions{display:flex;gap:16px;margin-top:8px}.action-button{display:flex;align-items:center;gap:8px;padding:10px 20px;background:var(--current-card,#191924);border:1px solid var(--current-border,#242432);border-radius:8px;color:var(--current-text-primary,#FFFFFF);font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.action-button:hover{background:var(--color-primary,#ff4f5a);border-color:var(--color-primary,#ff4f5a)}.article-detail-container .article-abstract{padding:24px;background:var(--current-card,#191924);border:1px solid var(--current-border,#242432);border-radius:12px;margin-bottom:8px}.article-detail-container .article-abstract p{color:var(--current-text-secondary,#A0A0A0);font-size:16px;line-height:1.6;margin:0;font-style:italic}:root[data-theme=light] .article-detail-container .article-abstract{background:var(--current-card,#FFFFFF);border-color:var(--current-border,#D1D5DB)}.article-detail-container .article-body{background:var(--current-card,#191924);border:1px solid var(--current-border,#242432);border-radius:12px;padding:40px;margin-bottom:8px}:root[data-theme=light] .article-detail-container .article-body{background:var(--current-card,#FFFFFF);border-color:var(--current-border,#D1D5DB)}.article-detail-container .article-content{color:var(--current-text-primary,#FFFFFF);font-size:16px;line-height:1.8;word-wrap:break-word}:root[data-theme=light] .article-detail-container .article-content{color:var(--current-text-primary,#111827)}.article-detail-container .article-content h1,.article-detail-container .article-content h2,.article-detail-container .article-content h3,.article-detail-container .article-content h4,.article-detail-container .article-content h5,.article-detail-container .article-content h6{color:var(--current-text-primary);margin-top:32px;margin-bottom:16px;font-weight:600}.article-detail-container .article-content h1{font-size:28px}.article-detail-container .article-content h2{font-size:24px}.article-detail-container .article-content h3{font-size:20px}.article-detail-container .article-content p{margin-bottom:16px}.article-detail-container .article-content p+p{margin-top:16px}.article-content{white-space:pre-wrap;word-wrap:break-word}.article-content ol,.article-content ul{margin-bottom:16px;padding-left:24px}.article-content li{margin-bottom:8px}.article-content blockquote{border-left:4px solid var(--color-primary,#ff4f5a);padding-left:20px;margin:24px 0;font-style:italic;color:var(--current-text-secondary,#A0A0A0)}.article-content code{background:color-mix(in srgb,var(--color-primary) 10%,transparent);color:var(--color-primary);padding:2px 6px;border-radius:4px;font-family:Monaco,Consolas,monospace;font-size:14px}.article-content pre{background:var(--current-surface);border:1px solid var(--current-border);border-radius:8px;padding:20px;overflow-x:auto;margin:20px 0}.article-content pre code{background:none;color:inherit;padding:0;border-radius:0}:root[data-theme=light] .article-content pre code{color:var(--color-primary)}.article-conclusion{background:var(--current-card,#191924);border:1px solid var(--current-border,#242432);border-radius:12px;padding:32px}:root[data-theme=light] .article-conclusion{background:var(--current-card,#FFFFFF);border-color:var(--current-border,#D1D5DB)}.article-conclusion h3{color:var(--color-primary,#ff4f5a);font-size:20px;margin-top:0;margin-bottom:16px;font-weight:600}.conclusion-content{color:var(--current-text-secondary,#A0A0A0);line-height:1.6}:root[data-theme=light] .conclusion-content{color:var(--current-text-secondary,#6B7280)}@media (max-width:768px){.article-detail-container{padding:60px 16px}.article-title{font-size:clamp(1.75rem,5vw,2.5rem)}.article-meta{gap:16px}.article-actions{gap:12px}.action-button{padding:8px 16px;font-size:13px}.article-abstract,.article-body,.article-conclusion{padding:24px}.article-content{font-size:15px}.article-content h1{font-size:24px}.article-content h2{font-size:20px}.article-content h3{font-size:18px}}@media (max-width:480px){.article-detail-container{padding:60px 12px 40px}.article-meta{flex-direction:column;align-items:flex-start;gap:12px}.article-actions{width:100%}.action-button{flex:1;justify-content:center}.article-abstract,.article-body,.article-conclusion{padding:20px}.article-content{font-size:14px}.article-content h1{font-size:22px}.article-content h2{font-size:18px}.article-content h3{font-size:16px}}.article-content>div[dangerouslySetInnerHTML]{background:var(--current-card,#191924);border:1px solid var(--current-border,#242432);border-radius:12px;padding:32px;margin-bottom:16px}:root[data-theme=light] .article-content>div[dangerouslySetInnerHTML]{background:var(--current-card,#FFFFFF);border-color:var(--current-border,#D1D5DB)}.article-detail-container .article-image-wrapper{margin-bottom:16px;display:flex;justify-content:center;align-items:center}.article-detail-container .article-image{max-width:80%;height:auto;border-radius:8px;display:block;border:2px solid var(--current-border,#242432)}:root[data-theme=light] .article-detail-container .article-image{border-color:var(--current-border,#D1D5DB)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}