:root{font-family:IBM Plex Sans,PingFang SC,Microsoft YaHei,sans-serif;color:#111827;background:#eceff3}html,body,#root{min-height:100vh;width:100%}*{box-sizing:border-box}body{margin:0;min-height:100vh;overflow-x:hidden;background:radial-gradient(circle at 10% 10%,rgba(148,163,184,.2),transparent 35%),radial-gradient(circle at 90% 80%,rgba(203,213,225,.24),transparent 35%),linear-gradient(160deg,#f2f4f7,#ebeff4 60%,#e5e9ef)}.app-shell{min-height:100vh;display:flex}.desktop-stage{min-height:100vh;width:100%;display:flex;position:relative}.app-shell-mobile{min-height:100vh;width:100%;display:flex;justify-content:center;align-items:flex-start;position:relative;background:transparent}.mobile-stage{width:min(390px,100vw);min-height:100dvh;display:flex;position:relative;overflow:visible;background:transparent;box-shadow:none}.mobile-background-layer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.mobile-background-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:translateZ(0)}.app-shell-mobile .mobile-stage,.app-shell-mobile .mobile-stage main{z-index:1}.mobile-sidebar-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;border:none;margin:0;padding:0;background:#0f172a6b;z-index:1700}.mobile-sidebar-drawer{position:absolute;left:0;top:0;bottom:0;width:min(280px,82vw);z-index:1750;animation:mobile-drawer-enter .18s ease-out}.mobile-sidebar-drawer>aside{width:100%!important;height:100%;border-right:1px solid rgba(255,255,255,.62)}.widget-box{position:absolute}.board-canvas-mobile .widget-box-mobile{min-width:0}.board-canvas-mobile .widget-delete-dot{width:18px;height:18px;color:#64748beb;font-size:14px;font-weight:700;background:transparent;box-shadow:none}.widget-delete-dot{position:absolute;right:8px;top:8px;width:8px;height:8px;padding:0;border-radius:999px;border:none;background:linear-gradient(160deg,#ffffff9e,#ffffff5c);color:transparent;font-size:0;line-height:1;cursor:pointer;overflow:hidden;z-index:8;display:grid;place-items:center;box-shadow:0 6px 14px #0f172a1f;transition:width .18s ease,height .18s ease,border-radius .18s ease,background .18s ease,font-size .18s ease,color .18s ease}.widget-delete-dot:hover,.widget-delete-dot:focus-visible{width:20px;height:20px;border-radius:999px;border:none;background:transparent;color:#0f172ae0!important;-webkit-text-fill-color:rgba(15,23,42,.88);font-size:14px;font-weight:700;text-shadow:none;transform:translate(0)}.widget-resize-edge{position:absolute;top:0;right:-4px;width:10px;height:100%;cursor:ew-resize;z-index:9;background:transparent}.tv-video-box{position:relative;width:100%;aspect-ratio:16 / 9}.tv-video-overlay{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;display:grid;place-items:center;background:#02061773;color:#f8fafc;font-size:12px;text-align:center;padding:8px}.tv-video-overlay-error{background:#7f1d1d9e}.tv-channel-list{flex:1;min-height:0;display:flex;flex-direction:column;gap:6px;overflow-y:auto;padding-right:2px}.tv-channel-item{border:1px solid rgba(203,213,225,.6);border-radius:10px;padding:6px 8px;background:linear-gradient(160deg,#ffffff9e,#ffffff4d);text-align:left;display:flex;justify-content:space-between;align-items:baseline;gap:8px;color:#0f172a;cursor:pointer}.tv-channel-item.is-active{border-color:#3b82f6b8;background:linear-gradient(160deg,#dbeafed6,#bfdbfe8a)}.tv-channel-item small{color:#64748b;font-size:11px}.recorder-play-btn{width:16px;height:16px;border:none;background:transparent;color:#0f172a;display:grid;place-items:center;font-size:12px;line-height:1;cursor:pointer;padding:0}input,textarea,select,button{touch-action:manipulation}.toolbar-mobile{position:sticky;top:0;margin:0 8px;border-radius:0 0 18px 18px;box-shadow:0 12px 32px #0f172a2e;-webkit-backdrop-filter:blur(18px) saturate(135%)}.mobile-floating-action{right:14px;bottom:calc(env(safe-area-inset-bottom) + 12px)}.recorder-progress-line{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;background:transparent;height:12px}.recorder-progress-line::-webkit-slider-runnable-track{height:2px;border-radius:999px;background:linear-gradient(90deg,#4755698c,#64748b66)}.recorder-progress-line::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:8px;height:8px;border-radius:999px;background:#334155e6;margin-top:-3px}.recorder-progress-line::-moz-range-track{height:2px;border-radius:999px;background:linear-gradient(90deg,#4755698c,#64748b66)}.recorder-progress-line::-moz-range-thumb{width:8px;height:8px;border-radius:999px;border:none;background:#334155e6}.icon-download-mark{display:inline-flex;flex-direction:column;align-items:center;line-height:1}.icon-download-mark i{display:block;width:8px;height:1.5px;margin-top:1px;background:currentColor}.loading{min-height:100vh;display:grid;place-items:center}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a66;display:grid;place-items:center;z-index:2000}.modal{width:min(680px,90vw);background:linear-gradient(170deg,#ffffff9e,#fff6);border:1px solid rgba(255,255,255,.65);border-radius:16px;-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);padding:16px;box-shadow:0 20px 40px #0000003d}.weather-anim{position:absolute;right:2px;top:-54px;font-size:22px;animation:weather-float 2.2s ease-in-out infinite;pointer-events:none;z-index:2}.headline-marquee{position:relative;overflow:hidden;white-space:nowrap;font-size:12px;color:#0f172a;line-height:1.2}.headline-marquee-track{display:inline-flex;align-items:center;gap:28px;min-width:max-content;animation:headline-marquee-move 24s linear infinite}.headline-marquee-track>span{display:inline-block}select:focus,select:focus-visible{outline:none;box-shadow:inset 0 1px #fff6,0 6px 12px #0f172a0f}.toolbar-widget-select option{font-size:12px}.glass-dropdown-panel{border:1px solid rgba(255,255,255,.78);border-radius:12px;background:linear-gradient(170deg,#fffffff7,#ffffffe6);box-shadow:0 12px 26px #0f172a29;-webkit-backdrop-filter:blur(16px) saturate(130%);backdrop-filter:blur(16px) saturate(130%);z-index:9999}.glass-dropdown-item{width:100%;border:none;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;cursor:pointer;color:#0f172a;font-size:14px;line-height:1.2}.glass-dropdown-item-danger{color:#b91c1c;font-weight:700}*{scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.78) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:linear-gradient(to right,transparent 0,transparent 4px,rgba(148,163,184,.45) 4px,rgba(148,163,184,.45) 6px,transparent 6px,transparent 100%)}*::-webkit-scrollbar-thumb{border-radius:999px;border:1px solid rgba(255,255,255,.65);background:linear-gradient(170deg,#ffffffe0,#ffffff73);box-shadow:inset 0 1px 1px #ffffff8c,0 4px 10px #0f172a1f;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}*::-webkit-scrollbar-thumb:hover{background:linear-gradient(170deg,#fffffff2,#dbeafe8f)}@keyframes weather-float{0%,to{transform:translateY(0) scale(1);opacity:.95}50%{transform:translateY(-3px) scale(1.08);opacity:1}}@keyframes headline-marquee-move{0%{transform:translate(0)}to{transform:translate(calc(-50% - 14px))}}@keyframes mobile-drawer-enter{0%{transform:translate(-10px);opacity:.68}to{transform:translate(0);opacity:1}}