#pingblink-root{--pingblink-primary:#0057ff;--pingblink-bg:#ffffff;--pingblink-bg-glass:rgba(255, 255, 255, 0.95);--pingblink-text:#1a1a1a;--pingblink-muted:#6b7280;--pingblink-border:#e5e7eb;--pingblink-hover:#f3f4f6;--pingblink-shadow:0 10px 40px -10px rgba(0,0,0,0.15), 0 4px 6px -4px rgba(0,0,0,0.05);--pingblink-font:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--pingblink-radius:16px;--pingblink-z:999999}#pingblink-root *{box-sizing:border-box;font-family:var(--pingblink-font)}.pingblink-trigger{position:fixed;width:60px;height:60px;border-radius:50%;background-color:var(--pingblink-primary);color:#fff;box-shadow:0 4px 12px rgb(0 0 0 / .15);cursor:pointer;z-index:var(--pingblink-z);display:flex;align-items:center;justify-content:center;transition:transform 0.2s cubic-bezier(.175,.885,.32,1.275);border:none;outline:none}.pingblink-trigger:hover{transform:scale(1.05)}.pingblink-trigger svg{width:30px;height:30px;fill:currentColor;transition:transform 0.3s ease}.pingblink-trigger.is-open svg{transform:rotate(90deg);opacity:0}.pingblink-trigger .pingblink-close-icon{position:absolute;opacity:0;transform:rotate(-90deg)}.pingblink-trigger.is-open .pingblink-close-icon{opacity:1}.pingblink-badge{position:absolute;top:-4px;right:-4px;background-color:#f44336;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;display:none;pointer-events:none;animation:pingblinkPulse 2s infinite cubic-bezier(.4,0,.6,1)}@keyframes pingblinkPulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.1)}}.pingblink-pos-bottom-right .pingblink-trigger{bottom:24px;right:24px}.pingblink-pos-bottom-left .pingblink-trigger{bottom:24px;left:24px}.pingblink-panel{position:fixed;width:380px;max-height:calc(100vh - 120px);height:600px;background:var(--pingblink-bg-glass);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:var(--pingblink-radius);box-shadow:var(--pingblink-shadow);z-index:var(--pingblink-z);display:flex;flex-direction:column;overflow:hidden;opacity:0;pointer-events:none;transform:translateY(20px) scale(.95);transition:all 0.3s cubic-bezier(.16,1,.3,1);border:1px solid var(--pingblink-border)}.pingblink-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0) scale(1)}.pingblink-pos-bottom-right .pingblink-panel{bottom:100px;right:24px;transform-origin:bottom right}.pingblink-pos-bottom-left .pingblink-panel{bottom:100px;left:24px;transform-origin:bottom left}.pingblink-card.is-unread{background-color:#f0f7ff;border-left:3px solid var(--pingblink-primary)}.pingblink-card.is-unread h4{font-weight:700}.pingblink-card:hover{background-color:#f5f5f5}.pingblink-card.is-unread:hover{background-color:#e6f0fa}.pingblink-header{background-color:var(--pingblink-primary);color:#fff;padding:24px;text-align:center}.pingblink-header h2{margin:0;font-size:20px;font-weight:600;color:#fff}.pingblink-header p{margin:8px 0 0;font-size:14px;opacity:.9}.pingblink-nav{display:flex;border-bottom:1px solid var(--pingblink-border);background:var(--pingblink-bg)}.pingblink-nav button{flex:1;padding:12px 0;background:#fff0;border:none;border-bottom:2px solid #fff0;font-size:14px;font-weight:500;color:var(--pingblink-muted);cursor:pointer;transition:all 0.2s}.pingblink-nav button .pingblink-tab-badge{display:none;background-color:#f44336;color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;margin-left:4px;vertical-align:middle}.pingblink-nav button.has-unread .pingblink-tab-badge{display:inline-block}.pingblink-nav button:hover{color:var(--pingblink-text);background:var(--pingblink-hover)}.pingblink-nav button.is-active{color:var(--pingblink-primary);border-bottom-color:var(--pingblink-primary)}.pingblink-content{flex:1;overflow-y:auto;background:var(--pingblink-bg);position:relative}.pingblink-tab-pane{display:none;padding:20px;animation:pingblinkFadeIn 0.3s ease}.pingblink-tab-pane.is-active{display:block}@keyframes pingblinkFadeIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.pingblink-search{position:relative;margin-bottom:16px}.pingblink-search input{width:100%;padding:12px 16px 12px 40px;border:1px solid var(--pingblink-border);border-radius:8px;font-size:14px;outline:none;transition:border-color 0.2s}.pingblink-search input:focus{border-color:var(--pingblink-primary)}.pingblink-search svg{position:absolute;left:12px;top:50%;transform:translateY(-50%);width:18px;height:18px;fill:var(--pingblink-muted)}.pingblink-list{list-style:none;padding:0;margin:0}.pingblink-list li{margin-bottom:12px}.pingblink-card{display:block;margin-bottom:12px;background:#fff;border:1px solid var(--pingblink-border);border-radius:12px;text-decoration:none;color:var(--pingblink-text);transition:all 0.2s ease;box-shadow:0 1px 3px rgb(0 0 0 / .02);cursor:pointer;overflow:hidden}.pingblink-card-body{padding:16px}.pingblink-card-thumb img{width:100%;height:140px;object-fit:cover;display:block;border-bottom:1px solid var(--pingblink-border)}.pingblink-card:hover{border-color:var(--pingblink-primary);box-shadow:0 4px 12px rgb(0 0 0 / .05);transform:translateY(-2px)}.pingblink-card h4{margin:0 0 8px;font-size:15px;font-weight:600}.pingblink-card p{margin:0;font-size:13px;color:var(--pingblink-muted);line-height:1.5}.pingblink-spinner{text-align:center;padding:40px;color:var(--pingblink-muted)}.pingblink-spinner svg{animation:pingblinkSpin 1s linear infinite;fill:var(--pingblink-primary)}@keyframes pingblinkSpin{100%{transform:rotate(360deg)}}.pingblink-article-view{position:absolute;top:0;left:0;width:100%;height:100%;background:var(--pingblink-bg);z-index:10;display:flex;flex-direction:column;transform:translateX(100%);transition:transform 0.3s cubic-bezier(.16,1,.3,1)}.pingblink-article-view.is-active{transform:translateX(0)}.pingblink-article-header{padding:16px 20px;border-bottom:1px solid var(--pingblink-border);display:flex;align-items:center}.pingblink-btn-back{background:none;border:none;color:var(--pingblink-primary);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;padding:0;margin-right:auto}.pingblink-article-body{padding:24px 20px;overflow-y:auto;flex:1}.pingblink-article-body h1{margin-top:0;font-size:22px}.pingblink-feedback{margin-top:32px;padding-top:24px;border-top:1px solid var(--pingblink-border);text-align:center}.pingblink-feedback p{margin:0 0 12px;font-size:14px;color:var(--pingblink-muted)}.pingblink-feedback button{background:var(--pingblink-hover);border:none;padding:8px 16px;border-radius:20px;margin:0 4px;cursor:pointer;transition:background 0.2s}.pingblink-feedback button:hover{background:#e2e8f0}.pingblink-form input,.pingblink-form textarea{width:100%;padding:10px;margin-bottom:12px;border:1px solid var(--pingblink-border);border-radius:6px;font-family:inherit}.pingblink-form button{width:100%;padding:12px;background:var(--pingblink-primary);color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}@media (max-width:480px){.pingblink-panel{width:100%;height:100%;max-height:100%;bottom:0!important;left:0!important;right:0!important;border-radius:0}}