*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--primary: #1976D2;--primary-dark: #0D47A1;--primary-light: #BBDEFB;--bg: #EEF4FF;--card-bg: #FFFFFF;--text: #1a1a2e;--text-muted: #6b7280;--border: #e5e7eb;--radius: 16px;--shadow: 0 2px 16px rgba(25, 118, 210, .1)}html,body{height:100%;background:var(--bg);font-family:PingFang SC,Helvetica Neue,Arial,Microsoft YaHei,sans-serif;color:var(--text);-webkit-font-smoothing:antialiased}#app{min-height:100vh}.audio-player[data-v-752b1179]{position:relative;background:radial-gradient(circle at top,rgba(187,222,251,.8),transparent 42%),linear-gradient(180deg,#fff,#f5f9ff);border:1px solid rgba(187,222,251,.8);border-radius:24px;padding:26px 20px 18px;display:flex;flex-direction:column;align-items:center;gap:18px;overflow:hidden;box-shadow:0 18px 36px #1976d21f,inset 0 1px #ffffffe6}.player-glow[data-v-752b1179]{position:absolute;inset:auto auto -40px -40px;width:140px;height:140px;background:radial-gradient(circle,rgba(25,118,210,.18),transparent 70%);pointer-events:none}.artwork[data-v-752b1179]{position:relative;width:136px;height:136px;display:grid;place-items:center}.artwork-shadow[data-v-752b1179]{position:absolute;top:18px;right:18px;bottom:18px;left:18px;border-radius:50%;background:radial-gradient(circle,rgba(13,71,161,.2),transparent 72%);filter:blur(12px)}.artwork-inner[data-v-752b1179]{position:relative;z-index:2;width:120px;height:120px;border-radius:50%;overflow:hidden;border:6px solid rgba(255,255,255,.92);background:linear-gradient(145deg,#edf5ff,#dcecff);box-shadow:0 14px 32px #1976d238,inset 0 0 0 1px #ffffffb3;transition:transform .3s}.artwork.playing .artwork-inner[data-v-752b1179]{animation:spin-752b1179 8s linear infinite}.cover-img[data-v-752b1179]{width:100%;height:100%;object-fit:cover}.music-icon[data-v-752b1179]{width:100%;height:100%}.spin-ring[data-v-752b1179]{position:absolute;z-index:1;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px);animation:spin-slow-752b1179 16s linear infinite;opacity:.65}.player-shell[data-v-752b1179]{width:100%;position:relative;border:1px solid rgba(191,214,241,.95);border-radius:22px;background:linear-gradient(180deg,#fffffff5,#f1f8fff0);padding:14px;box-shadow:0 10px 24px #1976d214,inset 0 1px #ffffffeb}.player-node[data-v-752b1179]{position:absolute;opacity:0;pointer-events:none;width:1px;height:1px}.controls-card[data-v-752b1179]{display:flex;align-items:center;gap:14px;min-height:62px}.play-btn[data-v-752b1179]{flex-shrink:0;width:46px;height:46px;border:none;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:#fff;display:grid;place-items:center;box-shadow:0 10px 18px #1976d247;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease}.play-btn[data-v-752b1179]:active{transform:scale(.96);box-shadow:0 6px 12px #1976d238}.play-btn svg[data-v-752b1179]{width:22px;height:22px}.progress-group[data-v-752b1179]{flex:1;display:flex;flex-direction:column;gap:10px}.progress-bar[data-v-752b1179]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;outline:none;cursor:pointer;background:linear-gradient(to right,var(--primary) 0%,var(--primary) var(--pct, 0%),rgba(187,222,251,.9) var(--pct, 0%),rgba(187,222,251,.9) 100%)}.progress-bar[data-v-752b1179]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--primary);box-shadow:0 2px 8px #1976d240}.progress-bar[data-v-752b1179]::-moz-range-thumb{width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--primary);box-shadow:0 2px 8px #1976d240}.progress-bar[data-v-752b1179]::-moz-range-track{height:6px;border-radius:999px;background:#bbdefbe6}.time-row[data-v-752b1179]{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--text-muted);line-height:1}@keyframes spin-752b1179{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-slow-752b1179{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.error-hint[data-v-752b1179]{width:100%;font-size:13px;line-height:1.5;color:#c62828;text-align:center;background:#ffebeee6;border:1px solid rgba(239,154,154,.7);border-radius:12px;padding:10px 12px}.video-wrapper[data-v-c0bc28f2]{width:100%;border-radius:var(--radius);overflow:hidden;background:#000;aspect-ratio:16 / 9}.video[data-v-c0bc28f2]{width:100%;height:100%;display:block;object-fit:contain}.app-footer[data-v-09ae3981]{background:linear-gradient(135deg,#1976d2,#0d47a1);padding:20px 16px;padding-bottom:calc(20px + env(safe-area-inset-bottom))}.footer-inner[data-v-09ae3981]{max-width:600px;margin:0 auto}.brand[data-v-09ae3981]{display:flex;align-items:center;gap:12px}.brand-logo[data-v-09ae3981]{width:40px;height:40px;flex-shrink:0}.brand-logo img[data-v-09ae3981]{width:100%;height:100%;object-fit:cover;border-radius:10px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.2))}.brand-text[data-v-09ae3981]{display:flex;flex-direction:column;gap:2px}.brand-name[data-v-09ae3981]{font-size:16px;font-weight:600;color:#fff}.brand-slogan[data-v-09ae3981]{font-size:12px;color:#ffffffb3}.footer-open-btn[data-v-09ae3981]{margin-top:16px;width:100%;padding:12px;background:#fff;color:#1976d2;border:none;border-radius:24px;font-size:15px;font-weight:600;cursor:pointer;transition:opacity .15s}.footer-open-btn[data-v-09ae3981]:active{opacity:.85}.page[data-v-5f31bf76]{min-height:100vh;display:flex;flex-direction:column;background:var(--bg)}.header[data-v-5f31bf76]{background:linear-gradient(135deg,var(--primary),var(--primary-dark));padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top));position:sticky;top:0;z-index:10;box-shadow:0 2px 12px #1976d240}.header-inner[data-v-5f31bf76]{max-width:600px;margin:0 auto;display:flex;align-items:center;justify-content:space-between}.header-brand[data-v-5f31bf76]{display:flex;align-items:center;gap:8px}.header-logo[data-v-5f31bf76]{width:28px;height:28px;border-radius:7px;object-fit:cover}.header-title[data-v-5f31bf76]{font-size:17px;font-weight:600;color:#fff;letter-spacing:.5px}.open-app-btn[data-v-5f31bf76]{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.5);border-radius:20px;padding:5px 14px;font-size:13px;font-weight:500;cursor:pointer;white-space:nowrap;transition:background .15s}.open-app-btn[data-v-5f31bf76]:active{background:#ffffff59}.content[data-v-5f31bf76]{flex:1;max-width:600px;width:100%;margin:0 auto;padding:16px 16px 24px;display:flex;flex-direction:column;gap:16px}.card[data-v-5f31bf76]{background:var(--card-bg);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.user-row[data-v-5f31bf76]{display:flex;align-items:center;gap:12px;margin-bottom:16px}.avatar[data-v-5f31bf76]{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid var(--primary-light);flex-shrink:0}.user-info[data-v-5f31bf76]{display:flex;flex-direction:column;gap:2px}.nickname-row[data-v-5f31bf76]{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.nickname[data-v-5f31bf76]{font-size:15px;font-weight:600;color:var(--text)}.practice-badge[data-v-5f31bf76]{font-size:11px;font-weight:500;color:var(--primary);background:var(--primary-light);padding:2px 8px;border-radius:20px;white-space:nowrap}.practice-hint[data-v-5f31bf76]{font-size:14px;color:var(--text-muted);margin-bottom:14px;line-height:1.5}.date[data-v-5f31bf76]{font-size:13px;color:var(--text-muted)}.player-article-title[data-v-5f31bf76]{font-size:18px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:12px;text-align:center}.media[data-v-5f31bf76]{margin-bottom:16px}.stats-row[data-v-5f31bf76]{display:flex;gap:20px;align-items:center;padding-top:4px;border-top:1px solid var(--border)}.stat[data-v-5f31bf76]{display:flex;align-items:center;gap:5px;font-size:14px;color:var(--text-muted)}.stat svg[data-v-5f31bf76]{width:18px;height:18px}.article-card[data-v-5f31bf76]{padding-bottom:0}.section-header[data-v-5f31bf76]{display:flex;align-items:center;gap:10px;margin-bottom:14px}.section-line[data-v-5f31bf76]{flex:1;height:1px;background:var(--border)}.section-label[data-v-5f31bf76]{font-size:13px;color:var(--text-muted);white-space:nowrap}.article-title[data-v-5f31bf76]{font-size:18px;font-weight:700;color:var(--text);line-height:1.5;margin-bottom:14px;text-align:center}.article-content-wrapper[data-v-5f31bf76]{position:relative}.article-content-wrapper.collapsed[data-v-5f31bf76]{max-height:280px;overflow:hidden}.article-content[data-v-5f31bf76]{font-size:15px;line-height:1.8;color:#374151}.article-content[data-v-5f31bf76] p{margin-bottom:.8em}.article-content[data-v-5f31bf76] h1,.article-content[data-v-5f31bf76] h2,.article-content[data-v-5f31bf76] h3{font-weight:600;margin:.8em 0 .4em}.article-content[data-v-5f31bf76] strong{font-weight:600}.article-content[data-v-5f31bf76] img{max-width:100%;border-radius:8px}.content-fade[data-v-5f31bf76]{position:absolute;bottom:0;left:0;right:0;height:80px;background:linear-gradient(to bottom,transparent,white);pointer-events:none}.expand-btn[data-v-5f31bf76]{width:100%;display:flex;align-items:center;justify-content:center;gap:4px;padding:14px;background:none;border:none;border-top:1px solid var(--border);cursor:pointer;font-size:14px;color:var(--primary);font-weight:500;transition:background .15s}.expand-btn[data-v-5f31bf76]:active{background:var(--bg)}.expand-btn svg[data-v-5f31bf76]{width:16px;height:16px}.error-card[data-v-5f31bf76]{text-align:center;padding:40px 20px}.error-icon[data-v-5f31bf76]{width:64px;height:64px;margin:0 auto 16px}.error-title[data-v-5f31bf76]{font-size:17px;font-weight:600;margin-bottom:8px}.error-desc[data-v-5f31bf76]{font-size:14px;color:var(--text-muted)}.skeleton-card[data-v-5f31bf76]{display:flex;flex-direction:column;gap:12px}.skeleton-row[data-v-5f31bf76]{display:flex;gap:12px;align-items:center}.skeleton-info[data-v-5f31bf76]{flex:1;display:flex;flex-direction:column;gap:8px}.skeleton[data-v-5f31bf76]{background:linear-gradient(90deg,#e8edf7 25%,#d0d9ee,#e8edf7 75%);background-size:200% 100%;animation:shimmer-5f31bf76 1.5s infinite;border-radius:8px}.skeleton-avatar[data-v-5f31bf76]{width:44px;height:44px;border-radius:50%;flex-shrink:0}.skeleton-player[data-v-5f31bf76]{height:200px;border-radius:var(--radius)}.skeleton-text[data-v-5f31bf76]{height:14px;width:100%}.w40[data-v-5f31bf76]{width:40%}.w50[data-v-5f31bf76]{width:50%}.w60[data-v-5f31bf76]{width:60%}.w70[data-v-5f31bf76]{width:70%}.w80[data-v-5f31bf76]{width:80%}@keyframes shimmer-5f31bf76{0%{background-position:200% 0}to{background-position:-200% 0}}.wechat-guide{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000c7;z-index:99999}.guide-img{position:absolute;top:0;right:12px;width:65%;max-width:300px}