#app{min-height:100vh}:root{font-size:16px}*,:after,:before{box-sizing:border-box}body{margin:0;font-family:PingFang SC,Helvetica,Arial,sans-serif;color:#1a1a1a}.page,body{background-color:#f5f5f5}.page{max-width:500px;margin:0 auto;padding-bottom:calc(60px + env(safe-area-inset-bottom))}.hero{background-color:#000}.hero-media{position:relative;width:100%;padding-top:66.6%;overflow:hidden}.hero-empty,.hero-placeholder{display:flex;align-items:center;justify-content:center;width:100%;padding:48px 0;color:#999;background-color:#111;min-height:220px}.hero-cover{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0;transition:opacity .8s ease;cursor:pointer}.hero-cover:focus-visible{outline:2px solid #ffbf00;outline-offset:-2px}.hero-cover.active{opacity:1}.hero-play{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:64px;height:64px;border-radius:50%;border:none;background-color:rgba(26,26,26,.6);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s ease}.hero-play:disabled{opacity:.5;cursor:not-allowed}.hero-play-icon{width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:16px solid #fff;margin-left:4px}.hero-dots{display:flex;justify-content:center;gap:8px;padding:12px 0 8px;background-color:#fff}.dot{width:6px;height:6px;border-radius:50%;background-color:#e0e0e0}.dot.active{width:18px;border-radius:999px;background-color:#1a1a1a}.tab-bar{display:flex;justify-content:space-around;align-items:center;background-color:#fff;border-bottom:1px solid #e6e6e6;padding:12px 0}.tab{flex:1;background:none;border:none;font-size:16px;font-weight:600;color:#666;padding:8px 0;position:relative}.tab.active{color:#1a1a1a}.tab.active:after{content:"";position:absolute;left:50%;bottom:-12px;transform:translateX(-50%);width:32px;height:3px;border-radius:999px;background-color:#ffbf00}.tab:disabled{color:#bbb;cursor:not-allowed}.error-banner{margin:0;padding:12px 16px;background-color:#fff4f2;color:#d4380d;font-size:14px}.content{padding:20px 16px 0;background-color:#f5f5f5}.article-placeholder{text-align:center;color:#999;font-size:14px;margin:0 0 16px}.article-card{display:flex;justify-content:space-between;align-items:center;background-color:#fff;border-radius:16px;padding:16px;margin-bottom:16px;box-shadow:0 4px 12px rgba(0,0,0,.06);gap:16px}.article-info{flex:1;min-width:0}.article-title{font-size:16px;font-weight:600;margin:0;color:#1a1a1a}.article-thumb{width:160px;height:110px;border-radius:12px;-o-object-fit:cover;object-fit:cover}.load-more{width:100%;margin:8px 0 32px;padding:12px;border:none;border-radius:999px;background-color:#1a1a1a;color:#fff;font-size:15px;font-weight:600;cursor:pointer}.load-more:disabled{opacity:.5;cursor:not-allowed}.video-overlay{position:fixed;inset:0;z-index:1000;display:flex;justify-content:center;align-items:center}.video-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.7);z-index:1000}.video-dialog{position:relative;width:90%;max-width:420px;background-color:#000;border-radius:16px;overflow:hidden;z-index:1001;box-shadow:0 12px 32px rgba(0,0,0,.4)}.video-player{width:100%;height:auto;display:block}.video-close{position:absolute;top:8px;right:8px;width:32px;height:32px;border:none;border-radius:50%;background:hsla(0,0%,100%,.2);color:#fff;font-size:20px;cursor:pointer}.video-close:hover{background:hsla(0,0%,100%,.35)}@media (min-width:768px){.page{max-width:600px}}.preview-page[data-v-0c939cee]{min-height:100vh;background-color:#fff;padding:env(safe-area-inset-top) env(safe-area-inset-right) calc(env(safe-area-inset-bottom))}.preview-state[data-v-0c939cee]{padding:40px 0;text-align:center;color:#888;font-size:15px}.preview-error[data-v-0c939cee]{color:#d4380d}.preview-body[data-v-0c939cee]{min-height:100vh;font-size:15px;line-height:1.8;color:#1a1a1a;overflow-x:hidden}.preview-body[data-v-0c939cee] *{max-width:100%;box-sizing:border-box}.preview-body img[data-v-0c939cee]{display:block;max-width:100%;height:auto;border-radius:12px;margin:12px 0}.preview-body p[data-v-0c939cee]{margin:0 0 12px}