.xhs-widget{width:100%;max-width:300px;margin:0 auto 15px;background:linear-gradient(135deg,#fff 0,#fff5f5);border:2px solid #ffe5e5;border-radius:10px;overflow:hidden;box-shadow:0 4px 15px rgba(255,107,107,.1)}.xhs-header{background:linear-gradient(135deg,#FF6B6B 0,#FF8E8E);color:#fff;padding:12px;text-align:center;font-size:14px;font-weight:700}.xhs-body{padding:14px}.xhs-body input{width:100%;padding:9px 11px;border:2px solid #ffd4d4;border-radius:6px;margin-bottom:8px;font-size:13px;background:#fffafa;color:#2d2d2d}.xhs-body input:focus{outline:0;border-color:#FF6B6B;background:#fff;box-shadow:0 0 0 2px rgba(255,107,107,.15)}.xhs-btn{width:100%;padding:10px;background:linear-gradient(135deg,#FF6B6B 0,#FF8E8E);color:#fff;border:none;border-radius:6px;font-weight:700;cursor:pointer;font-size:13px;transition:all .2s;box-shadow:0 3px 12px rgba(255,107,107,.25)}.xhs-btn:hover{transform:translateY(-1px);box-shadow:0 4px 15px rgba(255,107,107,.35)}.author-bar{display:flex;gap:8px;margin-bottom:10px;align-items:flex-start}.avatar{width:36px;height:36px;border-radius:50%;object-fit:cover;flex-shrink:0}.info{flex:1}.name{font-size:12px;font-weight:700;color:#FF6B6B;word-break:break-all}.id{font-size:10px;color:#999;margin-top:2px}.title-box{font-size:11px;color:#2d2d2d;line-height:1.3;margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid #ffd4d4;word-break:break-word}.tabs{display:flex;gap:6px;margin-bottom:8px}.tab{flex:1;padding:5px 8px;border:2px solid #ffd4d4;background:#fff;color:#FF6B6B;border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s}.tab.active{background:#FF6B6B;color:#fff;border-color:#FF6B6B}.media-box{display:grid;grid-template-columns:1fr 1fr 1fr;gap:4px;max-height:320px;overflow-y:auto}.media-box>div{aspect-ratio:1;border-radius:5px;overflow:hidden;cursor:pointer}.media-box img,.media-box video{width:100%;height:100%;object-fit:cover;display:block}.media-box>div:hover{transform:scale(1.02)}.xhs-loading{position:absolute;inset:0;background:rgba(255,250,250,.95);display:flex;align-items:center;justify-content:center;border-radius:10px;z-index:10}.spinner{width:32px;height:32px;border:4px solid #ffe5e5;border-top:4px solid #FF6B6B;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.xhs-notice{position:fixed;top:20px;left:50%;transform:translateX(-50%);padding:10px 20px;border-radius:50px;font-size:12px;font-weight:600;z-index:9999;opacity:0;transition:opacity .3s;box-shadow:0 3px 15px rgba(0,0,0,.2)}.xhs-notice.show{opacity:1}.xhs-notice.success{background:linear-gradient(135deg,#10b981 0,#059669);color:#fff}.xhs-notice.error{background:linear-gradient(135deg,#ef4444 0,#dc2626);color:#fff}