.art-page{max-width:680px;margin:0 auto;padding:28px 16px 48px}.art-breadcrumb{font-size:13px;color:var(--muted);margin-bottom:24px}.art-breadcrumb a{color:var(--pink);text-decoration:none;font-weight:500}.art-hero{display:flex;align-items:center;gap:18px;margin-bottom:28px}.art-emoji{font-size:64px;filter:drop-shadow(0 4px 12px rgba(200,100,150,.2));flex-shrink:0}.art-hero h1{font-size:24px;font-weight:800;color:var(--text);letter-spacing:-.5px;margin:0 0 6px}.art-hero p{color:var(--muted);font-size:14px;margin:0}.art-verdict{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border-radius:var(--radius);padding:20px 24px;margin-bottom:22px;box-shadow:0 8px 32px #a855f740}.art-verdict strong{display:block;font-size:17px;margin-bottom:8px}.art-verdict p{font-size:15px;line-height:1.7;margin:0;opacity:.95}.art-section{background:var(--card-bg);border-radius:var(--radius);padding:24px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid rgba(200,100,150,.06);transition:all .25s cubic-bezier(.4,0,.2,1);overflow-x:auto}.art-section:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.art-section h2{margin:0 0 12px;font-size:17px;color:var(--pink);font-weight:700;letter-spacing:-.2px}.art-section p{line-height:1.8;color:var(--text);font-size:16px;margin-bottom:10px}.art-section ul{padding-left:20px;margin:10px 0}.art-section li{margin-bottom:8px;line-height:1.7}.art-table{width:100%;border-collapse:collapse;margin:12px 0;font-size:14px}.art-table th{background:var(--pink-light);color:var(--pink);padding:10px 12px;text-align:left;font-weight:700;font-size:13px}.art-table td{padding:10px 12px;border-bottom:1px solid rgba(200,100,150,.1)}.art-faq{background:var(--card-bg);border-radius:var(--radius);padding:24px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid rgba(200,100,150,.06)}.art-faq h2{margin:0 0 16px;font-size:17px;color:var(--pink);font-weight:700}.art-faq details{margin-bottom:12px}.art-faq summary{cursor:pointer;font-weight:600;font-size:15px;color:var(--text);padding:4px 0}.art-faq details[open] summary{color:var(--pink);margin-bottom:8px}.art-faq p{font-size:15px;line-height:1.7;color:var(--muted);margin:0}.art-related{background:var(--card-bg);border-radius:var(--radius);padding:24px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid rgba(200,100,150,.06)}.art-related h2{margin:0 0 12px;font-size:17px;color:var(--pink);font-weight:700}.art-related a{display:block;color:var(--text);text-decoration:none;padding:8px 0;font-size:15px;border-bottom:1px solid rgba(200,100,150,.06);transition:color .2s}.art-related a:last-child{border-bottom:none}.art-related a:hover{color:var(--pink)}.art-author{display:flex;align-items:flex-start;gap:16px;background:var(--card-bg);border-radius:var(--radius);padding:20px 24px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid rgba(200,100,150,.06)}.art-author-avatar{font-size:40px;flex-shrink:0}.art-author-photo{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0;border:2px solid rgba(200,100,150,.15)}.art-author strong{font-size:15px;display:block;margin-bottom:4px}.art-author p{font-size:13px;color:var(--muted);line-height:1.5;margin:0}.art-date{margin-top:4px}.art-sources{background:var(--card-bg);border-radius:var(--radius);padding:20px 24px;margin-bottom:18px;box-shadow:var(--shadow);border:1px solid rgba(200,100,150,.06)}.art-sources h3{margin:0 0 10px;font-size:15px;color:var(--muted);font-weight:600}.art-sources ul{padding-left:20px;margin:0}.art-sources li{font-size:13px;color:var(--muted);line-height:1.6;margin-bottom:4px}.art-cta{background:linear-gradient(135deg,#ec4899,#a855f7);color:#fff;border-radius:var(--radius);padding:28px 24px;text-align:center;margin-bottom:22px;box-shadow:0 8px 32px #a855f740}.art-cta h2{margin:0 0 10px;font-size:20px;font-weight:800}.art-cta p{margin:0 0 16px;font-size:14px;opacity:.9}.art-cta a{display:inline-block;background:#fff;color:#a855f7;border-radius:14px;padding:12px 28px;font-weight:700;text-decoration:none;font-size:15px;transition:all .25s;box-shadow:0 2px 8px #0000001a}.art-cta a:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000026}@media(max-width:480px){.art-section:hover{transform:none}.art-hero h1{font-size:20px}.art-emoji{font-size:48px}.art-section{padding:16px}.art-table{font-size:13px}.art-table th,.art-table td{padding:8px}}
