/* * 鼎点资讯导航 V3.2.0.0 正式生产冻结样式 * 已合并：首页、原背景恢复、天气卡片弱边界。 * 天气仅显示数据卡片，不驱动背景。 */ /* V3.1.5.13_FIVE_ROWS_COMPLETE_NO_CROP * V3.1.5.13 修复第五行真实行高、卡片底部留白与静态资源缓存；其余天气、数据、后台和站点逻辑保持不变。 */ html{scroll-behavior:smooth} body{overflow-x:hidden} .dd-topbar{position:absolute!important;z-index:10000} .center-bold-large{margin:0 auto 8px;text-align:center;font-size:38px;font-weight:700;line-height:1.22;letter-spacing:.02em;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.35)} .dd-main.container{position:relative;z-index:100;width:calc(100% - 48px)!important;max-width:1320px!important;margin:8.6vh auto 0!important;padding:0 0 30px!important} .dd-main .content{margin:0 0 4px;text-align:center} /* 搜索区：桌面固定一排 8 项，宽度与下方导航卡片统一，不再挤成两排。 */ #search.s-search{position:relative;z-index:2000;width:100%;max-width:1120px;margin:0 auto 24px;padding:0} #search-list{position:relative;margin:24px auto 0;padding:0;background:transparent;border:0;box-shadow:none;overflow:visible} #search-list .search-group.s-current{margin:0!important;padding:0!important} #search-list ul.search-type{display:grid!important;grid-template-columns:repeat(8,minmax(0,1fr));gap:8px;margin:0!important;padding:0!important;white-space:normal!important;list-style:none} #search-list .search-type li{display:block!important;width:auto!important;min-width:0!important;height:42px!important;margin:0!important;padding:0!important;overflow:hidden;border:1px solid rgba(255,255,255,.82);border-radius:10px!important;background:rgba(255,255,255,.88)!important;box-shadow:0 4px 14px rgba(21,44,72,.09);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease} #search-list .search-type li:hover{transform:translateY(-1px);border-color:rgba(78,110,242,.45);background:#fff!important;box-shadow:0 7px 18px rgba(21,44,72,.14)} #search-list .search-type li label{display:flex!important;align-items:center;justify-content:center;gap:6px;width:100%!important;height:100%!important;min-width:0;margin:0!important;padding:0 9px!important;border:0!important;border-radius:9px!important;background:transparent!important;box-shadow:none!important;cursor:pointer;white-space:nowrap;font-size:13px!important;font-weight:600!important;line-height:1!important} #search-list .search-type input:checked+label{height:100%!important;background:linear-gradient(135deg,#eef3ff 0%,#fff 100%)!important;box-shadow:inset 0 0 0 2px rgba(78,110,242,.72)!important} #search-list .search-type input:hover+label{height:100%!important;background:rgba(255,255,255,.72)!important} #search-list .search-type label img,#search-list .search-type label svg{display:block!important;flex:0 0 17px;width:17px!important;height:17px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;object-fit:contain} #search-list .search-type label span{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap} #search form#super-search-fm{position:relative;width:100%;margin:10px auto 0!important} #search-text{width:100%!important;height:52px!important;line-height:52px!important;margin:0!important;padding:0 68px 0 18px!important;text-indent:0!important;border:1px solid rgba(255,255,255,.96)!important;border-radius:11px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 8px 22px rgba(25,47,78,.13)!important;font-size:15.5px!important;transition:border-color .18s ease,box-shadow .18s ease} #search-text:focus{outline:0;border-color:#4e6ef2!important;box-shadow:0 0 0 3px rgba(78,110,242,.16),0 8px 22px rgba(25,47,78,.13)!important} #search button.submit{position:absolute!important;top:0!important;right:0!important;display:flex!important;align-items:center;justify-content:center;width:60px!important;height:52px!important;border-radius:0 11px 11px 0!important} #search button.submit .icon{width:20px!important;height:20px!important;margin:0!important;color:#fff;fill:currentColor} /* 网址区：宽版卡片，1920 为 10 列，1366 为 8 列；标题、图标和文字基线统一。 */ .mylist.dd-link-grid{display:grid!important;grid-template-columns:repeat(10,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-rows:auto!important;align-content:start!important;column-gap:12px!important;row-gap:12px!important;width:100%!important;height:auto!important;max-height:none!important;margin:18px 0!important;padding:18px 22px 30px!important;overflow:visible!important;list-style:none!important;border:1px solid rgba(255,255,255,.76)!important;border-radius:16px!important;background:rgba(255,255,255,.91)!important;box-shadow:0 8px 24px rgba(31,45,61,.09)!important;position:relative;z-index:1000;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} .mylist.dd-link-grid>li.title{grid-column:1/-1!important;display:flex!important;align-items:center!important;width:auto!important;min-width:0!important;height:34px!important;min-height:34px!important;margin:0 0 3px!important;padding:0 4px 8px!important;border-bottom:1px solid rgba(216,226,236,.72)!important;font-size:16px!important;font-weight:650!important;line-height:26px!important;color:#344256!important} .mylist.dd-link-grid>li.title .icon{display:inline-flex!important;width:21px!important;height:21px!important;margin:0 7px 0 0!important;padding:2px!important;border:0!important;background:transparent!important} .mylist.dd-link-grid>li.dd-link-item{display:block!important;align-self:stretch!important;box-sizing:border-box!important;width:auto!important;min-width:0!important;max-width:none!important;height:auto!important;min-height:98px!important;margin:0!important;padding:7px 3px!important;overflow:visible!important;border-radius:11px!important;transition:background .18s ease,transform .18s ease,box-shadow .18s ease} .mylist.dd-link-grid>li.dd-link-item:hover{background:rgba(238,243,249,.92)!important;transform:translateY(-1px);box-shadow:0 5px 14px rgba(39,55,78,.08)} .mylist.dd-link-grid>li.dd-link-item>a{display:flex!important;align-items:center!important;justify-content:flex-start!important;flex-direction:column!important;box-sizing:border-box!important;width:100%!important;height:auto!important;min-height:84px!important;min-width:0!important;overflow:visible!important;color:#4b5565!important;text-decoration:none!important} .mylist.dd-link-grid>li.dd-link-item img,.mylist.dd-link-grid>li.dd-link-item svg{display:block!important;flex:0 0 46px!important;width:46px!important;height:46px!important;margin:0 auto 6px!important;padding:7px!important;border:1px solid #e8edf3!important;border-radius:12px!important;background:#fff!important;box-shadow:0 2px 8px rgba(30,45,65,.05)!important;object-fit:contain!important} .mylist.dd-link-grid>li.dd-link-item span{display:-webkit-box!important;width:100%!important;height:31px!important;padding:0 2px!important;overflow:hidden!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;word-break:break-word!important;text-align:center!important;font-size:12.5px!important;line-height:15.5px!important} .footer{margin-top:30px!important;margin-bottom:14px!important;padding:14px 8px 4px;line-height:1.8} .footer p{margin:4px 0}.footer .dd-author{display:none!important} .bottom-cover{background-image:linear-gradient(rgba(255,255,255,0) 0%,rgba(244,248,251,.60) 50%,#f4f8fb 100%)} #toTop{display:none;position:fixed;right:18px;bottom:28px;width:44px;height:44px;border-radius:50%;background:#4e6ef2;color:#fff;z-index:9999;text-align:center;line-height:44px;font-size:22px;box-shadow:0 6px 20px rgba(78,110,242,.3)} /* 常见 1366 桌面：保持一排 8 个搜索入口、网址 8 列。 */ @media screen and (max-width:1439px){ .dd-main.container{max-width:1120px!important;margin-top:8vh!important} #search.s-search{max-width:1040px} .mylist.dd-link-grid{grid-template-columns:repeat(8,minmax(0,1fr))!important;column-gap:10px!important;padding-left:18px!important;padding-right:18px!important} } @media screen and (max-width:1080px){ .dd-main.container{max-width:920px!important} .center-bold-large{font-size:32px} #search.s-search{max-width:860px} #search-list ul.search-type{grid-template-columns:repeat(4,minmax(0,1fr))} .mylist.dd-link-grid{grid-template-columns:repeat(6,minmax(0,1fr))!important} } @media screen and (max-width:820px){ .dd-main.container{width:calc(100% - 24px)!important;margin-top:72px!important;padding-bottom:22px!important} .center-bold-large{font-size:27px;line-height:1.3;padding:0 8px} #search.s-search{max-width:100%;margin-bottom:14px} #search-list{margin-top:20px} #search-list ul.search-type{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px} #search-list .search-type li{height:40px!important} #search-list .search-type li label{font-size:12px!important;padding:0 7px!important} #search-text{height:48px!important;line-height:48px!important;padding-right:56px!important;font-size:15px!important} #search button.submit{width:52px!important;height:48px!important} .mylist.dd-link-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;padding:14px 10px 22px!important;column-gap:7px!important;row-gap:9px!important;border-radius:12px!important} .mylist.dd-link-grid>li.dd-link-item{height:auto!important;min-height:86px!important;padding:5px 2px!important;overflow:visible!important} .mylist.dd-link-grid>li.dd-link-item>a{height:auto!important;min-height:74px!important;overflow:visible!important} .mylist.dd-link-grid>li.dd-link-item img,.mylist.dd-link-grid>li.dd-link-item svg{flex-basis:40px!important;width:40px!important;height:40px!important;padding:6px!important;border-radius:10px!important} .mylist.dd-link-grid>li.dd-link-item span{height:28px!important;font-size:12px!important;line-height:14px!important} .footer{font-size:12px;padding-left:4px;padding-right:4px} } @media screen and (max-width:520px){.mylist.dd-link-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}} @media screen and (max-width:380px){.mylist.dd-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}} /* V3.1.5.13_FIVE_ROWS_COMPLETE_NO_CROP */ .banner-video{position:fixed!important;inset:0!important;width:100%!important;height:100%!important;background-image:var(--dd-bg-desktop)!important;background-position:center!important;background-size:cover!important;background-repeat:no-repeat!important;pointer-events:none!important;user-select:none!important;-webkit-user-drag:none!important} .banner-video picture,.banner-video>img{display:none!important} @media(max-width:767px){.banner-video{background-image:var(--dd-bg-mobile)!important}} body.dd-bg-hidden .banner-video{background-image:linear-gradient(145deg,#0d3756,#68c8cf)!important} body.dd-dark{background:#111827;color:#e5e7eb} body.dd-dark .mylist.dd-link-grid,body.dd-dark .dd-service-bar{background:rgba(17,24,39,.94)!important;border-color:rgba(255,255,255,.12)!important} body.dd-dark .mylist.dd-link-grid>li.title,body.dd-dark .dd-service-title{color:#f3f4f6!important;border-color:rgba(255,255,255,.12)!important} body.dd-dark .mylist.dd-link-grid>li.dd-link-item>a,body.dd-dark .dd-service-links a{color:#d1d5db!important} body.dd-dark .mylist.dd-link-grid>li.dd-link-item:hover{background:rgba(55,65,81,.82)!important} .dd-row-hidden,.mylist.dd-link-grid>li.dd-link-item.dd-row-hidden{display:none!important} .dd-favorites[hidden]{display:none!important} .dd-favorites{border-color:rgba(250,180,45,.4)!important;background:rgba(255,251,236,.94)!important} .dd-favorites>li.title{color:#8a5a00!important} .dd-link-item.dd-favorite a span::after{content:' ★';color:#f59e0b} .dd-service-bar{display:flex;align-items:center;gap:22px;width:100%;margin:18px 0;padding:16px 22px;border:1px solid rgba(255,255,255,.76);border-radius:16px;background:rgba(255,255,255,.92);box-shadow:0 8px 24px rgba(31,45,61,.08);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)} .dd-service-title{flex:0 0 auto;font-size:16px;font-weight:700;color:#344256} .dd-service-links{display:flex;align-items:center;flex-wrap:wrap;gap:10px 18px} .dd-service-links a{display:inline-flex;align-items:center;gap:7px;color:#4b5565;text-decoration:none;font-size:13px;font-weight:600} .dd-service-links img,.dd-service-links svg{width:28px!important;height:28px!important;padding:4px!important;border:1px solid #e8edf3!important;border-radius:8px!important;background:#fff!important;object-fit:contain!important} .dd-service-links a:hover{color:#4e6ef2} .dd-context-menu{position:fixed;z-index:20000;width:220px;padding:8px;border:1px solid rgba(29,40,61,.14);border-radius:12px;background:rgba(255,255,255,.98);box-shadow:0 16px 42px rgba(15,23,42,.23);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .dd-context-menu[hidden]{display:none!important} .dd-context-menu button,.dd-context-menu a{display:flex;width:100%;align-items:center;min-height:36px;padding:7px 11px;border:0;border-radius:8px;background:transparent;color:#283548;text-decoration:none;text-align:left;font-size:13px;cursor:pointer} .dd-context-menu button:hover,.dd-context-menu a:hover{background:#edf2ff;color:#3f5fe8} .dd-context-menu hr{margin:6px 4px;border:0;border-top:1px solid #edf0f5} body.dd-dark .dd-context-menu{background:rgba(17,24,39,.98);border-color:rgba(255,255,255,.12)} body.dd-dark .dd-context-menu button,body.dd-dark .dd-context-menu a{color:#e5e7eb} body.dd-dark .dd-context-menu button:hover,body.dd-dark .dd-context-menu a:hover{background:#273449} .dd-toast{position:fixed;left:50%;bottom:42px;z-index:21000;transform:translateX(-50%);min-width:180px;max-width:min(90vw,520px);padding:11px 16px;border-radius:10px;background:rgba(15,23,42,.92);color:#fff;text-align:center;font-size:13px;box-shadow:0 10px 28px rgba(0,0,0,.22)} .dd-toast[hidden]{display:none!important} @media(max-width:820px){ .dd-service-bar{display:block;padding:14px 15px}.dd-service-title{margin-bottom:10px}.dd-service-links{gap:10px 14px} .dd-context-menu{width:min(220px,calc(100vw - 24px))} } /* V3.1.5 首页固定五行与天气主题 */ .mylist.dd-link-grid>li.title a{display:flex;align-items:center;justify-content:space-between;width:100%;color:inherit;text-decoration:none} .mylist.dd-link-grid>li.title a em{font-style:normal;font-size:12px;font-weight:600;color:#6b7fa3} .mylist.dd-link-grid>li.title a:hover em{color:#4e6ef2} .dd-weather-card{position:fixed;top:18px;right:24px;z-index:12000;width:300px;color:#fff} .dd-weather-summary{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;min-height:74px;padding:10px 13px;border:1px solid rgba(255,255,255,.32);border-radius:16px;background:rgba(13,45,70,.22);color:#fff;text-align:left;box-shadow:0 8px 25px rgba(0,0,0,.09);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);cursor:pointer} .dd-weather-card.loading .dd-weather-summary{opacity:.82} .dd-weather-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.16);font-size:23px} .dd-weather-main{min-width:0}.dd-weather-main strong{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:14px}.dd-weather-main small{display:block;margin-top:4px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(255,255,255,.78);font-size:11px} .dd-weather-clock{text-align:right}.dd-weather-clock b{display:block;font-size:25px;line-height:1}.dd-weather-clock small{display:block;margin-top:5px;white-space:nowrap;font-size:10px;color:rgba(255,255,255,.82)} .dd-weather-clock-only .dd-weather-summary{grid-template-columns:1fr}.dd-weather-clock-only .dd-weather-icon,.dd-weather-clock-only .dd-weather-main{display:none}.dd-weather-clock-only .dd-weather-clock{text-align:right} .dd-weather-picker{position:absolute;top:82px;right:0;width:300px;padding:14px;border:1px solid rgba(30,43,62,.14);border-radius:14px;background:rgba(255,255,255,.98);color:#29364a;box-shadow:0 18px 48px rgba(15,23,42,.22);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .dd-weather-picker[hidden]{display:none!important}.dd-weather-picker-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.dd-weather-picker-title button{border:0;background:transparent;font-size:22px;color:#7a8698}.dd-weather-picker form{display:grid;grid-template-columns:1fr auto;gap:8px}.dd-weather-picker input{min-width:0;height:38px;padding:0 10px;border:1px solid #dce3ec;border-radius:8px}.dd-weather-picker form button,.dd-weather-auto{height:38px;padding:0 12px;border:0;border-radius:8px;background:#4e6ef2;color:#fff;font-weight:700}.dd-weather-auto{width:100%;margin-top:9px;background:#edf2ff;color:#4261db}.dd-weather-picker p{min-height:18px;margin:8px 2px 0;color:#d9485f;font-size:12px} .dd-weather-effects{position:fixed;inset:0;z-index:2;pointer-events:none;overflow:hidden}.dd-weather-effects span{position:absolute;opacity:0;transition:opacity .6s ease}.dd-weather-effects .cloud{width:340px;height:100px;border-radius:999px;background:radial-gradient(ellipse at center,rgba(255,255,255,.23),rgba(255,255,255,0) 70%);filter:blur(7px)}.cloud-a{top:9%;left:-20%;animation:ddCloud 44s linear infinite}.cloud-b{top:28%;left:-30%;animation:ddCloud 61s linear infinite 5s}.precipitation{inset:-20%;background:repeating-linear-gradient(112deg,transparent 0 18px,rgba(255,255,255,.16) 19px 20px,transparent 21px 38px);animation:ddRain 1.1s linear infinite}.stars{inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.8) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 15%,rgba(255,255,255,.65) 0 1px,transparent 1.5px),radial-gradient(circle at 80% 34%,rgba(255,255,255,.65) 0 1px,transparent 1.5px);background-size:170px 160px;animation:ddStars 4s ease-in-out infinite alternate} .banner-video::after{content:"";position:absolute;inset:0;background:transparent;transition:background .8s ease;pointer-events:none} body.dd-weather-sunny .banner-video::after{background:linear-gradient(135deg,rgba(35,161,199,.07),rgba(255,203,92,.08))}body.dd-weather-sunny-night .banner-video::after{background:linear-gradient(145deg,rgba(5,18,55,.52),rgba(20,54,91,.38))}body.dd-weather-sunny-night .stars{opacity:.62} body.dd-weather-cloudy .banner-video::after,body.dd-weather-overcast .banner-video::after{background:linear-gradient(145deg,rgba(71,92,111,.18),rgba(38,70,94,.22))}body.dd-weather-cloudy .cloud,body.dd-weather-overcast .cloud{opacity:.55} body.dd-weather-cloudy-night .banner-video::after,body.dd-weather-overcast-night .banner-video::after{background:linear-gradient(145deg,rgba(13,27,52,.55),rgba(48,67,86,.5))}body.dd-weather-cloudy-night .cloud,body.dd-weather-overcast-night .cloud{opacity:.35} body.dd-weather-rain .banner-video::after,body.dd-weather-storm .banner-video::after,body.dd-weather-rain-night .banner-video::after,body.dd-weather-storm-night .banner-video::after{background:linear-gradient(145deg,rgba(17,35,61,.52),rgba(43,65,82,.42))}body.dd-weather-rain .precipitation,body.dd-weather-storm .precipitation,body.dd-weather-rain-night .precipitation,body.dd-weather-storm-night .precipitation{opacity:.55} body.dd-weather-snow .banner-video::after,body.dd-weather-snow-night .banner-video::after{background:linear-gradient(145deg,rgba(219,235,246,.16),rgba(87,123,151,.28))}body.dd-weather-snow .precipitation,body.dd-weather-snow-night .precipitation{opacity:.35;background:radial-gradient(circle,rgba(255,255,255,.8) 0 2px,transparent 2.5px);background-size:36px 36px;animation:ddSnow 8s linear infinite} body.dd-weather-fog .banner-video::after,body.dd-weather-fog-night .banner-video::after{background:linear-gradient(145deg,rgba(210,218,219,.38),rgba(119,139,147,.3))} @keyframes ddCloud{from{transform:translateX(0)}to{transform:translateX(160vw)}}@keyframes ddRain{from{transform:translate3d(0,-40px,0)}to{transform:translate3d(30px,40px,0)}}@keyframes ddSnow{from{background-position:0 0}to{background-position:50px 180px}}@keyframes ddStars{from{opacity:.35}to{opacity:.7}} .dd-category-page{min-height:100vh}.dd-category-shell{position:relative;z-index:100;width:calc(100% - 48px);max-width:1320px;margin:38px auto;padding-bottom:40px}.dd-category-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-radius:16px;background:rgba(255,255,255,.94);box-shadow:0 8px 24px rgba(31,45,61,.1)}.dd-category-header>a{color:#4e6ef2;font-weight:700}.dd-category-header>div{text-align:center}.dd-category-header span{font-size:12px;color:#7b8798}.dd-category-header h1{margin:3px 0 0;font-size:25px}.dd-category-header b{color:#6b7fa3} @media(max-width:820px){.dd-weather-card{position:relative;top:auto;right:auto;z-index:3000;width:calc(100% - 24px);margin:66px auto -54px}.dd-weather-summary{min-height:64px}.dd-weather-clock b{font-size:21px}.dd-weather-picker{top:72px;width:100%}.dd-main.container{margin-top:72px!important}.dd-category-shell{width:calc(100% - 24px);margin:18px auto}.dd-category-header{padding:15px}.dd-category-header h1{font-size:20px}} @media(max-width:520px){.dd-weather-summary{grid-template-columns:34px minmax(0,1fr) auto;padding:8px 10px}.dd-weather-icon{width:34px;height:34px}.dd-weather-main strong{font-size:13px}.dd-weather-clock small{display:none}} @media(prefers-reduced-motion:reduce){.dd-weather-effects span{animation:none!important}.banner-video::after{transition:none}} /* 普通分类仍由 JavaScript 按“实际列数 × 5 行”隐藏。第五行使用真实内容行高，卡片底部保留安全留白，任何层级都不得裁切。 */ .dd-five-row{grid-auto-rows:auto!important;max-height:none!important;height:auto!important;overflow:visible!important;align-content:start!important;padding-bottom:30px!important} .dd-five-row>li.dd-link-item,.dd-five-row>li.dd-link-item>a{height:auto!important;overflow:visible!important} @media(max-width:820px){.dd-five-row{grid-auto-rows:auto!important;max-height:none!important;height:auto!important;overflow:visible!important;padding-bottom:22px!important}} body[data-weather-enabled="0"] .dd-weather-summary{grid-template-columns:1fr} body[data-weather-enabled="0"] .dd-weather-icon,body[data-weather-enabled="0"] .dd-weather-main{display:none} body[data-weather-enabled="0"] .dd-weather-clock{text-align:right} body[data-weather-manual="0"] .dd-weather-summary{cursor:default} @media(max-width:1200px) and (min-width:821px){.dd-weather-card{width:255px}.dd-weather-main small{display:none}.dd-weather-clock small{font-size:9px}} /* V3.1.5.13_ICON_FAST_WEATHER_BACKGROUND */ /* 首屏真实图标由 HTML 内嵌，非首屏静态文件懒加载；白底骨架不再出现空白闪烁。 */ .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon{ background-color:#fff!important; background-image:none!important; background-repeat:no-repeat!important; background-position:center!important; background-size:56%!important; color:transparent!important; contain:paint; } .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon[src^="data:"]{background-image:none!important} .dd-weather-effects{z-index:3!important;isolation:isolate} .dd-weather-effects span{will-change:transform,opacity} .dd-weather-effects .sun-glow{top:-18vh;right:-8vw;width:48vw;height:48vw;border-radius:50%;background:radial-gradient(circle,rgba(255,232,153,.34) 0,rgba(255,213,104,.14) 34%,transparent 70%);filter:blur(8px);transform:translateZ(0)} .dd-weather-effects .moon-glow{top:-12vh;right:2vw;width:34vw;height:34vw;border-radius:50%;background:radial-gradient(circle,rgba(213,231,255,.28) 0,rgba(113,164,224,.12) 38%,transparent 72%);filter:blur(9px)} .dd-weather-effects .cloud{width:390px;height:125px;filter:blur(8px)} .dd-weather-effects .cloud-c{top:48%;left:-35%;animation:ddCloud 72s linear infinite 12s} .dd-weather-effects .snowfall{inset:-8%;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1.5px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.65) 0 2px,transparent 2.5px);background-size:42px 42px,68px 68px;background-position:0 0,18px 22px;animation:ddSnowFall 9s linear infinite} .dd-weather-effects .fog-layer{inset:0;background:linear-gradient(180deg,rgba(227,238,244,.04),rgba(220,232,236,.26) 48%,rgba(225,235,238,.08));filter:blur(4px);animation:ddFog 12s ease-in-out infinite alternate} .dd-weather-effects .lightning-layer{inset:0;background:linear-gradient(115deg,transparent 0 54%,rgba(220,238,255,.55) 55%,transparent 57%);mix-blend-mode:screen;animation:ddLightning 7s steps(1,end) infinite} body.dd-weather-default .sun-glow,body.dd-weather-sunny .sun-glow{opacity:.78} body.dd-weather-default-night .moon-glow,body.dd-weather-sunny-night .moon-glow{opacity:.72} body.dd-weather-default-night .stars,body.dd-weather-sunny-night .stars{opacity:.62} body.dd-weather-cloudy .cloud,body.dd-weather-overcast .cloud{opacity:.55} body.dd-weather-cloudy-night .cloud,body.dd-weather-overcast-night .cloud{opacity:.38} body.dd-weather-rain .precipitation,body.dd-weather-rain-night .precipitation{opacity:.46} body.dd-weather-storm .precipitation,body.dd-weather-storm-night .precipitation{opacity:.62} body.dd-weather-storm .lightning-layer,body.dd-weather-storm-night .lightning-layer{opacity:.6} body.dd-weather-snow .snowfall,body.dd-weather-snow-night .snowfall{opacity:.78} body.dd-weather-fog .fog-layer,body.dd-weather-fog-night .fog-layer{opacity:.78} body.dd-weather-default .banner-video::after{background:linear-gradient(135deg,rgba(25,145,175,.04),rgba(255,214,130,.04))} body.dd-weather-default-night .banner-video::after{background:linear-gradient(145deg,rgba(4,16,48,.28),rgba(18,57,90,.20))} body.dd-weather-storm .banner-video::after,body.dd-weather-storm-night .banner-video::after{background:linear-gradient(145deg,rgba(8,22,48,.63),rgba(32,48,69,.50))} body.dd-weather-fog .banner-video::after,body.dd-weather-fog-night .banner-video::after{background:linear-gradient(145deg,rgba(220,230,233,.34),rgba(112,137,149,.32))} @keyframes ddSnowFall{from{transform:translate3d(0,-3%,0)}to{transform:translate3d(18px,11%,0)}} @keyframes ddFog{from{transform:translate3d(-2%,0,0);opacity:.52}to{transform:translate3d(2%,1%,0);opacity:.82}} @keyframes ddLightning{0%,88%,92%,100%{opacity:0}89%,91%{opacity:.72}90%{opacity:.18}} @media(prefers-reduced-motion:reduce){.dd-weather-effects span{animation:none!important;will-change:auto}} /* V3.1.5.13_WEATHER_SCENE_ENGINE * 天气数据与背景效果独立控制；多层晴/夜/云/雨/雷/雪/雾，低配置与减少动态自动降级。 */ :root{--dd-cloud-duration:64s;--dd-rain-speed:.86s} .dd-weather-effects{position:fixed!important;inset:0!important;z-index:3!important;overflow:hidden!important;pointer-events:none!important;isolation:isolate!important;contain:strict} .dd-weather-effects::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--dd-scene-top,rgba(50,145,205,.12)),var(--dd-scene-bottom,rgba(255,220,160,.06)));opacity:.9;transition:background 1.1s ease,opacity .8s ease} .dd-weather-effects>span{position:absolute;display:block;opacity:0;transition:opacity .85s ease,filter .85s ease;transform:translateZ(0);will-change:transform,opacity} .dd-weather-effects .scene-sky{inset:0;z-index:0;opacity:1;background:radial-gradient(circle at 78% 12%,var(--dd-sky-glow,rgba(255,224,145,.16)),transparent 38%),linear-gradient(180deg,var(--dd-sky-a,rgba(82,165,220,.08)),var(--dd-sky-b,rgba(255,225,181,.04)))} .dd-weather-effects .sun-disc{z-index:2;top:7vh;right:9vw;width:82px;height:82px;border-radius:50%;background:radial-gradient(circle at 38% 35%,#fff8cf 0 9%,#ffd76d 42%,rgba(255,185,42,.86) 65%,rgba(255,186,50,0) 69%);box-shadow:0 0 38px 14px rgba(255,207,91,.34),0 0 110px 42px rgba(255,210,110,.16);animation:ddSunBreathe 8s ease-in-out infinite alternate} .dd-weather-effects .moon-disc{z-index:2;top:7vh;right:9vw;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#fff 0 5%,#e7efff 48%,#bdcde9 72%);box-shadow:0 0 32px 12px rgba(201,224,255,.25),0 0 90px 34px rgba(90,140,210,.16);overflow:hidden;animation:ddMoonFloat 10s ease-in-out infinite alternate} .dd-weather-effects .moon-disc::after{content:"";position:absolute;top:-8px;left:22px;width:70px;height:70px;border-radius:50%;background:rgba(17,38,75,.96)} .dd-weather-effects .starfield{z-index:1;inset:-8%;background-repeat:repeat;animation:ddStarDrift 90s linear infinite} .dd-weather-effects .star-back{background-image:radial-gradient(circle,rgba(255,255,255,.88) 0 1px,transparent 1.5px),radial-gradient(circle,rgba(201,224,255,.78) 0 1px,transparent 1.6px);background-size:145px 132px,215px 198px;background-position:12px 8px,70px 48px} .dd-weather-effects .star-front{background-image:radial-gradient(circle,rgba(255,255,255,.94) 0 1.4px,transparent 2px),radial-gradient(circle,rgba(255,241,204,.72) 0 1px,transparent 1.6px);background-size:310px 270px,238px 225px;background-position:42px 18px,120px 96px;animation-duration:120s;animation-direction:reverse} .dd-weather-effects .cloud{z-index:4;width:300px;height:76px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.64),rgba(218,230,240,.42));box-shadow:inset 0 -14px 22px rgba(78,105,126,.10),0 18px 44px rgba(24,53,78,.08);filter:blur(.2px);animation:ddCloudScene var(--dd-cloud-duration) linear infinite} .dd-weather-effects .cloud::before,.dd-weather-effects .cloud::after{content:"";position:absolute;bottom:22px;border-radius:50%;background:inherit;box-shadow:inherit} .dd-weather-effects .cloud::before{left:48px;width:112px;height:112px}.dd-weather-effects .cloud::after{right:42px;width:86px;height:86px} .dd-weather-effects .cloud-a{top:13%;left:-360px;transform:scale(.88);animation-delay:-8s}.dd-weather-effects .cloud-b{top:29%;left:-430px;transform:scale(1.12);animation-duration:calc(var(--dd-cloud-duration) * 1.25);animation-delay:-29s}.dd-weather-effects .cloud-c{top:48%;left:-380px;transform:scale(.72);animation-duration:calc(var(--dd-cloud-duration) * 1.42);animation-delay:-51s}.dd-weather-effects .cloud-d{top:68%;left:-440px;transform:scale(.95);animation-duration:calc(var(--dd-cloud-duration) * 1.12);animation-delay:-17s} .dd-weather-effects .rain-layer{z-index:6;inset:-24%;background-image:repeating-linear-gradient(112deg,transparent 0 17px,rgba(226,242,255,.52) 18px 19px,transparent 20px 36px);animation:ddRainScene var(--dd-rain-speed) linear infinite} .dd-weather-effects .rain-back{filter:blur(.5px);transform:scale(.86);animation-duration:calc(var(--dd-rain-speed) * 1.45)}.dd-weather-effects .rain-front{background-image:repeating-linear-gradient(112deg,transparent 0 30px,rgba(236,248,255,.68) 31px 33px,transparent 34px 61px)} .dd-weather-effects .snow-layer{z-index:6;inset:-12%;background-repeat:repeat;animation:ddSnowScene 12s linear infinite} .dd-weather-effects .snow-back{background-image:radial-gradient(circle,rgba(255,255,255,.76) 0 1.4px,transparent 2px),radial-gradient(circle,rgba(239,248,255,.58) 0 2px,transparent 2.7px);background-size:42px 45px,76px 81px;background-position:0 0,18px 28px;animation-duration:17s} .dd-weather-effects .snow-front{background-image:radial-gradient(circle,rgba(255,255,255,.94) 0 2.2px,transparent 3px),radial-gradient(circle,rgba(255,255,255,.80) 0 3px,transparent 4px);background-size:98px 105px,146px 152px;background-position:20px 14px,72px 65px;animation-duration:11s} .dd-weather-effects .fog-layer{z-index:7;left:-12%;right:-12%;height:34%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(231,239,242,.64),rgba(211,224,229,.30) 48%,transparent 73%);filter:blur(22px);animation:ddFogScene 18s ease-in-out infinite alternate} .dd-weather-effects .fog-back{top:25%;animation-delay:-7s}.dd-weather-effects .fog-front{top:53%;animation-direction:alternate-reverse;animation-duration:22s} .dd-weather-effects .lightning-layer{z-index:8;inset:0;background:linear-gradient(118deg,transparent 0 51%,rgba(225,242,255,.08) 52%,rgba(238,249,255,.82) 53%,transparent 55%);mix-blend-mode:screen;animation:ddLightningScene 8.4s steps(1,end) infinite} body.dd-weather-sunny,body.dd-weather-default{--dd-sky-a:rgba(67,170,229,.17);--dd-sky-b:rgba(255,218,152,.08);--dd-sky-glow:rgba(255,221,128,.20);--dd-scene-top:rgba(29,153,216,.08);--dd-scene-bottom:rgba(255,224,155,.07)} body.dd-weather-sunny-night,body.dd-weather-default-night{--dd-sky-a:rgba(7,24,62,.54);--dd-sky-b:rgba(24,60,100,.36);--dd-sky-glow:rgba(116,166,229,.10);--dd-scene-top:rgba(3,15,46,.42);--dd-scene-bottom:rgba(17,51,86,.28)} body.dd-weather-cloudy,body.dd-weather-overcast{--dd-sky-a:rgba(91,137,169,.26);--dd-sky-b:rgba(169,189,199,.16);--dd-sky-glow:rgba(235,240,242,.10);--dd-scene-top:rgba(61,102,132,.16);--dd-scene-bottom:rgba(130,153,168,.13)} body.dd-weather-cloudy-night,body.dd-weather-overcast-night{--dd-sky-a:rgba(13,30,59,.58);--dd-sky-b:rgba(55,75,96,.44);--dd-sky-glow:rgba(151,179,205,.08);--dd-scene-top:rgba(10,25,52,.50);--dd-scene-bottom:rgba(51,69,87,.38)} body.dd-weather-rain,body.dd-weather-storm,body.dd-weather-rain-night,body.dd-weather-storm-night{--dd-sky-a:rgba(19,45,75,.62);--dd-sky-b:rgba(70,91,107,.44);--dd-sky-glow:rgba(151,183,209,.07);--dd-scene-top:rgba(11,31,58,.56);--dd-scene-bottom:rgba(55,75,91,.42)} body.dd-weather-snow,body.dd-weather-snow-night{--dd-sky-a:rgba(172,203,222,.30);--dd-sky-b:rgba(226,237,242,.22);--dd-sky-glow:rgba(255,255,255,.17);--dd-scene-top:rgba(177,208,226,.20);--dd-scene-bottom:rgba(229,238,242,.17)} body.dd-weather-fog,body.dd-weather-fog-night{--dd-sky-a:rgba(174,190,197,.38);--dd-sky-b:rgba(213,222,225,.30);--dd-sky-glow:rgba(255,255,255,.10);--dd-scene-top:rgba(171,188,195,.31);--dd-scene-bottom:rgba(218,225,227,.26)} body.dd-weather-sunny .sun-disc,body.dd-weather-default .sun-disc{opacity:.92}body.dd-weather-sunny-night .moon-disc,body.dd-weather-default-night .moon-disc{opacity:.88}body.dd-weather-sunny-night .starfield,body.dd-weather-default-night .starfield{opacity:.72} body.dd-weather-cloudy .sun-disc{opacity:.34}body.dd-weather-cloudy-night .moon-disc{opacity:.28}body.dd-weather-cloudy-night .starfield{opacity:.25} body.dd-weather-cloudy .cloud,body.dd-weather-cloudy-night .cloud{opacity:.68}body.dd-weather-overcast .cloud,body.dd-weather-overcast-night .cloud{opacity:.88;filter:grayscale(.25) brightness(.80)} body.dd-weather-rain .cloud,body.dd-weather-rain-night .cloud,body.dd-weather-storm .cloud,body.dd-weather-storm-night .cloud{opacity:.90;filter:grayscale(.35) brightness(.64)} body.dd-weather-rain .rain-layer,body.dd-weather-rain-night .rain-layer{opacity:.44}body.dd-weather-storm .rain-layer,body.dd-weather-storm-night .rain-layer{opacity:.72}body.dd-weather-storm .lightning-layer,body.dd-weather-storm-night .lightning-layer{opacity:1} body.dd-weather-snow .cloud,body.dd-weather-snow-night .cloud{opacity:.58}body.dd-weather-snow .snow-layer,body.dd-weather-snow-night .snow-layer{opacity:.78} body.dd-weather-fog .fog-layer,body.dd-weather-fog-night .fog-layer{opacity:.86}body.dd-weather-fog .cloud,body.dd-weather-fog-night .cloud{opacity:.30} body[data-weather-intensity="high"] .rain-layer{filter:brightness(1.12)}body[data-weather-intensity="medium"] .rain-layer{opacity:.56} body.dd-weather-effect-gentle .dd-weather-effects{opacity:.62}body.dd-weather-effect-vivid .dd-weather-effects{opacity:1}body.dd-weather-effect-vivid .scene-sky{filter:saturate(1.18)} body.dd-weather-scene-off .dd-weather-effects,body.dd-bg-hidden .dd-weather-effects{display:none!important} body.dd-weather-motion-off .dd-weather-effects>span,body.dd-weather-motion-paused .dd-weather-effects>span{animation-play-state:paused!important} body.dd-weather-low-power .star-front,body.dd-weather-low-power .cloud-d,body.dd-weather-low-power .rain-back,body.dd-weather-low-power .snow-back,body.dd-weather-low-power .fog-back{display:none!important} body.dd-weather-low-power .dd-weather-effects>span{will-change:auto} .dd-weather-card[data-state="loading"] .dd-weather-icon{animation:ddWeatherPulse 1.1s ease-in-out infinite}.dd-weather-card[data-state="stale"] .dd-weather-summary{box-shadow:0 8px 24px rgba(151,105,35,.16)} @keyframes ddSunBreathe{from{transform:scale(.96)}to{transform:scale(1.04)}}@keyframes ddMoonFloat{from{transform:translateY(-2px)}to{transform:translateY(5px)}}@keyframes ddStarDrift{from{transform:translate3d(0,0,0)}to{transform:translate3d(4%,2%,0)}}@keyframes ddCloudScene{from{translate:0 0}to{translate:calc(100vw + 820px) 0}}@keyframes ddRainScene{from{transform:translate3d(-40px,-90px,0)}to{transform:translate3d(55px,110px,0)}}@keyframes ddSnowScene{from{transform:translate3d(0,-8%,0) rotate(0deg)}to{transform:translate3d(36px,12%,0) rotate(1deg)}}@keyframes ddFogScene{from{transform:translate3d(-4%,0,0) scale(1)}to{transform:translate3d(4%,2%,0) scale(1.06)}}@keyframes ddLightningScene{0%,86%,90%,100%{opacity:0}87%,89%{opacity:.88}88%{opacity:.14}}@keyframes ddWeatherPulse{50%{transform:scale(.88);opacity:.58}} @media(max-width:820px){.dd-weather-effects .sun-disc,.dd-weather-effects .moon-disc{right:7vw;top:10vh;transform:scale(.78)}.dd-weather-effects .cloud{transform:scale(.72)}body.dd-weather-effect-vivid .dd-weather-effects{opacity:.88}} @media(prefers-reduced-motion:reduce){.dd-weather-effects>span{animation:none!important;will-change:auto!important}.dd-weather-effects{opacity:.72}.dd-weather-card[data-state="loading"] .dd-weather-icon{animation:none!important}} /* V3.1.5.13_PROFESSIONAL_WEATHER_SCENE * 天气背景不再只是透明色层：使用完整天空、日月光晕和 Canvas 粒子场景。 */ :root{ --dd-sky-top:#63b9e8; --dd-sky-mid:#a8dcf3; --dd-sky-bottom:#eef9ff; --dd-horizon:rgba(255,235,188,.70); --dd-vignette:rgba(20,51,78,.06); --dd-card-glass:rgba(20,54,78,.28); } body.dd-weather-scene-active .banner-video{opacity:.08!important;filter:saturate(.65) brightness(.95)!important;transition:opacity .8s ease,filter .8s ease} .dd-weather-effects{position:fixed!important;inset:0!important;z-index:3!important;display:block!important;overflow:hidden!important;pointer-events:none!important;contain:layout paint size!important;background:var(--dd-sky-bottom)!important;opacity:1!important;transition:opacity .8s ease!important} .dd-weather-effects::after{display:none!important} .dd-weather-effects>span{position:absolute!important;display:block!important;opacity:0;transition:opacity 1.05s ease,filter 1.05s ease,background 1.05s ease!important;will-change:transform,opacity} .dd-weather-effects .scene-sky{z-index:0!important;inset:-2%!important;opacity:1!important;background: radial-gradient(ellipse at 74% 10%,rgba(255,255,255,.36) 0,rgba(255,255,255,.12) 24%,transparent 47%), linear-gradient(180deg,var(--dd-sky-top) 0%,var(--dd-sky-mid) 48%,var(--dd-sky-bottom) 100%)!important; filter:saturate(1.04);transform:scale(1.03)} .dd-weather-effects .horizon-glow{z-index:1!important;left:-10%!important;right:-10%!important;bottom:-18%!important;height:58%!important;opacity:.9!important;background:radial-gradient(ellipse at center bottom,var(--dd-horizon) 0,rgba(255,255,255,.18) 34%,transparent 68%)!important;filter:blur(6px)} .dd-weather-effects .weather-vignette{z-index:9!important;inset:0!important;opacity:1!important;background:radial-gradient(ellipse at center,transparent 46%,var(--dd-vignette) 100%)!important} #dd-weather-canvas{position:absolute;z-index:5;inset:0;width:100%;height:100%;display:block;opacity:1;transition:opacity .8s ease;transform:translateZ(0)} .dd-weather-effects .sun-rays{z-index:2!important;top:-16vh!important;right:-7vw!important;width:min(56vw,920px)!important;aspect-ratio:1;border-radius:50%;opacity:0;background:repeating-conic-gradient(from 4deg,rgba(255,233,158,.11) 0 7deg,transparent 7deg 17deg)!important;filter:blur(12px);animation:ddSunRayTurn 110s linear infinite} .dd-weather-effects .sun-disc{z-index:3!important;top:7.5vh!important;right:8.5vw!important;width:104px!important;height:104px!important;border-radius:50%;opacity:0;background: radial-gradient(circle at 34% 31%,rgba(255,255,245,.98) 0 8%,rgba(255,247,191,.96) 18%,rgba(255,211,85,.98) 54%,rgba(255,171,34,.82) 72%,rgba(255,167,33,0) 75%)!important; box-shadow:0 0 26px 9px rgba(255,223,126,.66),0 0 80px 32px rgba(255,207,83,.34),0 0 190px 78px rgba(255,220,119,.16)!important;animation:ddSunAlive 8s ease-in-out infinite alternate} .dd-weather-effects .moon-halo{z-index:2!important;top:2.5vh!important;right:4.2vw!important;width:220px!important;height:220px!important;border-radius:50%;opacity:0;background:radial-gradient(circle,rgba(218,234,255,.24) 0,rgba(143,185,235,.12) 39%,transparent 72%)!important;filter:blur(7px);animation:ddMoonHalo 8s ease-in-out infinite alternate} .dd-weather-effects .moon-disc{z-index:3!important;top:7.5vh!important;right:8.5vw!important;width:94px!important;height:94px!important;border-radius:50%;opacity:0;overflow:hidden;background: radial-gradient(circle at 31% 28%,rgba(176,192,216,.42) 0 5%,transparent 6%), radial-gradient(circle at 68% 61%,rgba(151,170,198,.34) 0 7%,transparent 8%), radial-gradient(circle at 46% 73%,rgba(153,173,201,.28) 0 4%,transparent 5%), radial-gradient(circle at 64% 25%,rgba(255,255,255,.78) 0 5%,transparent 6%), radial-gradient(circle at 37% 34%,#ffffff 0 8%,#edf3ff 38%,#cbd8ed 77%,#9eb1ce 100%)!important; box-shadow:inset -14px -12px 18px rgba(72,97,135,.25),0 0 24px 7px rgba(217,235,255,.48),0 0 86px 33px rgba(102,159,224,.24)!important;animation:ddMoonAlive 10s ease-in-out infinite alternate} .dd-weather-effects .moon-disc::after{display:none!important} body.dd-weather-sunny,body.dd-weather-default{ --dd-sky-top:#4aaee5;--dd-sky-mid:#9ed9f2;--dd-sky-bottom:#eefaff;--dd-horizon:rgba(255,225,151,.74);--dd-vignette:rgba(31,94,129,.06);--dd-card-glass:rgba(17,74,109,.24) } body.dd-weather-sunny-night,body.dd-weather-default-night{ --dd-sky-top:#06152f;--dd-sky-mid:#0e3159;--dd-sky-bottom:#27577d;--dd-horizon:rgba(90,137,185,.34);--dd-vignette:rgba(0,5,18,.38);--dd-card-glass:rgba(4,22,47,.54) } body.dd-weather-cloudy{ --dd-sky-top:#6a9fbd;--dd-sky-mid:#a6c5d4;--dd-sky-bottom:#dceaf0;--dd-horizon:rgba(221,235,240,.62);--dd-vignette:rgba(45,72,89,.10);--dd-card-glass:rgba(36,69,88,.33) } body.dd-weather-cloudy-night{ --dd-sky-top:#101f36;--dd-sky-mid:#243f5b;--dd-sky-bottom:#526c80;--dd-horizon:rgba(122,151,176,.28);--dd-vignette:rgba(3,10,22,.42);--dd-card-glass:rgba(6,25,45,.58) } body.dd-weather-overcast{ --dd-sky-top:#596b78;--dd-sky-mid:#889aa4;--dd-sky-bottom:#bdc9ce;--dd-horizon:rgba(210,219,222,.42);--dd-vignette:rgba(38,50,58,.18);--dd-card-glass:rgba(31,48,61,.43) } body.dd-weather-overcast-night{ --dd-sky-top:#111820;--dd-sky-mid:#26333e;--dd-sky-bottom:#4b5a64;--dd-horizon:rgba(112,127,139,.22);--dd-vignette:rgba(0,4,10,.55);--dd-card-glass:rgba(4,14,24,.66) } body.dd-weather-rain,body.dd-weather-rain-night{ --dd-sky-top:#142b42;--dd-sky-mid:#35536a;--dd-sky-bottom:#70889a;--dd-horizon:rgba(138,164,181,.25);--dd-vignette:rgba(4,14,24,.48);--dd-card-glass:rgba(7,27,43,.64) } body.dd-weather-storm,body.dd-weather-storm-night{ --dd-sky-top:#070f1f;--dd-sky-mid:#182b40;--dd-sky-bottom:#3b5063;--dd-horizon:rgba(101,126,151,.18);--dd-vignette:rgba(0,3,10,.66);--dd-card-glass:rgba(2,12,25,.72) } body.dd-weather-snow,body.dd-weather-snow-night{ --dd-sky-top:#8fb8d0;--dd-sky-mid:#cadde8;--dd-sky-bottom:#f4f9fb;--dd-horizon:rgba(255,255,255,.82);--dd-vignette:rgba(80,112,130,.10);--dd-card-glass:rgba(55,87,104,.28) } body.dd-weather-fog,body.dd-weather-fog-night{ --dd-sky-top:#91a2a8;--dd-sky-mid:#b9c4c7;--dd-sky-bottom:#dce2e3;--dd-horizon:rgba(239,243,243,.66);--dd-vignette:rgba(71,82,87,.18);--dd-card-glass:rgba(60,72,78,.38) } body.dd-weather-sunny .sun-disc,body.dd-weather-default .sun-disc{opacity:1!important} body.dd-weather-sunny .sun-rays,body.dd-weather-default .sun-rays{opacity:.88!important} body.dd-weather-sunny-night .moon-disc,body.dd-weather-default-night .moon-disc{opacity:1!important} body.dd-weather-sunny-night .moon-halo,body.dd-weather-default-night .moon-halo{opacity:1!important} body.dd-weather-cloudy .sun-disc{opacity:.34!important;filter:blur(.2px) saturate(.72)} body.dd-weather-cloudy-night .moon-disc{opacity:.42!important} body.dd-weather-cloudy-night .moon-halo{opacity:.45!important} body.dd-weather-overcast .scene-sky,body.dd-weather-overcast-night .scene-sky,body.dd-weather-rain .scene-sky,body.dd-weather-rain-night .scene-sky,body.dd-weather-storm .scene-sky,body.dd-weather-storm-night .scene-sky{filter:saturate(.72) brightness(.86)} body.dd-weather-snow .scene-sky,body.dd-weather-snow-night .scene-sky{filter:saturate(.78) brightness(1.04)} body.dd-weather-fog .scene-sky,body.dd-weather-fog-night .scene-sky{filter:saturate(.34) contrast(.92)} body.dd-weather-storm .dd-weather-effects,body.dd-weather-storm-night .dd-weather-effects{box-shadow:inset 0 0 170px 45px rgba(0,0,0,.38)} body.dd-weather-snow .dd-weather-effects::before,body.dd-weather-snow-night .dd-weather-effects::before{content:"";position:absolute;z-index:7;left:-5%;right:-5%;bottom:-4%;height:18%;background:linear-gradient(180deg,transparent,rgba(248,252,255,.64) 70%,rgba(255,255,255,.88));filter:blur(5px)} body.dd-weather-rain .dd-weather-effects::before,body.dd-weather-rain-night .dd-weather-effects::before,body.dd-weather-storm .dd-weather-effects::before,body.dd-weather-storm-night .dd-weather-effects::before{content:"";position:absolute;z-index:7;left:0;right:0;bottom:0;height:23%;background:linear-gradient(180deg,transparent,rgba(110,139,158,.12));filter:blur(2px)} .dd-weather-summary{background:var(--dd-card-glass)!important;border-color:rgba(255,255,255,.36)!important;box-shadow:0 14px 34px rgba(0,14,30,.16)!important;backdrop-filter:blur(18px) saturate(1.15)!important;-webkit-backdrop-filter:blur(18px) saturate(1.15)!important} .dd-weather-icon{background:rgba(255,255,255,.14)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.10)} .dd-weather-icon svg{display:block;width:28px;height:28px;overflow:visible} .dd-weather-icon .stroke{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round} .dd-weather-icon .fill{fill:currentColor;opacity:.86} body.dd-weather-sunny .center-bold-large,body.dd-weather-default .center-bold-large,body.dd-weather-cloudy .center-bold-large,body.dd-weather-snow .center-bold-large,body.dd-weather-fog .center-bold-large{color:#16334b!important;text-shadow:0 2px 12px rgba(255,255,255,.58)!important} body.dd-weather-sunny-night .center-bold-large,body.dd-weather-default-night .center-bold-large,body.dd-weather-cloudy-night .center-bold-large,body.dd-weather-overcast .center-bold-large,body.dd-weather-overcast-night .center-bold-large,body.dd-weather-rain .center-bold-large,body.dd-weather-rain-night .center-bold-large,body.dd-weather-storm .center-bold-large,body.dd-weather-storm-night .center-bold-large,body.dd-weather-snow-night .center-bold-large,body.dd-weather-fog-night .center-bold-large{color:#fff!important;text-shadow:0 3px 16px rgba(0,0,0,.48)!important} body.dd-weather-effect-gentle #dd-weather-canvas{opacity:.62}body.dd-weather-effect-gentle .sun-rays{opacity:.46!important} body.dd-weather-effect-vivid #dd-weather-canvas{opacity:1}body.dd-weather-effect-vivid .scene-sky{filter:saturate(1.16) contrast(1.03)} body.dd-weather-scene-off .dd-weather-effects,body.dd-bg-hidden .dd-weather-effects{display:none!important} body.dd-weather-scene-off .banner-video,body.dd-bg-hidden .banner-video{opacity:1!important;filter:none!important} body.dd-weather-motion-off .dd-weather-effects>span,body.dd-weather-motion-paused .dd-weather-effects>span{animation-play-state:paused!important} body.dd-weather-motion-off #dd-weather-canvas,body.dd-weather-motion-paused #dd-weather-canvas{will-change:auto} .dd-weather-preview-badge{position:fixed;left:18px;bottom:18px;z-index:14000;display:flex;align-items:center;gap:10px;padding:9px 12px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(8,24,43,.72);color:#fff;box-shadow:0 10px 26px rgba(0,0,0,.18);backdrop-filter:blur(14px);font-size:12px}.dd-weather-preview-badge a{color:#fff;text-decoration:underline} @keyframes ddSunRayTurn{to{transform:rotate(360deg)}} @keyframes ddSunAlive{from{transform:scale(.97);filter:brightness(.98)}to{transform:scale(1.035);filter:brightness(1.08)}} @keyframes ddMoonAlive{from{transform:translateY(-2px) rotate(-1deg)}to{transform:translateY(5px) rotate(1deg)}} @keyframes ddMoonHalo{from{transform:scale(.94);opacity:.72}to{transform:scale(1.06);opacity:1}} @media(max-width:820px){ .dd-weather-effects .sun-disc{top:8vh!important;right:7vw!important;width:76px!important;height:76px!important} .dd-weather-effects .moon-disc{top:8vh!important;right:7vw!important;width:72px!important;height:72px!important} .dd-weather-effects .moon-halo{top:3vh!important;right:0!important;width:165px!important;height:165px!important} .dd-weather-effects .sun-rays{right:-20vw!important;width:100vw!important} .dd-weather-preview-badge{left:10px;bottom:10px;max-width:calc(100vw - 20px)} } @media(prefers-reduced-motion:reduce){.dd-weather-effects>span{animation:none!important}.dd-weather-effects{transition:none!important}} /* V3.1.5.14_COMPLETE_WEATHER_CARD_DATA_SCENE */ .dd-weather-effects{position:fixed!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;background:transparent!important} .dd-weather-effects #dd-weather-canvas{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;display:block!important;opacity:1!important} .dd-weather-effects .scene-sky,.dd-weather-effects .horizon-glow,.dd-weather-effects .sun-rays,.dd-weather-effects .sun-disc,.dd-weather-effects .moon-halo,.dd-weather-effects .moon-disc{display:none!important} .dd-weather-effects .weather-vignette{display:none!important} .dd-weather-card{position:fixed!important;top:14px!important;right:18px!important;width:390px!important;max-width:calc(100vw - 36px)!important;z-index:1200!important;color:#f7fbff!important;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif!important} .dd-weather-summary{width:100%!important;min-height:112px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.44)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(9,27,43,.72),rgba(24,51,70,.55))!important;box-shadow:0 16px 40px rgba(0,18,33,.22),inset 0 1px 0 rgba(255,255,255,.15)!important;backdrop-filter:blur(18px) saturate(125%)!important;-webkit-backdrop-filter:blur(18px) saturate(125%)!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 92px!important;gap:11px!important;align-items:center!important;text-align:left!important;color:inherit!important;cursor:pointer!important} .dd-weather-summary:hover{border-color:rgba(255,255,255,.7)!important;background:linear-gradient(145deg,rgba(10,31,49,.79),rgba(28,60,81,.62))!important} .dd-weather-card.loading .dd-weather-summary{opacity:.83!important} .dd-weather-icon{width:46px!important;height:46px!important;border-radius:50%!important;display:grid!important;place-items:center!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.18)!important;box-shadow:inset 0 0 18px rgba(255,255,255,.08)!important} .dd-weather-icon svg{width:30px!important;height:30px!important;overflow:visible!important}.dd-weather-icon .stroke{fill:none!important;stroke:#f8fbff!important;stroke-width:1.75!important;stroke-linecap:round!important;stroke-linejoin:round!important}.dd-weather-icon .fill{fill:#f7d46b!important} .dd-weather-current{min-width:0!important;display:flex!important;flex-direction:column!important;gap:3px!important}.dd-weather-location-line,.dd-weather-condition-line{display:flex!important;align-items:baseline!important;gap:5px!important;white-space:nowrap!important;min-width:0!important}.dd-weather-location-line strong{font-size:14px!important;font-weight:750!important;max-width:none!important;overflow:visible!important;text-overflow:clip!important}.dd-weather-location-line em{font-size:12px!important;font-style:normal!important;color:rgba(235,245,252,.83)!important}.dd-weather-location-line i{margin-left:auto!important;font-size:10px!important;font-style:normal!important;color:rgba(227,239,248,.68)!important;white-space:nowrap!important}.dd-weather-condition-line b{font-size:15px!important;font-weight:700!important}.dd-weather-condition-line strong{font-size:25px!important;line-height:1!important;font-weight:760!important;letter-spacing:-1px!important}.dd-weather-condition-line small{font-size:11px!important;color:rgba(240,248,252,.78)!important}.dd-weather-metrics{display:block!important;font-size:10.5px!important;color:rgba(239,247,252,.86)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.dd-weather-updated{font-size:9.5px!important;color:rgba(226,238,246,.59)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important} .dd-weather-clock{height:72px!important;border-left:1px solid rgba(255,255,255,.18)!important;padding-left:11px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-end!important}.dd-weather-clock b{font-size:27px!important;line-height:1!important;font-weight:500!important;letter-spacing:.5px!important}.dd-weather-clock small{margin-top:8px!important;font-size:10px!important;white-space:nowrap!important;color:rgba(245,250,253,.9)!important} .dd-weather-panel{position:absolute!important;right:0!important;top:122px!important;width:438px!important;max-width:calc(100vw - 36px)!important;max-height:min(74vh,720px)!important;overflow:auto!important;padding:16px!important;border:1px solid rgba(255,255,255,.5)!important;border-radius:18px!important;background:linear-gradient(155deg,rgba(12,30,45,.94),rgba(22,48,65,.9))!important;box-shadow:0 24px 64px rgba(0,15,28,.36)!important;backdrop-filter:blur(24px) saturate(130%)!important;-webkit-backdrop-filter:blur(24px) saturate(130%)!important;color:#f4f9fc!important} .dd-weather-panel[hidden]{display:none!important}.dd-weather-panel-head{display:flex!important;align-items:flex-start!important;justify-content:space-between!important;padding-bottom:12px!important;border-bottom:1px solid rgba(255,255,255,.13)!important}.dd-weather-panel-head>div{display:flex!important;flex-direction:column!important;gap:4px!important}.dd-weather-panel-head strong{font-size:17px!important}.dd-weather-panel-head span{font-size:11px!important;color:rgba(226,239,248,.72)!important;line-height:1.5!important}.dd-weather-panel-head button{width:30px!important;height:30px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.1)!important;color:#fff!important;font-size:22px!important;line-height:1!important} .dd-weather-detail-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:14px 0!important}.dd-weather-detail-grid>span{min-height:57px!important;padding:9px 8px!important;border:1px solid rgba(255,255,255,.09)!important;border-radius:11px!important;background:rgba(255,255,255,.065)!important;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:5px!important}.dd-weather-detail-grid em{font-size:10px!important;font-style:normal!important;color:rgba(224,238,247,.66)!important}.dd-weather-detail-grid strong{font-size:13px!important;font-weight:650!important;word-break:break-word!important} .dd-weather-forecast-section{margin-top:14px!important}.dd-weather-section-title{display:flex!important;align-items:baseline!important;justify-content:space-between!important;margin-bottom:8px!important}.dd-weather-section-title strong{font-size:13px!important}.dd-weather-section-title span{font-size:9.5px!important;color:rgba(222,236,246,.58)!important}.dd-weather-hourly{display:grid!important;grid-template-columns:repeat(8,minmax(54px,1fr))!important;gap:6px!important;overflow-x:auto!important;padding-bottom:4px!important}.dd-weather-hourly article{min-width:54px!important;padding:8px 4px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important;gap:3px!important}.dd-weather-hourly article.is-now{background:rgba(114,192,235,.18)!important;border-color:rgba(154,218,250,.28)!important}.dd-weather-hourly time,.dd-weather-hourly small{font-size:9px!important;color:rgba(227,240,248,.67)!important}.dd-weather-hourly strong{font-size:14px!important}.dd-weather-hourly em{font-size:10px!important;font-style:normal!important;white-space:nowrap!important}.dd-hour-icon svg{width:18px!important;height:18px!important}.dd-hour-icon .stroke{fill:none!important;stroke:#f6fbff!important;stroke-width:1.7!important}.dd-hour-icon .fill{fill:#ffe28a!important} .dd-weather-daily{display:flex!important;flex-direction:column!important;gap:6px!important}.dd-weather-daily article{display:grid!important;grid-template-columns:62px minmax(90px,1fr) 82px 78px!important;align-items:center!important;gap:8px!important;padding:9px 10px!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:11px!important;background:rgba(255,255,255,.052)!important}.dd-weather-daily article>div,.dd-weather-daily article>span{display:flex!important;flex-direction:column!important;gap:2px!important}.dd-weather-daily strong,.dd-weather-daily b{font-size:12px!important}.dd-weather-daily small,.dd-weather-daily em{font-size:9px!important;font-style:normal!important;color:rgba(226,239,247,.65)!important}.dd-weather-daily b{text-align:right!important;white-space:nowrap!important}.dd-weather-empty{grid-column:1/-1!important;margin:0!important;padding:12px!important;text-align:center!important;color:rgba(230,241,248,.65)!important;font-size:11px!important} .dd-weather-actions{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-top:15px!important}.dd-weather-actions button,.dd-weather-form button{height:36px!important;border:1px solid rgba(255,255,255,.16)!important;border-radius:10px!important;color:#fff!important;font-size:12px!important;background:rgba(255,255,255,.09)!important}.dd-weather-actions .dd-weather-precise{background:linear-gradient(135deg,#2f91d8,#526ee8)!important}.dd-weather-actions button:hover,.dd-weather-form button:hover{filter:brightness(1.12)!important}.dd-weather-actions button:disabled{opacity:.55!important}.dd-weather-form{display:grid!important;grid-template-columns:1fr 84px!important;gap:8px!important;margin-top:8px!important}.dd-weather-form input{height:36px!important;padding:0 11px!important;border:1px solid rgba(255,255,255,.17)!important;border-radius:10px!important;background:rgba(255,255,255,.08)!important;color:#fff!important;font-size:12px!important;outline:none!important}.dd-weather-form input::placeholder{color:rgba(225,238,247,.48)!important}.dd-weather-form button{background:rgba(91,128,232,.85)!important}.dd-weather-panel #dd-weather-message{min-height:18px!important;margin:8px 1px 0!important;font-size:10.5px!important;color:#ccecff!important} .dd-weather-clock-only{width:210px!important}.dd-weather-clock-only .dd-weather-summary{grid-template-columns:1fr!important;min-height:76px!important}.dd-weather-clock-only .dd-weather-icon,.dd-weather-clock-only .dd-weather-current{display:none!important}.dd-weather-clock-only .dd-weather-clock{border-left:0!important;align-items:center!important;padding:0!important} .dd-provider-box{padding:14px 16px!important;margin:12px 0!important;border:1px solid #e6ebf1!important;border-radius:10px!important;background:#f8fafc!important}.dd-provider-box h5{margin:0 0 12px!important;color:#243449!important}.dd-weather-admin-v31514 .form-help{line-height:1.55!important}.dd-weather-admin-v31514 .dd-check-row{margin-bottom:8px!important} @media(max-width:900px){.dd-weather-card{top:10px!important;right:10px!important;width:350px!important;max-width:calc(100vw - 20px)!important}.dd-weather-summary{grid-template-columns:42px minmax(0,1fr) 80px!important;padding:10px!important}.dd-weather-icon{width:40px!important;height:40px!important}.dd-weather-clock b{font-size:23px!important}.dd-weather-location-line i{display:none!important}.dd-weather-panel{top:112px!important;max-width:calc(100vw - 20px)!important}.dd-weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dd-weather-hourly{grid-template-columns:repeat(8,58px)!important}.dd-weather-daily article{grid-template-columns:55px 1fr 72px!important}.dd-weather-daily article>em{display:none!important}} @media(max-width:560px){.dd-weather-card{position:absolute!important;top:58px!important;left:12px!important;right:12px!important;width:auto!important;max-width:none!important}.dd-weather-summary{min-height:100px!important;grid-template-columns:38px minmax(0,1fr)!important}.dd-weather-clock{display:none!important}.dd-weather-icon{width:37px!important;height:37px!important}.dd-weather-panel{left:0!important;right:0!important;width:auto!important;top:108px!important;max-width:none!important}.dd-weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dd-weather-actions{grid-template-columns:1fr!important}.dd-weather-form{grid-template-columns:1fr 78px!important}.dd-weather-daily article{grid-template-columns:50px 1fr 70px!important}} @media(prefers-reduced-motion:reduce){#dd-weather-canvas{opacity:.92!important}} /* V3.1.6.7.3：无真实 favicon 时使用每站唯一字母图标，避免重复占位图造成“图标叠加”错觉。 */ .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon-generated{padding:0!important;border:0!important;background:transparent!important;box-shadow:0 3px 10px rgba(30,45,65,.12)!important} /* V3.1.6.7.3_HASHED_LIGHT_ICON_STABLE_CACHE * 真实透明图标下方不再绘制通用占位图，避免两个图案重叠。 * 图标统一走本地内容Hash静态URL、异步解码和浏览器长期缓存；不再使用Service Worker缓存页面或图标。 */ .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon{ display:block!important; background:#fff!important; background-image:none!important; object-fit:contain!important; object-position:center!important; image-rendering:auto!important; contain:layout paint size!important; } .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon.dd-site-icon-generated{ padding:0!important; border:0!important; background:transparent!important; background-image:none!important; } .mylist.dd-link-grid>li.dd-link-item img.dd-site-icon[data-dd-icon-kind="real"]{ background:#fff!important; background-image:none!important; } /* V3.1.6.7.3_BACKGROUND_SCROLL_STABILITY_AND_BEIJING_FALLBACK * 快速滚动稳定：只保留一套Canvas天气场景；永久天空底色防止合成空洞露白； * 大面积网址卡片取消高代价backdrop-filter，保留接近原视觉的半透明实色。 */ html,body{background-color:#76c6e5!important} body{min-height:100vh;background-color:var(--dd-sky-bottom,#76c6e5)!important;background-image:none!important;background-attachment:scroll!important} .banner-video{background-color:#76c6e5!important;transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;contain:paint!important} .dd-weather-effects{transform:translate3d(0,0,0)!important;backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;contain:strict!important;background-color:var(--dd-sky-bottom,#eefaff)!important} body.dd-weather-canvas-ready .dd-weather-effects>span{display:none!important;animation:none!important} body.dd-weather-canvas-ready .dd-weather-effects::before,body.dd-weather-canvas-ready .dd-weather-effects::after{display:none!important} #dd-weather-canvas{backface-visibility:hidden!important;-webkit-backface-visibility:hidden!important;contain:strict!important} .mylist.dd-link-grid,.dd-service-bar{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:rgba(248,252,255,.95)!important} body.dd-dark .mylist.dd-link-grid,body.dd-dark .dd-service-bar{background:rgba(17,24,39,.96)!important} body.dd-weather-scroll-paused #dd-weather-canvas{will-change:auto!important} @media(max-width:820px){.mylist.dd-link-grid{background:rgba(248,252,255,.97)!important}} /* V3.1.6.7.3_UTF8_SAFE_COMPLETE_WEATHER_AND_PERIOD_BACKGROUND * 天气接口异常时仍明确显示北京兜底状态；背景按清晨、白天、傍晚、夜间切换真实色调。 * 只保留轻量CSS天气场景，禁止重新启用Canvas逐帧重绘、视频背景和大面积毛玻璃。 */ body.dd-period-dawn{--dd-sky-bottom:#ffe0bd!important;background-color:#ffe0bd!important} body.dd-period-day{--dd-sky-bottom:#bfe6f4!important;background-color:#bfe6f4!important} body.dd-period-dusk{--dd-sky-bottom:#f3c4ad!important;background-color:#f3c4ad!important} body.dd-period-night{--dd-sky-bottom:#243d5a!important;background-color:#243d5a!important} .dd-weather-card[data-state="error"] .dd-weather-summary{border-color:rgba(255,215,130,.45)!important;box-shadow:0 10px 30px rgba(74,52,20,.18)!important} .dd-weather-card[data-state="error"] .dd-weather-icon{color:#ffd77a!important} .dd-weather-card[data-state="ready"] .dd-weather-summary{border-color:rgba(255,255,255,.42)!important} .dd-weather-panel #dd-weather-message{border-radius:8px!important;padding:0 7px!important;line-height:18px!important;word-break:break-word!important} .dd-weather-card[data-state="error"] #dd-weather-message{background:rgba(255,190,92,.12)!important;color:#ffe2a7!important} .dd-weather-detail-grid>.dd-weather-empty{grid-column:1/-1!important;min-height:56px!important;display:flex!important;align-items:center!important;justify-content:center!important} .dd-weather-panel{scrollbar-width:thin;scrollbar-color:rgba(196,225,242,.34) transparent} .dd-weather-panel::-webkit-scrollbar{width:7px}.dd-weather-panel::-webkit-scrollbar-thumb{background:rgba(196,225,242,.28);border-radius:99px} body.dd-weather-canvas-ready .dd-weather-effects>span{display:none!important} body.dd-weather-canvas-ready .dd-weather-effects::before,body.dd-weather-canvas-ready .dd-weather-effects::after{display:none!important} /* 天气场景切换只做轻量透明度过渡，避免天气刷新时背景突然闪变。 */ #dd-weather-canvas{transition:opacity .45s ease,filter .8s ease!important} .dd-weather-card.loading .dd-weather-icon{animation:dd-weather-loading-pulse 1.4s ease-in-out infinite} @keyframes dd-weather-loading-pulse{0%,100%{opacity:.55;transform:scale(.94)}50%{opacity:1;transform:scale(1)}} @media(prefers-reduced-motion:reduce){.dd-weather-card.loading .dd-weather-icon{animation:none!important}} /* V3.1.6.7.3_FORMAL_CHINESE_WEATHER_CARD_AND_LIGHTWEIGHT_CSS_SCENE * 正式用户界面：中文城市、清晰天气层级、轻量CSS天气背景；完全停用Canvas和视频背景叠加。 */ :root{ --dd-sky-top:#238fc6;--dd-sky-mid:#67c2e3;--dd-sky-bottom:#d8f1f7; --dd-horizon:rgba(255,244,205,.48);--dd-cloud-opacity:.34;--dd-cloud-duration:72s; --dd-fog-opacity:0;--dd-rain-opacity:.28;--dd-wind-angle:0deg; } html,body{background:var(--dd-sky-bottom)!important} body[data-weather-background="1"] .banner-video{background:none!important;background-image:none!important;opacity:0!important;visibility:hidden!important} body[data-weather-background="1"] .banner-video::before,body[data-weather-background="1"] .banner-video::after,body[data-weather-background="1"] .banner-video .bottom-cover{display:none!important} .dd-weather-effects{display:block!important;position:fixed!important;inset:0!important;z-index:0!important;overflow:hidden!important;pointer-events:none!important;contain:paint!important;background:linear-gradient(180deg,var(--dd-sky-top) 0%,var(--dd-sky-mid) 52%,var(--dd-sky-bottom) 100%)!important;transform:translateZ(0)!important;transition:background .8s ease!important} .dd-weather-effects>span{display:block!important;position:absolute!important;opacity:0;pointer-events:none!important;backface-visibility:hidden!important;will-change:transform,opacity} .dd-weather-effects #dd-weather-canvas,#dd-weather-canvas{display:none!important} .scene-sky{inset:0!important;opacity:1!important;background:linear-gradient(180deg,var(--dd-sky-top),var(--dd-sky-mid) 56%,var(--dd-sky-bottom))!important;transition:background .8s ease!important} .horizon-glow{left:-5%!important;right:-5%!important;bottom:-18%!important;height:58%!important;opacity:1!important;background:radial-gradient(ellipse at 50% 100%,var(--dd-horizon) 0,rgba(255,255,255,.12) 38%,transparent 72%)!important} .sun-rays{top:-24vh!important;right:-12vw!important;width:52vw!important;height:52vw!important;border-radius:50%!important;opacity:.42!important;background:radial-gradient(circle,rgba(255,244,180,.42) 0,rgba(255,224,123,.14) 35%,transparent 68%)!important;animation:ddSceneBreath 8s ease-in-out infinite alternate} .sun-disc{top:7vh!important;right:13vw!important;width:76px!important;height:76px!important;border-radius:50%!important;opacity:.94!important;background:#ffd85d!important;box-shadow:0 0 45px rgba(255,218,93,.42)!important} .moon-halo{top:3vh!important;right:12vw!important;width:150px!important;height:150px!important;border-radius:50%!important;opacity:0!important;background:radial-gradient(circle,rgba(220,237,255,.30),transparent 68%)!important} .moon-disc{top:7vh!important;right:14vw!important;width:62px!important;height:62px!important;border-radius:50%!important;opacity:0!important;background:#f4f1d7!important;box-shadow:0 0 38px rgba(213,233,255,.28)!important} .scene-stars{inset:-10%!important;opacity:0!important;background-image:radial-gradient(circle at 18% 22%,rgba(255,255,255,.85) 0 1px,transparent 1.4px),radial-gradient(circle at 62% 18%,rgba(255,255,255,.68) 0 1px,transparent 1.5px),radial-gradient(circle at 82% 34%,rgba(255,255,255,.72) 0 1px,transparent 1.4px),radial-gradient(circle at 35% 38%,rgba(255,255,255,.55) 0 1px,transparent 1.3px)!important;background-size:190px 170px,260px 210px,230px 190px,310px 260px!important;animation:ddSceneStars 5s ease-in-out infinite alternate} .scene-cloud{left:-24vw!important;width:142vw!important;height:24vh!important;opacity:var(--dd-cloud-opacity)!important;filter:blur(3px)!important;background-image:radial-gradient(circle at 8% 64%,rgba(255,255,255,.48) 0 2.4%,transparent 3.0%),radial-gradient(circle at 12% 55%,rgba(255,255,255,.53) 0 3.5%,transparent 4.2%),radial-gradient(circle at 17% 63%,rgba(255,255,255,.48) 0 2.9%,transparent 3.6%),radial-gradient(ellipse at 13% 69%,rgba(255,255,255,.43) 0 5.6%,transparent 6.4%),radial-gradient(circle at 43% 65%,rgba(255,255,255,.44) 0 2.5%,transparent 3.2%),radial-gradient(circle at 48% 54%,rgba(255,255,255,.50) 0 3.7%,transparent 4.4%),radial-gradient(circle at 54% 63%,rgba(255,255,255,.46) 0 3.0%,transparent 3.7%),radial-gradient(ellipse at 49% 69%,rgba(255,255,255,.40) 0 5.8%,transparent 6.6%),radial-gradient(circle at 79% 64%,rgba(255,255,255,.43) 0 2.4%,transparent 3.0%),radial-gradient(circle at 84% 55%,rgba(255,255,255,.48) 0 3.4%,transparent 4.1%),radial-gradient(circle at 90% 63%,rgba(255,255,255,.42) 0 2.8%,transparent 3.5%),radial-gradient(ellipse at 85% 69%,rgba(255,255,255,.38) 0 5.7%,transparent 6.5%)!important;background-repeat:no-repeat!important;animation:ddSceneCloud var(--dd-cloud-duration) linear infinite} .scene-cloud-back{top:7vh!important;transform:scale(.78);opacity:calc(var(--dd-cloud-opacity) * .55)!important;animation-duration:calc(var(--dd-cloud-duration) * 1.35)} .scene-cloud-front{top:29vh!important;animation-delay:-28s} .scene-rain{inset:-16%!important;opacity:0!important;background:repeating-linear-gradient(105deg,transparent 0 17px,rgba(218,239,251,.32) 18px 19px,transparent 20px 38px)!important;transform:rotate(var(--dd-wind-angle));animation:ddSceneRain 1.35s linear infinite} .scene-snow{inset:-12%!important;opacity:0!important;background-image:radial-gradient(circle,rgba(255,255,255,.92) 0 1.5px,transparent 2px),radial-gradient(circle,rgba(255,255,255,.62) 0 2.2px,transparent 2.8px)!important;background-size:38px 38px,68px 68px!important;background-position:0 0,19px 25px!important;animation:ddSceneSnow 9s linear infinite} .scene-fog{inset:0!important;opacity:0!important;background:linear-gradient(180deg,transparent 5%,rgba(232,240,243,.22) 38%,rgba(231,238,240,.42) 62%,rgba(244,248,249,.16) 90%)!important;animation:ddSceneFog 12s ease-in-out infinite alternate} .scene-lightning{inset:0!important;opacity:0!important;background:linear-gradient(112deg,transparent 0 52%,rgba(232,245,255,.52) 54%,transparent 57%)!important;mix-blend-mode:screen;animation:ddSceneLightning 8s steps(1,end) infinite} .weather-vignette{inset:0!important;opacity:1!important;background:linear-gradient(90deg,rgba(10,37,61,.04),transparent 22%,transparent 78%,rgba(10,37,61,.06)),linear-gradient(180deg,rgba(10,34,54,.03),transparent 44%,rgba(255,255,255,.10))!important} body.dd-period-dawn{--dd-sky-top:#5a89b7;--dd-sky-mid:#f0a995;--dd-sky-bottom:#ffe0b8;--dd-horizon:rgba(255,231,170,.68)} body.dd-period-day{--dd-sky-top:#2498d0;--dd-sky-mid:#70c8e6;--dd-sky-bottom:#d8f2f8;--dd-horizon:rgba(255,247,211,.43)} body.dd-period-dusk{--dd-sky-top:#315f96;--dd-sky-mid:#d6807d;--dd-sky-bottom:#f6c39e;--dd-horizon:rgba(255,218,155,.58)} body.dd-period-night{--dd-sky-top:#071a32;--dd-sky-mid:#163b60;--dd-sky-bottom:#315778;--dd-horizon:rgba(117,165,205,.20)} body.dd-weather-cloudy,body.dd-weather-cloudy-night{--dd-cloud-opacity:.48} body.dd-weather-overcast,body.dd-weather-overcast-night{--dd-sky-top:#4e7088;--dd-sky-mid:#829eaf;--dd-sky-bottom:#c8d8df;--dd-cloud-opacity:.67;--dd-horizon:rgba(219,230,235,.26)} body.dd-weather-rain,body.dd-weather-rain-night{--dd-sky-top:#29465d;--dd-sky-mid:#58768a;--dd-sky-bottom:#a9bec8;--dd-cloud-opacity:.66} body.dd-weather-storm,body.dd-weather-storm-night{--dd-sky-top:#111f31;--dd-sky-mid:#334b5e;--dd-sky-bottom:#788c99;--dd-cloud-opacity:.72} body.dd-weather-snow,body.dd-weather-snow-night{--dd-sky-top:#658fae;--dd-sky-mid:#aec8d8;--dd-sky-bottom:#eef5f7;--dd-cloud-opacity:.44} body.dd-weather-fog,body.dd-weather-fog-night{--dd-sky-top:#8099a8;--dd-sky-mid:#b8c7cd;--dd-sky-bottom:#e1e8ea;--dd-cloud-opacity:.24} body.dd-period-night.dd-weather-cloudy-night{--dd-sky-top:#0b2037;--dd-sky-mid:#203e58;--dd-sky-bottom:#48667b;--dd-cloud-opacity:.50} body.dd-period-night.dd-weather-overcast-night{--dd-sky-top:#101c29;--dd-sky-mid:#2e4353;--dd-sky-bottom:#627683;--dd-cloud-opacity:.70;--dd-horizon:rgba(160,185,200,.12)} body.dd-period-night.dd-weather-rain-night{--dd-sky-top:#071622;--dd-sky-mid:#263d4c;--dd-sky-bottom:#526a78;--dd-cloud-opacity:.72} body.dd-period-night.dd-weather-storm-night{--dd-sky-top:#050a12;--dd-sky-mid:#172736;--dd-sky-bottom:#3b4d5c;--dd-cloud-opacity:.78} body.dd-period-night.dd-weather-snow-night{--dd-sky-top:#14283c;--dd-sky-mid:#445f73;--dd-sky-bottom:#879ba7;--dd-cloud-opacity:.50} body.dd-period-night.dd-weather-fog-night{--dd-sky-top:#1d2c36;--dd-sky-mid:#566873;--dd-sky-bottom:#9aa7ad;--dd-cloud-opacity:.30} body.dd-period-night .sun-rays,body.dd-period-night .sun-disc{opacity:0!important}body.dd-period-night .moon-halo{opacity:.78!important}body.dd-period-night .moon-disc{opacity:.94!important}body.dd-period-night .scene-stars{opacity:.56!important} body.dd-weather-overcast .sun-rays,body.dd-weather-overcast .sun-disc,body.dd-weather-rain .sun-rays,body.dd-weather-rain .sun-disc,body.dd-weather-storm .sun-rays,body.dd-weather-storm .sun-disc,body.dd-weather-fog .sun-rays,body.dd-weather-fog .sun-disc{opacity:0!important} body.dd-weather-rain .scene-rain,body.dd-weather-rain-night .scene-rain{opacity:var(--dd-rain-opacity)!important}body.dd-weather-storm .scene-rain,body.dd-weather-storm-night .scene-rain{opacity:.54!important}body.dd-weather-storm .scene-lightning,body.dd-weather-storm-night .scene-lightning{opacity:.72!important} body.dd-weather-snow .scene-snow,body.dd-weather-snow-night .scene-snow{opacity:.76!important}body.dd-weather-fog .scene-fog,body.dd-weather-fog-night .scene-fog{opacity:max(.45,var(--dd-fog-opacity))!important} body.dd-weather-scene-off .dd-weather-effects,body.dd-bg-hidden .dd-weather-effects{opacity:0!important;visibility:hidden!important} body.dd-weather-motion-off .dd-weather-effects>span,body.dd-weather-scene-paused .dd-weather-effects>span,body.dd-weather-scroll-paused .dd-weather-effects>span,body.dd-weather-motion-paused .dd-weather-effects>span{animation-play-state:paused!important;will-change:auto!important} @keyframes ddSceneCloud{from{transform:translate3d(-6%,0,0)}to{transform:translate3d(28%,0,0)}} @keyframes ddSceneRain{from{transform:translate3d(-2%,-8%,0) rotate(var(--dd-wind-angle))}to{transform:translate3d(2%,12%,0) rotate(var(--dd-wind-angle))}} @keyframes ddSceneSnow{from{transform:translate3d(0,-5%,0)}to{transform:translate3d(3%,9%,0)}} @keyframes ddSceneFog{from{transform:translate3d(-2%,0,0);opacity:.55}to{transform:translate3d(2%,1%,0);opacity:.78}} @keyframes ddSceneLightning{0%,88%,91%,100%{filter:brightness(1)}89%,90%{filter:brightness(1.65)}} @keyframes ddSceneStars{from{opacity:.38}to{opacity:.66}} @keyframes ddSceneBreath{from{transform:scale(.98);opacity:.34}to{transform:scale(1.03);opacity:.48}} /* 正式中文天气卡片 */ .dd-weather-card{position:fixed!important;top:16px!important;right:20px!important;z-index:12000!important;width:364px!important;max-width:calc(100vw - 40px)!important;color:#fff!important;font-family:"Microsoft YaHei","PingFang SC",sans-serif!important} .dd-weather-summary{position:relative!important;display:grid!important;grid-template-columns:48px minmax(0,1fr) 88px!important;align-items:center!important;gap:11px!important;width:100%!important;min-height:108px!important;padding:12px 14px!important;border:1px solid rgba(255,255,255,.38)!important;border-radius:17px!important;background:linear-gradient(145deg,rgba(11,39,61,.86),rgba(22,62,88,.80))!important;color:#fff!important;box-shadow:0 12px 32px rgba(7,27,43,.18)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;text-align:left!important;cursor:pointer!important;overflow:hidden!important} .dd-weather-summary::before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.10),transparent 42%);pointer-events:none} .dd-weather-icon{position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;width:48px!important;height:48px!important;border-radius:15px!important;background:rgba(255,255,255,.12)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important} .dd-weather-icon svg{width:30px!important;height:30px!important}.dd-weather-icon .stroke{fill:none!important;stroke:currentColor!important;stroke-width:1.65!important;stroke-linecap:round!important;stroke-linejoin:round!important}.dd-weather-icon .fill{fill:#ffe28a!important} .dd-weather-current{position:relative!important;display:flex!important;flex-direction:column!important;min-width:0!important;gap:3px!important}.dd-weather-location-line{display:flex!important;align-items:center!important;gap:5px!important;min-width:0!important;white-space:nowrap!important}.dd-weather-location-line strong{overflow:hidden!important;text-overflow:ellipsis!important;font-size:14px!important;line-height:19px!important}.dd-weather-location-line em{font-size:10px!important;font-style:normal!important;color:rgba(235,246,252,.76)!important}.dd-weather-location-line i{flex:0 0 auto!important;padding:2px 6px!important;border-radius:99px!important;background:rgba(255,255,255,.10)!important;color:rgba(235,246,252,.76)!important;font-size:9px!important;font-style:normal!important} .dd-weather-condition-line{display:flex!important;align-items:baseline!important;gap:7px!important;line-height:1!important}.dd-weather-condition-line b{font-size:15px!important}.dd-weather-condition-line strong{font-size:27px!important;letter-spacing:-1px!important}.dd-weather-condition-line small{font-size:10px!important;color:rgba(235,246,252,.72)!important} .dd-weather-metrics{display:block!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-size:10.5px!important;color:rgba(237,247,252,.82)!important}.dd-weather-updated{display:block!important;font-size:9px!important;color:rgba(230,243,250,.58)!important} .dd-weather-clock{position:relative!important;display:flex!important;flex-direction:column!important;align-items:flex-end!important;justify-content:center!important;min-height:70px!important;padding-left:11px!important;border-left:1px solid rgba(255,255,255,.14)!important;text-align:right!important}.dd-weather-clock b{font-size:26px!important;line-height:1!important;font-weight:500!important;letter-spacing:.5px!important}.dd-weather-clock small{margin-top:6px!important;font-size:9px!important;color:rgba(235,246,252,.76)!important;white-space:nowrap!important}.dd-weather-clock em{margin-top:7px!important;font-size:8px!important;font-style:normal!important;color:rgba(235,246,252,.48)!important;white-space:nowrap!important} .dd-weather-card.loading .dd-weather-summary{opacity:1!important}.dd-weather-card.loading .dd-weather-icon{animation:dd-weather-loading-pulse 1.4s ease-in-out infinite!important} .dd-weather-panel{position:absolute!important;top:118px!important;right:0!important;width:430px!important;max-width:calc(100vw - 24px)!important;max-height:calc(100vh - 138px)!important;overflow:auto!important;padding:18px!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:17px!important;background:#102d42!important;color:#fff!important;box-shadow:0 22px 58px rgba(5,20,32,.34)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important} .dd-weather-panel-head strong{font-size:16px!important}.dd-weather-panel-head span{display:block!important;margin-top:4px!important;color:rgba(229,242,249,.66)!important;font-size:10px!important}.dd-weather-panel-head button{width:32px!important;height:32px!important;border:0!important;border-radius:50%!important;background:rgba(255,255,255,.09)!important;color:#fff!important;font-size:19px!important} .dd-weather-detail-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}.dd-weather-detail-grid>span{min-height:58px!important;padding:10px!important;border-radius:11px!important;background:rgba(255,255,255,.055)!important}.dd-weather-detail-grid em{font-size:9px!important;color:rgba(229,242,249,.62)!important}.dd-weather-detail-grid strong{font-size:12px!important} @media(max-width:1080px) and (min-width:821px){.dd-weather-card{width:330px!important}.dd-weather-summary{grid-template-columns:44px minmax(0,1fr) 78px!important;padding:10px 11px!important}.dd-weather-icon{width:44px!important;height:44px!important}.dd-weather-clock b{font-size:23px!important}.dd-weather-clock em{display:none!important}.dd-weather-location-line i{display:none!important}} @media(max-width:820px){.dd-weather-card{position:relative!important;top:auto!important;right:auto!important;width:calc(100% - 24px)!important;max-width:none!important;margin:64px auto -45px!important}.dd-weather-panel{top:114px!important;left:0!important;right:0!important;width:100%!important}.dd-main.container{margin-top:64px!important}.sun-disc{right:10vw!important}.moon-disc{right:11vw!important}} @media(max-width:560px){.dd-weather-card{position:relative!important;top:auto!important;left:auto!important;right:auto!important;margin:58px auto -42px!important}.dd-weather-summary{grid-template-columns:42px minmax(0,1fr)!important;min-height:96px!important}.dd-weather-clock{display:none!important}.dd-weather-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.dd-weather-panel{top:104px!important}} @media(prefers-reduced-motion:reduce){.dd-weather-effects>span{animation:none!important;will-change:auto!important}} /* V3.1.6.7.3_ALIGNED_WEATHER_CONTROLS_AND_PREFECTURE_CITY_UI * 两个定位按钮严格等宽对齐；城市输入框与切换按钮同高同线；覆盖旧版 .dd-weather-auto 外边距。 */ .dd-weather-panel{overflow-x:hidden!important;box-sizing:border-box!important} .dd-weather-actions{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:12px!important;align-items:stretch!important;width:100%!important;margin:18px 0 0!important} .dd-weather-actions .dd-weather-precise,.dd-weather-actions .dd-weather-auto{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-width:0!important;height:42px!important;margin:0!important;padding:0 14px!important;box-sizing:border-box!important;border-radius:10px!important;font-size:12px!important;line-height:1!important;font-weight:700!important} .dd-weather-form{display:grid!important;grid-template-columns:minmax(0,1fr) 98px!important;gap:12px!important;align-items:stretch!important;width:100%!important;margin:12px 0 0!important} .dd-weather-form input,.dd-weather-form button{width:100%!important;min-width:0!important;height:42px!important;margin:0!important;box-sizing:border-box!important;border-radius:10px!important;line-height:40px!important} .dd-weather-form input{padding:0 13px!important} .dd-weather-form button{display:flex!important;align-items:center!important;justify-content:center!important;padding:0 12px!important;font-weight:700!important;white-space:nowrap!important} .dd-weather-panel #dd-weather-message{display:block!important;width:100%!important;min-height:20px!important;margin:9px 0 0!important;padding:2px 4px!important;box-sizing:border-box!important;color:rgba(225,241,250,.74)!important;background:transparent!important;line-height:16px!important} .dd-weather-location-line #dd-weather-district{display:none!important} @media(max-width:560px){.dd-weather-actions{grid-template-columns:1fr 1fr!important;gap:8px!important}.dd-weather-form{grid-template-columns:minmax(0,1fr) 84px!important;gap:8px!important}.dd-weather-actions .dd-weather-precise,.dd-weather-actions .dd-weather-auto,.dd-weather-form input,.dd-weather-form button{height:40px!important}} /* * 鼎点资讯导航 V3.1.6.8.2 * 原背景恢复与天气背景彻底停用 * 规则：天气仅显示卡片、定位和预报；背景只读取“背景管理”配置。 */ html,body{ background:#f4f8fb!important; } .banner-video{ display:block!important; position:fixed!important; inset:0!important; width:100%!important; height:100%!important; opacity:1!important; visibility:visible!important; background-image:var(--dd-bg-desktop)!important; background-position:center!important; background-size:cover!important; background-repeat:no-repeat!important; } @media(max-width:767px){ .banner-video{background-image:var(--dd-bg-mobile)!important} } .banner-video::before, .banner-video::after{ display:none!important; content:none!important; background:none!important; } .banner-video .bottom-cover{ display:block!important; } .dd-weather-effects, #dd-weather-effects, #dd-weather-canvas{ display:none!important; } body.dd-bg-hidden .banner-video{ background-image:linear-gradient(145deg,#0d3756,#68c8cf)!important; } /* * 鼎点资讯导航 V3.1.6.8.3 * 天气卡片弱边界与大厂式信息层优化 * 仅收口右上角天气卡片和详情层视觉，不修改天气接口、定位和背景。 */ .dd-weather-card{ top:18px!important; right:18px!important; width:350px!important; max-width:calc(100vw - 36px)!important; } .dd-weather-summary{ grid-template-columns:42px minmax(0,1fr) 88px!important; gap:10px!important; min-height:88px!important; padding:10px 12px!important; border:0!important; border-radius:16px!important; background:linear-gradient(135deg,rgba(7,31,50,.48),rgba(8,45,64,.27))!important; box-shadow:0 8px 24px rgba(0,23,39,.14),inset 0 1px 0 rgba(255,255,255,.055)!important; backdrop-filter:blur(10px) saturate(118%)!important; -webkit-backdrop-filter:blur(10px) saturate(118%)!important; overflow:hidden!important; } .dd-weather-summary::before{display:none!important;content:none!important} .dd-weather-summary:hover{ border:0!important; background:linear-gradient(135deg,rgba(7,31,50,.56),rgba(8,45,64,.33))!important; box-shadow:0 9px 26px rgba(0,23,39,.16),inset 0 1px 0 rgba(255,255,255,.07)!important; } .dd-weather-card[data-state="ready"] .dd-weather-summary, .dd-weather-card[data-state="error"] .dd-weather-summary, .dd-weather-card.loading .dd-weather-summary{border:0!important} .dd-weather-icon{ width:42px!important; height:42px!important; border:0!important; border-radius:13px!important; background:rgba(255,255,255,.095)!important; box-shadow:inset 0 1px 0 rgba(255,255,255,.055)!important; } .dd-weather-icon svg{width:27px!important;height:27px!important} .dd-weather-current{gap:2px!important} .dd-weather-location-line{gap:6px!important;align-items:center!important} .dd-weather-location-line strong{ font-size:13.5px!important; line-height:18px!important; font-weight:700!important; } .dd-weather-location-line i{ margin-left:0!important; padding:0!important; border-radius:0!important; background:transparent!important; color:rgba(235,246,252,.52)!important; font-size:8.5px!important; font-weight:400!important; } .dd-weather-condition-line{gap:6px!important;align-items:baseline!important} .dd-weather-condition-line b{font-size:14px!important;font-weight:650!important} .dd-weather-condition-line strong{font-size:25px!important;font-weight:700!important;letter-spacing:-.8px!important} .dd-weather-condition-line small{font-size:9.5px!important;color:rgba(235,246,252,.64)!important} .dd-weather-metrics{ margin-top:1px!important; font-size:9.5px!important; line-height:14px!important; color:rgba(237,247,252,.72)!important; } .dd-weather-updated{display:none!important} .dd-weather-clock{ min-height:58px!important; padding-left:0!important; border-left:0!important; align-items:flex-end!important; justify-content:center!important; } .dd-weather-clock b{ font-size:27px!important; line-height:1!important; font-weight:430!important; letter-spacing:.7px!important; } .dd-weather-clock small{ margin-top:7px!important; font-size:8.5px!important; line-height:1.35!important; color:rgba(239,248,252,.68)!important; } .dd-weather-clock em{display:none!important} .dd-weather-card.loading .dd-weather-icon{animation:none!important} .dd-weather-clock-only{width:190px!important} .dd-weather-clock-only .dd-weather-summary{min-height:76px!important;grid-template-columns:1fr!important} .dd-weather-clock-only .dd-weather-clock{align-items:flex-end!important} /* 详情面板同步弱化外框，继续保留完整天气功能。 */ .dd-weather-panel{ top:100px!important; width:420px!important; max-width:calc(100vw - 24px)!important; border:0!important; border-radius:16px!important; background:rgba(12,43,61,.965)!important; box-shadow:0 20px 54px rgba(3,18,30,.32),inset 0 1px 0 rgba(255,255,255,.045)!important; } .dd-weather-panel-head{border-bottom-color:rgba(255,255,255,.09)!important} .dd-weather-detail-grid>span, .dd-weather-hourly article, .dd-weather-daily article{ border-color:transparent!important; background:rgba(255,255,255,.05)!important; } @media(max-width:1080px) and (min-width:821px){ .dd-weather-card{width:320px!important;right:12px!important} .dd-weather-summary{grid-template-columns:40px minmax(0,1fr) 80px!important;padding:9px 10px!important;gap:8px!important} .dd-weather-icon{width:40px!important;height:40px!important} .dd-weather-clock b{font-size:24px!important} .dd-weather-location-line i{display:none!important} } @media(max-width:820px){ .dd-weather-card{position:relative!important;top:auto!important;right:auto!important;width:calc(100% - 24px)!important;max-width:none!important;margin:64px auto -45px!important} .dd-weather-summary{min-height:84px!important} .dd-weather-panel{top:96px!important;left:0!important;right:0!important;width:100%!important} } @media(max-width:560px){ .dd-weather-card{margin:58px auto -42px!important} .dd-weather-summary{grid-template-columns:40px minmax(0,1fr)!important;min-height:82px!important;padding:9px 10px!important} .dd-weather-icon{width:40px!important;height:40px!important} .dd-weather-clock{display:none!important} .dd-weather-location-line i{display:none!important} .dd-weather-panel{top:92px!important} } @media(prefers-reduced-motion:reduce){ .dd-weather-summary{transition:none!important} } /* V3.2.3.8_NAV_ICON_AND_WEATHER_COMPACT_START * 导航图标内联到数据库动态生成的“鼎点主页”前面； * 桌面天气卡片向右贴近并收紧横向空白。 */ @media(min-width:993px){ ul.navbar-nav.mr-auto{margin-left:10px!important} } .dd-home-nav-item{ display:inline-flex!important; align-items:center!important; gap:5px!important; } .dd-home-nav-item .dd-home-link{ padding-left:0!important; } .dd-nav-trigger{ flex:0 0 auto!important; width:20px!important; height:20px!important; display:inline-flex!important; align-items:center!important; justify-content:center!important; margin:0 0 0 0!important; padding:0!important; border:0!important; border-radius:7px!important; background:rgba(255,255,255,.10)!important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.16)!important; color:#fff!important; cursor:pointer!important; transition:background .18s ease,transform .18s ease!important; } .dd-nav-trigger:hover{ background:rgba(255,255,255,.18)!important; transform:translateY(-1px)!important; } .dd-nav-trigger svg{ width:14px!important; height:14px!important; display:block!important; } .dd-nav-compass-ring{ fill:none!important; stroke:rgba(255,255,255,.92)!important; stroke-width:1.55!important; } .dd-nav-compass-pointer{ fill:#8fd6ff!important; } .dd-nav-compass-dot{ fill:#fff!important; } @media(min-width:1081px){ .dd-weather-card{ right:2px!important; width:332px!important; max-width:calc(100vw - 12px)!important; } .dd-weather-summary{ grid-template-columns:40px minmax(0,1fr) 82px!important; gap:8px!important; padding:9px 10px!important; } } /* V3.2.3.8_NAV_ICON_AND_WEATHER_COMPACT_END */ /* V3.2.4.2.4_HOME_SHORT_TIPS_AND_WEATHER_CLOCK_TIGHT_START * 桌面端只收紧天气信息与时间之间的横向空白； * 不修改天气接口、详情面板、定位、背景和移动端布局。 */ @media(min-width:1081px){ .dd-weather-card{ width:304px!important; right:2px!important; } .dd-weather-summary{ grid-template-columns:40px minmax(0,1fr) 74px!important; gap:4px!important; padding:9px 8px!important; } .dd-weather-current{ min-width:0!important; } .dd-weather-clock{ margin-left:-2px!important; } } /* V3.2.4.2.4_HOME_SHORT_TIPS_AND_WEATHER_CLOCK_TIGHT_END */ /* V3.2.4.2.5.1_HOME_TITLE_TIP_TYPOGRAPHY_START * 后台可调首页标题与短提示字号/字重； * 普通文字标题自动恢复居中大标题样式，手机端自动限制避免溢出。 */ .dd-home-heading{ text-align:center; } .dd-home-heading .center-bold-large{ font-size:var(--dd-home-title-size,38px)!important; font-weight:var(--dd-home-title-weight,700)!important; } .dd-home-heading .content{ font-size:var(--dd-home-tip-size,12px)!important; font-weight:var(--dd-home-tip-weight,500)!important; } @media(max-width:820px){ .dd-home-heading .center-bold-large{ font-size:min(var(--dd-home-title-size,38px),30px)!important; } .dd-home-heading .content{ font-size:min(var(--dd-home-tip-size,12px),16px)!important; } } /* V3.2.4.2.5.1_HOME_TITLE_TIP_TYPOGRAPHY_END */