.detail-nav{display:flex;align-items:center;gap:22px;padding:3px 0 22px;margin-top:4px;flex-wrap:wrap;border-bottom:1px solid var(--line)}
.detail-nav button{background:none;padding:0;color:#b7b4b7;font-size:10px;transition:color .2s}
.detail-nav button:hover{color:#fff}.detail-nav button:last-child{margin-left:auto}
.detail-section{padding-top:33px;scroll-margin-top:22px}.detail-section .eyebrow{font-size:8px;letter-spacing:1.7px}
.detail-section h3{font-size:23px;line-height:1.3;letter-spacing:-.6px;margin:9px 0 18px}
.detail-curriculum{margin:0;padding:0;list-style:none}.detail-curriculum li{display:flex;align-items:baseline;gap:20px;border-bottom:1px solid #ffffff0c;padding:15px 0;font-size:12px;line-height:1.8}
.curriculum-number{color:#df6b70;font-family:Barlow,sans-serif;font-size:21px;line-height:1;min-width:22px}.detail-curriculum p{color:#c3c0c2}
.detail-practical{display:grid;grid-template-columns:1fr 1fr;gap:30px}.detail-practical h4{font-size:11px;margin:0 0 8px;font-weight:600;color:#e4e0df}.detail-practical p{font-size:12px;color:#aaa6ac;line-height:1.9}
.detail-author{display:flex;align-items:center;gap:17px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.detail-author>img{width:61px;height:75px;object-fit:cover;object-position:50% 20%;border-radius:3px;filter:grayscale(1)}
.detail-author>div>span{font-size:7px;letter-spacing:1.7px;display:block;color:#959198}.detail-author strong{display:block;font-size:12px;font-weight:600;margin:3px 0}.detail-author .text-link{font-size:9px;gap:8px}.detail-author .text-link span{font-size:16px}
.share-field{padding:15px 0 0}.share-field label{display:block;font-size:10px;color:#aaa;margin-bottom:8px}.share-field input{width:100%;font-size:11px;background:#111;color:#eee;border:1px solid var(--line);border-radius:3px;padding:10px}
.bio-portrait{width:98px;height:120px;float:right;object-fit:cover;object-position:50% 20%;margin:3px 0 15px 22px;border-radius:3px;filter:grayscale(1)}.info-dialog .bio-intro{font-size:15px;color:#eee;line-height:1.8}.info-dialog h3{font-size:16px;margin:25px 0 14px}.bio-credentials{list-style:none;padding:0;margin:0;clear:both}.bio-credentials li{font-size:11px;color:#bcb8bd;line-height:1.7;padding:12px 0;border-top:1px solid var(--line)}.bio-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.bio-actions .button{font-size:10px;padding:12px 15px;min-height:42px}
@media(max-width:580px){.detail-nav{gap:17px;padding-bottom:18px}.detail-nav button{font-size:9px}.detail-nav button:last-child{margin-left:0}.detail-section{padding-top:27px}.detail-section h3{font-size:22px}.detail-curriculum li{font-size:11px;gap:15px;padding:13px 0}.detail-practical{grid-template-columns:1fr;gap:20px}.detail-practical p{font-size:11px}.detail-author{gap:12px;margin-top:26px}.detail-author strong{font-size:11px}.bio-portrait{width:78px;height:100px;margin-left:15px}.info-dialog .bio-intro{font-size:13px}.bio-actions{gap:8px}.bio-actions .button{font-size:10px}}
.product-dialog>.dialog-close,.info-dialog>.dialog-close{position:sticky;top:14px;right:auto;float:right;margin:14px 14px -50px 0}.info-dialog>.dialog-close{top:0;margin:-32px -22px -4px 0}@media(max-width:580px){.product-dialog>.dialog-close{top:12px;margin:12px 12px -42px 0}.info-dialog>.dialog-close{margin:-28px -12px -2px 0}}