.view-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 20px;padding:14px 0;border-top:1px solid rgba(99,132,190,.22);border-bottom:1px solid rgba(99,132,190,.22);color:#dbe7ff}.view-top .author{display:flex;align-items:center;gap:12px;min-width:0}.view-top .author-box{width:42px;height:42px;flex:0 0 42px;overflow:hidden;border-radius:50%;border:2px solid rgba(245,185,80,.75);background:#132444;box-shadow:0 0 0 3px rgba(245,185,80,.08)}.view-top .author-box .img{display:block;width:100%;height:100%;object-fit:cover}.view-top .text{min-width:0}.view-top .text .name{margin:0 0 4px;font-size:15px;font-weight:700;color:#fff;line-height:1.25}.view-top .text .name a{color:#fff;text-decoration:none;transition:color .2s ease}.view-top .text .name a:hover{color:#f5b950}.view-top .text .box{display:flex;align-items:center;flex-wrap:wrap;gap:5px;font-size:13px;color:#9fb3d9;line-height:1.35}.view-top .text .box .namebtn,.view-top .text .box .history{color:#b8c8ea}.view-top .text .box .game{color:#f5b950}.view-top .text .box .icobox{color:#9fb3d9}.view-top .text .box .ico{color:#64d2ff;margin:0 2px}.share-box{display:flex;align-items:center;gap:14px;flex-shrink:0}.share-area{display:flex;align-items:center;gap:10px}.share-area .share{color:#b8c8ea;font-size:13px;font-weight:600}.share-icons{display:flex;align-items:center;gap:8px}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid rgba(99,132,190,.28);border-radius:50%;color:#dbe7ff;background:linear-gradient(180deg,#182a4e 0%,#111f3b 100%);cursor:pointer;text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 6px 14px rgba(0,0,0,.18);transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.share-btn:hover{transform:translateY(-2px);color:#0f1b33;border-color:rgba(245,185,80,.9);background:linear-gradient(180deg,#ffd374 0%,#f5b950 100%);box-shadow:0 8px 18px rgba(245,185,80,.22)}.share-btn.copied{color:#fff;border-color:rgba(41,204,125,.9);background:linear-gradient(180deg,#35d98a 0%,#20b26b 100%);box-shadow:0 8px 18px rgba(32,178,107,.22)}.share-btn.twitter:hover{background:linear-gradient(180deg,#7bdcff 0%,#36b8ef 100%);border-color:rgba(100,210,255,.95);color:#071528}.share-btn.facebook:hover{background:linear-gradient(180deg,#6aa4ff 0%,#2f73e0 100%);border-color:rgba(88,142,235,.95);color:#fff}.share-btn.reddit:hover{background:linear-gradient(180deg,#ff9a62 0%,#ff6314 100%);border-color:rgba(255,99,20,.95);color:#fff}.share-btn.whatsapp:hover{background:linear-gradient(180deg,#44e28b 0%,#1fbd62 100%);border-color:rgba(31,189,98,.95);color:#fff}.ai-summary-wrapper{position:relative}.ai-summary-btn{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid rgba(100,210,255,.38);border-radius:8px;color:#fff;background:linear-gradient(135deg,#204b8f 0%,#6939d3 100%);cursor:pointer;white-space:nowrap;box-shadow:0 8px 20px rgba(63,140,255,.18),inset 0 1px 0 rgba(255,255,255,.1);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.ai-summary-btn:hover{transform:translateY(-2px);border-color:rgba(245,185,80,.75);box-shadow:0 10px 24px rgba(105,57,211,.26)}.ai-summary-btn .ico{color:#64d2ff}.ai-summary-btn .icon{font-size:12px;color:#dbe7ff}.ai-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:50;min-width:200px;padding:8px;border-radius:12px;background:linear-gradient(180deg,#132444 0%,#0c1730 100%);border:1px solid rgba(99,132,190,.28);box-shadow:0 18px 38px rgba(0,0,0,.35);opacity:0;visibility:hidden;transform:translateY(6px);transition:all .2s ease}.ai-dropdown:before{content:"";position:absolute;top:-6px;right:22px;width:10px;height:10px;background:#132444;border-left:1px solid rgba(99,132,190,.28);border-top:1px solid rgba(99,132,190,.28);transform:rotate(45deg)}.ai-summary-wrapper.is-open .ai-dropdown,.ai-summary-wrapper:hover .ai-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.ai-option{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:8px;color:#dbe7ff;text-decoration:none;font-size:14px;transition:background .2s ease,color .2s ease,transform .2s ease}.ai-option:hover{background:rgba(100,210,255,.09);color:#fff;transform:translateX(2px)}.ai-icon{color:#64d2ff}.ai-name{flex:1}.external-icon{opacity:.72;color:#9fb3d9}.author-bottom{margin:24px 20px;padding:22px;border-radius:10px;color:#dbe7ff;background:radial-gradient(circle at top left,rgba(100,210,255,.08),transparent 30%),linear-gradient(180deg,rgba(19,36,68,.96) 0%,rgba(12,23,48,.96) 100%);border:1px solid rgba(99,132,190,.26);box-shadow:0 12px 28px rgba(0,0,0,.2)}.author-bottom .author-title{display:block;margin-bottom:16px;padding-left:12px;position:relative;font-size:18px;font-weight:800;color:#fff;letter-spacing:.2px}.author-bottom .author-title:before{content:"";position:absolute;left:0;top:3px;width:4px;height:18px;border-radius:4px;background:linear-gradient(180deg,#ffd374 0%,#f5b950 100%);box-shadow:0 0 12px rgba(245,185,80,.35)}.author-bottom .author{display:flex;align-items:flex-start;gap:16px}.author-bottom .author-box{width:80px;height:80px;flex:0 0 80px;overflow:hidden;border-radius:50%;border:2px solid rgba(245,185,80,.85);background:#0f1b33;box-shadow:0 0 0 4px rgba(245,185,80,.08),0 10px 22px rgba(0,0,0,.22)}.author-bottom .author-box .img{display:block;width:100%;height:100%;object-fit:cover}.author-bottom .box{flex:1;min-width:0}.author-bottom .name{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:8px}.author-bottom .name-text{font-size:17px;font-weight:800;color:#fff;text-decoration:none;line-height:1.25;transition:color .2s ease}.author-bottom .name-text:hover{color:#f5b950}.author-bottom .author-social{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;color:#dbe7ff;background:linear-gradient(180deg,#182a4e 0%,#111f3b 100%);border:1px solid rgba(99,132,190,.28);text-decoration:none;transition:all .2s ease}.author-bottom .author-social-svg{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit}.author-bottom .author-social-svg svg{display:block}.author-bottom .author-social:hover{transform:translateY(-2px);color:#0f1b33;background:linear-gradient(180deg,#ffd374 0%,#f5b950 100%);border-color:rgba(245,185,80,.9)}.author-bottom .author-social.twitter:hover{color:#071528;background:linear-gradient(180deg,#7bdcff 0%,#36b8ef 100%);border-color:rgba(100,210,255,.95)}.author-bottom .author-social.youtube:hover{color:#fff;background:linear-gradient(180deg,#ff4b4b 0%,#d71920 100%);border-color:rgba(255,75,75,.95)}.author-bottom .author-social.tiktok:hover{color:#fff;background:linear-gradient(135deg,#25f4ee 0%,#000 48%,#fe2c55 100%);border-color:rgba(254,44,85,.95)}.author-bottom .text{display:block;margin-bottom:14px;color:#aebfe2;line-height:1.7;font-size:14px}.author-bottom .author-btn{display:flex;flex-wrap:wrap;gap:8px}.author-bottom .author-btn .btn{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:15px;background:rgba(100,210,255,.08);border:1px solid rgba(100,210,255,.18);color:#c9d8f5;text-decoration:none;font-size:13px;transition:all .2s ease}.author-bottom .author-btn a.btn:hover{background:linear-gradient(180deg,#ffd374 0%,#f5b950 100%);border-color:rgba(245,185,80,.9);color:#0f1b33}@media (max-width:768px){.view-top{align-items:flex-start;flex-direction:column;gap:14px;margin:0 14px;padding:14px 0}.share-box{width:100%;justify-content:space-between;flex-wrap:wrap;gap:12px}.share-area{flex-wrap:wrap}.ai-dropdown{left:0;right:auto}.ai-dropdown:before{left:22px;right:auto}.author-bottom{margin:0;padding:18px}.author-bottom .author{flex-direction:column;align-items:center;text-align:center}.author-bottom .name,.author-bottom .author-btn{justify-content:center}}.view-top svg{display:block}.share-btn .share-svg,.ai-summary-btn .ai-btn-svg,.ai-summary-btn .ai-arrow-svg,.view-top .view-svg{display:inline-flex;align-items:center;justify-content:center;line-height:1;color:inherit}.share-btn .share-svg svg,.ai-summary-btn .ai-btn-svg svg,.ai-summary-btn .ai-arrow-svg svg{display:block;width:16px;height:16px}.view-top .view-svg{color:#64d2ff;margin:0 2px;vertical-align:-2px}.view-top .view-svg svg{width:15px;height:15px}.ai-option .ai-icon{display:inline-flex;align-items:center;justify-content:center;color:#64d2ff;line-height:1}.ai-option .ai-icon svg{display:block;width:16px;height:16px}.external-icon{display:block;flex:0 0 auto}