.ci-network-status{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);z-index:10000;display:flex;align-items:center;gap:10px;padding:10px 16px;border:1px solid #55505f;border-radius:24px;background:#211e2bea;color:#f8f7fc;font:500 14px/1.4 system-ui;box-shadow:0 6px 24px #0003;pointer-events:none}.ci-network-status[hidden]{display:none}.ci-network-status.is-loading:before,.ci-media-loading:before{content:'';width:14px;height:14px;border:2px solid #ffffff40;border-top-color:#c4acf0;border-radius:50%;animation:ci-loading-spin .8s linear infinite}.ci-data-loading{position:relative;min-height:160px;overflow:hidden;pointer-events:none}.ci-data-loading>*{visibility:hidden}.ci-data-loading:after{content:'資料載入中';position:absolute;inset:0;display:grid;place-items:center;border-radius:16px;color:#c4bfd0;background:linear-gradient(105deg,#24212d 20%,#383342 45%,#24212d 70%);background-size:220% 100%;animation:ci-loading-shimmer 1.6s ease-in-out infinite;font:500 14px system-ui}.ci-media-loading{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:22px;background:#16141de6;color:white;font-size:13px;pointer-events:none;z-index:3}@keyframes ci-loading-spin{to{transform:rotate(360deg)}}@keyframes ci-loading-shimmer{to{background-position:-220% 0}}@media(prefers-reduced-motion:reduce){.ci-data-loading:after,.ci-network-status:before,.ci-media-loading:before{animation:none}}