@charset "UTF-8";
:root{font-family:Arial,"Microsoft YaHei","PingFang SC",sans-serif;color:#273142;background:#f6f7f9;font-size:14px;--accent:#3566aa;--muted:#77808c;--line:#e7ebf0;--sidebar:208px;color-scheme:light}
*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit;color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;background:#fff;border:1px solid #d8dee7;border-radius:6px;padding:8px 14px}a{color:inherit;text-decoration:none}button:hover,a:hover{color:var(--accent)}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #5c8bca;outline-offset:3px}[hidden]{display:none!important}h1,h2,h3,p{margin:0}svg{fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-80px;left:14px;padding:12px;background:#fff;z-index:100}.skip-link:focus{top:12px}
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:#fff;border-right:1px solid var(--line);overflow-y:auto;z-index:40;scrollbar-width:thin}.sidebar-brand{height:86px;display:flex;align-items:center;gap:11px;padding:0 24px;font-weight:700;font-size:20px;color:#203c60}.sidebar-brand img{border-radius:7px}#navigation{padding:0 14px}.nav-link{display:flex;align-items:center;gap:13px;min-height:43px;margin:3px 0;padding:10px 13px;border-radius:6px;color:#596474;font-size:13px}.nav-link svg{height:19px;width:19px;flex:none;color:#8792a2;stroke-width:1.6}.nav-link:hover{background:#f6f8fb;color:var(--accent)}.nav-link.active{background:#edf3fb;color:var(--accent);font-weight:600}.nav-link.active svg{color:var(--accent)}.nav-link .nav-count{font-size:11px;margin-left:auto;font-weight:400;color:#8791a0}.nav-divider{height:1px;background:var(--line);margin:15px 10px}.sidebar-foot{padding:24px 26px 22px;display:flex;flex-direction:column;gap:8px;font-size:11px;line-height:1.7;color:#8a929e}.main-shell{margin-left:var(--sidebar)}.topbar{height:64px;display:flex;align-items:center;gap:18px;padding:0 34px;font-size:13px;color:#667182}.top-home{color:#526179}.top-actions{margin-left:auto;display:flex;align-items:center;gap:24px}.top-actions>button{border:0;background:none;padding:8px 0;color:#667182}.top-actions>a>span{margin-left:5px;color:#8793a3;font-size:11px}.icon-button{border:0;background:none;padding:8px;display:flex}.icon-button svg{width:21px;height:21px}#menu-toggle{display:none}.nav-scrim{position:fixed;inset:0;border:0;border-radius:0;background:#24334a55;z-index:35}
main{outline:none}.search-hero{padding:35px 32px 49px;text-align:center}.hero-brand{display:inline-flex;align-items:center;gap:16px;font-size:35px;letter-spacing:2px;font-weight:700;color:#294d79;margin-bottom:32px}.hero-brand img{height:48px;width:48px;border-radius:11px}.search-panel{max-width:760px;margin:0 auto}.search-groups{display:flex;justify-content:center;gap:27px;margin-bottom:16px}.search-groups button{border:0;border-radius:0;background:none;padding:7px 2px 10px;min-height:35px;color:#7d8490;border-bottom:2px solid transparent}.search-groups button.active{color:#355d91;border-bottom-color:#5a80b4;font-weight:600}#search-form{display:flex;height:53px;border:1px solid #dfe5ed;background:#fff;border-radius:10px;box-shadow:0 3px 14px #27466707;overflow:hidden}#search-form:focus-within{border-color:#7c9ec9;box-shadow:0 0 0 3px #4775b00c}#search{flex:1;min-width:0;border:0;background:transparent;padding:14px 20px;font-size:15px;outline:none}#search::placeholder{color:#9aa1ac}#search-submit{display:flex;align-items:center;justify-content:center;gap:8px;width:94px;border:0;border-radius:0;color:#456c9e;background:#f7f9fc;font-size:13px}#search-submit:hover{background:#edf3fb}#search-submit svg{width:19px;height:19px}.search-engines{display:flex;flex-wrap:wrap;justify-content:center;gap:10px 23px;margin-top:14px;min-height:30px}.search-engines button{position:relative;border:0;background:none;padding:6px 3px;color:#87909d;border-radius:0;font-size:12px}.search-engines button.active{color:#3566aa;font-weight:600}.search-engines button.active:before{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#6e92c1;top:0;left:calc(50% - 2px)}#search-status{margin-top:12px;color:#a04c39;font-size:12px}.search-hero.compact{padding:20px 32px 28px}.search-hero.compact .hero-brand{display:none}.search-hero.compact .search-groups{gap:24px;margin-bottom:10px}.search-hero.compact #search-form{height:47px}.search-hero.compact .search-engines{margin-top:10px}
.site-content{max-width:1440px;margin:0 auto;padding:0 32px 24px}.filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:24px;min-height:34px}.region-filter{display:flex;gap:6px}.region-filter button{font-size:12px;padding:7px 11px;min-height:32px;border:0;background:none;color:#798391}.region-filter button.active{background:#e8eff8;color:#426da5}.result-summary{display:flex;align-items:center;gap:12px;color:#8993a1;font-size:12px}#reset-filters{border:0;background:none;color:#5178ad;font-size:12px;padding:7px 0}.resource-section{margin-bottom:38px;scroll-margin-top:24px}.section-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-title{display:flex;align-items:center;gap:11px}.section-title>svg{width:20px;height:20px;color:#7a90ac}.section-title h2{font-size:18px;font-weight:600;color:#37465a}.section-count{color:#98a1ae;font-size:12px}.section-note{font-size:11px;color:#929ba8;margin-left:2px}.more-link{display:flex;align-items:center;gap:5px;font-size:12px;color:#8b96a5;white-space:nowrap}.more-link svg{height:13px;width:13px}.more-link:hover{color:var(--accent)}.section-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:9px 19px;margin:-1px 0 19px;padding-left:0}.section-tabs button,.section-tabs a{font-size:12px;color:#8a93a0;padding:5px 1px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;white-space:nowrap}.section-tabs .active{color:#406fa9;border-bottom-color:#7697c2}.resource-link{display:flex;align-items:center;gap:13px;min-height:80px;padding:16px 6px 16px 16px;width:calc(100% - 29px)}.resource-icon{width:39px;height:39px;flex:0 0 39px;object-fit:contain;border-radius:5px}.favorite-button{position:absolute;right:2px;top:25px;border:0;padding:6px;background:none;width:28px;height:30px;color:#b0bac7}.favorite-button svg{width:15px;height:15px;fill:none;stroke-width:1.4}.favorite-button:hover{color:#a78331}.favorite-button[aria-pressed=true]{color:#af8636}.favorite-button[aria-pressed=true] svg{fill:#f2d999}.icon-missing{width:39px;font-size:10px;color:#8c5661}.section-empty{border:1px dashed #dce3ec;padding:25px;color:#8994a3;font-size:13px;border-radius:8px}.view-heading{margin:0 0 24px}.breadcrumb{font-size:12px;color:#8c97a6;margin-bottom:18px;display:flex;gap:10px;align-items:center}.breadcrumb a{color:#517caf}.view-heading h1{font-size:27px;font-weight:600;letter-spacing:.4px;color:#344761;outline:none}.view-heading>p{color:#8b95a3;font-size:13px;margin-top:10px;line-height:1.7}.category-view .section-top{display:none}.category-view .section-tabs{margin-bottom:24px}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:9px;padding:54px 22px;margin-bottom:40px}.empty-state h2{font-size:18px;font-weight:500;margin-bottom:12px}.empty-state p{font-size:13px;line-height:1.8;color:#8a94a2;margin-bottom:20px}.empty-state button{font-size:12px;color:var(--accent)}.notice{border:1px solid #ebd9b4;background:#fffbf1;padding:12px 16px;border-radius:7px;font-size:12px;line-height:1.7;color:#8a6c39;margin:0 0 24px}.info-panel{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;max-width:850px;margin-bottom:44px}.info-panel h2{font-size:16px;color:#415875;margin:24px 0 10px}.info-panel h2:first-child{margin-top:0}.info-panel p{font-size:14px;line-height:1.95;color:#6f7e90;margin:0 0 14px}.info-panel p:last-child{margin-bottom:0}.info-panel .empty-friends{padding:23px 0;color:#8c97a7}.site-footer{border-top:1px solid #e4e9f0;padding:28px 0 10px;margin-top:15px;color:#969fac;font-size:11px;line-height:1.8}.site-footer nav{display:flex;gap:26px;margin-bottom:12px;font-size:12px;color:#7a8799}
dialog{padding:26px;width:440px;max-width:calc(100% - 32px);border:1px solid #e1e7ef;border-radius:10px;color:#36475f;box-shadow:0 16px 60px #20314822}dialog::backdrop{background:#26374e55}.dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.dialog-header h2{font-size:19px;font-weight:600}.close-button{border:0;background:none;font-size:25px;line-height:20px;padding:4px;color:#8793a2}dialog>p{font-size:13px;line-height:1.8;color:#7c899b}.backup-actions{display:flex;gap:12px;margin:20px 0}.backup-actions button{min-height:39px;font-size:13px}.backup-actions #export-button{background:var(--accent);color:#fff;border-color:var(--accent)}.import-status{min-height:18px;color:#477559;overflow-wrap:anywhere}.import-status.error{color:#ac584a}.dialog-note{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;font-size:12px!important;color:#919aa8!important}.toast{position:fixed;left:50%;bottom:25px;transform:translateX(-50%);background:#34475d;color:#fff;border-radius:7px;padding:11px 17px;font-size:13px;max-width:calc(100% - 28px);z-index:100;text-align:center;box-shadow:0 4px 15px #20314815}noscript{display:block;padding:20px}
@media(min-width:1500px){.site-content{padding-inline:40px}.search-hero{padding-top:43px;padding-bottom:57px}}
@media(max-width:1150px) and (min-width:961px){:root{--sidebar:190px}.sidebar-brand{padding-inline:21px;font-size:18px}.site-content{padding-inline:25px}.resource-link{gap:10px;padding-left:12px}.resource-icon{width:34px;height:34px;flex-basis:34px}}
@media(max-width:960px){.sidebar{transform:translateX(-100%);transition:transform .18s;width:224px}.sidebar-open .sidebar{transform:translateX(0)}.main-shell{margin-left:0}#menu-toggle{display:flex}.topbar{height:58px;padding:0 24px;gap:13px}.search-hero{padding-top:26px;padding-bottom:40px}.site-content{padding-inline:28px}.sidebar-foot{padding-top:20px}}
@media(max-width:760px){.search-hero{padding-inline:25px}.site-content{padding-inline:25px}.section-note{display:none}.hero-brand{font-size:31px}.hero-brand img{width:43px;height:43px}}
@media(max-width:520px){.topbar{padding:0 16px;height:55px;font-size:12px}.top-actions{gap:18px}.top-actions>button{font-size:12px}.top-actions>a>span{margin-left:3px}.search-hero{padding:32px 20px 38px}.hero-brand{font-size:29px;gap:12px;letter-spacing:1px;margin-bottom:26px}.hero-brand img{width:41px;height:41px}.search-groups{gap:22px;margin-bottom:13px}.search-groups button{font-size:13px;min-height:33px;padding-bottom:8px}#search-form{height:49px;border-radius:8px}#search{font-size:14px;padding-left:15px}#search-submit{width:61px}#search-submit span{display:none}.search-engines{gap:8px 20px;margin-top:12px}.search-engines button{font-size:12px}.site-content{padding-inline:20px}.filter-bar{margin-bottom:25px;gap:8px;align-items:center}.region-filter{gap:0}.region-filter button{font-size:11px;padding:7px 9px}.result-summary{font-size:11px;gap:6px}#reset-filters{font-size:11px}.resource-link{min-height:78px;padding:16px 8px 16px 18px;gap:16px;width:calc(100% - 35px)}.resource-icon{width:39px;height:39px;flex-basis:39px}.favorite-button{right:8px;top:24px;width:29px;height:30px}.section-top{margin-bottom:19px}.section-title{gap:9px}.section-title h2{font-size:17px}.section-title>svg{width:19px;height:19px}.section-tabs{gap:6px 17px;margin-bottom:20px}.section-tabs button,.section-tabs a{font-size:12px;line-height:21px}.resource-section{margin-bottom:34px}.more-link{font-size:12px}.search-hero.compact{padding:12px 20px 25px}.search-hero.compact .search-groups{gap:22px}.view-heading{margin-bottom:23px}.view-heading h1{font-size:24px}.view-heading>p{font-size:12px}.breadcrumb{margin-bottom:17px}.site-footer{padding-top:25px}.site-footer nav{gap:25px}.info-panel{padding:23px 20px}.info-panel p{font-size:13px;line-height:1.9}dialog{padding:23px}.backup-actions{gap:9px}.backup-actions button{padding-inline:12px}.toast{font-size:12px}}
@media(max-width:360px){.topbar{padding-inline:12px}.top-actions{gap:12px}.search-hero,.search-hero.compact{padding-inline:16px}.search-groups,.search-hero.compact .search-groups{gap:19px}.site-content{padding-inline:16px}.region-filter button{padding-inline:7px}.result-summary{font-size:10px}.resource-link{padding-left:15px}.section-title h2{font-size:16px}}.search-engines button,.section-tabs button,.section-tabs a,.sidebar-foot,.result-summary,.section-note,.section-count,.more-link,.site-footer,.site-footer nav,.view-heading>p,.info-panel p{color:#637287}.search-engines button.active,.section-tabs .active{color:#3566aa}.info-content{padding-top:28px}.resource-link{width:calc(100% - 34px)}
@media(max-width:520px){.resource-link{width:calc(100% - 42px)}}
/* Visual refinement: local landscape header, solid navigation, and moving tab highlight. */
:root{background:#fff;--accent:#3478ce}.topbar{background:#fff}.sidebar{background:#fff;border-right-color:#e9edf4}.sidebar-brand{color:#264d7b}.sidebar-foot{padding-top:28px;color:#718198;font-size:12px}.sidebar-foot span{white-space:nowrap}.solid-icon{fill:currentColor;stroke:none}.nav-link svg.solid-icon{color:#5678a9}.nav-link.active{background:#eaf2fe;color:#286ac1}.nav-link.active svg.solid-icon{color:#3478ce}.section-title>svg.solid-icon{color:#4c78b4;width:21px;height:21px}.featured-flame{font-size:23px;line-height:1;display:inline-flex;align-items:center}.section-title h2{color:#263c5b}.nav-link{transition:background-color .18s,color .18s}.nav-link:hover{background:#f0f5fc}
.search-hero{position:relative;isolation:isolate;overflow:hidden;padding:38px 32px 58px;background:#fff}.search-hero::before,.search-hero::after{content:"";position:absolute;inset:0;pointer-events:none}.search-hero::before{z-index:-2;background-image:linear-gradient(180deg,rgba(16,39,61,.35),rgba(21,52,75,.22) 70%,rgba(21,52,75,.03)),var(--hero-wallpaper);background-size:cover;background-position:center,var(--hero-position,center)}.search-hero::after{z-index:-1;background:linear-gradient(to bottom,rgba(255,255,255,0) 68%,rgba(255,255,255,.22) 81%,rgba(255,255,255,.8) 93%,#fff 100%)}.hero-brand{color:#fff;text-shadow:0 2px 14px #153a5b65}.hero-brand:hover{color:#fff}.hero-brand img{box-shadow:0 3px 17px #1b436e2a;background:#fff}.search-groups button{color:#f1f6fc;text-shadow:0 1px 5px #18334e7a;font-weight:500;transition:color .18s,border-color .18s,transform .18s}.search-groups button.active{color:#fff;border-bottom-color:#fff;font-weight:700}.search-groups button:hover{color:#fff;transform:translateY(-1px)}#search-form{border-color:#ffffffad;box-shadow:0 5px 25px #133c6224;background:rgba(255,255,255,.96)}#search-submit{color:#3478ce;background:#f4f8fe}#search-submit:hover{background:#e5efff}.search-engines{display:inline-flex;min-height:34px;background:rgba(255,255,255,.93);border:1px solid #ffffff9c;border-radius:8px;padding:4px 17px;box-shadow:0 2px 12px #163d5810;gap:10px 23px}.search-engines button{color:#62748b;padding:5px 2px;text-shadow:none}.search-engines button.active{color:#246cca}.search-engines button.active:before{display:none}.search-hero.compact{padding-top:22px;padding-bottom:38px}.search-hero.compact::after{background:linear-gradient(to bottom,transparent 65%,#ffffffa3 88%,#fff 100%)}#search-status{display:table;margin:10px auto 0;background:#fff5ed;padding:7px 12px;border-radius:5px;color:#995339}
.site-content{max-width:1700px;padding-top:23px;background:#fff}.resource-section{margin-bottom:40px}.section-top{margin-bottom:20px}.more-link{color:#6883a5}.more-link:hover{color:#276bc6}.favorites-hidden .resource-link{width:100%;padding-right:17px}
.section-tabs{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 22px;padding:0;isolation:isolate}.section-tabs button{position:relative;z-index:1;border:0;border-radius:6px;padding:7px 13px;min-height:33px;background:#f0f2f5;color:#2f3b4e;font-size:12px;line-height:19px;transition:color .17s,background-color .17s,transform .17s}.section-tabs button:hover{background:#e4eaf3;color:#1b4b8b;transform:translateY(-1px)}.section-tabs button.active{background:transparent;color:#fff;font-weight:500}.section-tabs button.active:hover{background:transparent;color:#fff;transform:none}.tab-indicator{position:absolute;left:0;top:0;z-index:0;background:#3478ce;border-radius:6px;box-shadow:0 3px 8px #3478ce1c;pointer-events:none}.tab-indicator.ready{transition:transform .2s cubic-bezier(.2,.7,.3,1),width .2s cubic-bezier(.2,.7,.3,1),height .2s}.section-body{min-width:0}.category-view .section-tabs{margin-bottom:25px}.wallpaper-credits a{color:#326fbc;text-decoration:underline;text-underline-offset:3px}.info-content{padding-top:28px}.site-footer{border-top-color:#e7edf5}
@media(min-width:1500px){.site-content{padding-inline:40px}}
@media(max-width:1150px) and (min-width:961px){.resource-icon{width:39px;height:39px;flex-basis:39px}.resource-link{padding-left:16px;gap:13px}}
@media(max-width:960px){.search-hero{padding-top:32px;padding-bottom:50px}}
@media(max-width:760px){.search-hero{padding-inline:25px}}
@media(max-width:520px){.search-hero{padding:31px 20px 43px}.search-hero::before{background-position:center,var(--hero-position,center);background-size:cover}.search-hero::after{background:linear-gradient(to bottom,transparent 73%,#ffffff68 87%,#fff 100%)}.search-hero.compact{padding:15px 20px 31px}.hero-brand{margin-bottom:26px}.search-engines{gap:8px 19px;padding:3px 14px;max-width:100%}.site-content{padding-top:21px}.favorites-hidden .resource-link{padding-right:18px}.section-tabs{gap:8px;margin-bottom:21px}.section-tabs button{padding:7px 11px;font-size:12px;min-height:33px}.resource-section{margin-bottom:35px}.section-top{margin-bottom:19px}.section-title h2{font-size:17px}.section-title>svg.solid-icon{width:20px;height:20px}.featured-flame{font-size:22px}.sidebar-foot{font-size:12px}}
@media(max-width:360px){.search-hero,.search-hero.compact{padding-inline:16px}.search-engines{gap:8px 15px}.section-tabs button{padding-inline:10px}}.sidebar-foot,.more-link{color:#63758e}.tab-indicator{background:#2f73c8}#search::placeholder{color:#63758e}.page-tools{position:fixed;right:18px;bottom:24px;display:flex;flex-direction:column;gap:9px;z-index:30}.page-tools button{width:44px;height:44px;padding:10px;border:1px solid #d9e3f0;background:#fff;color:#526d8f;border-radius:9px;box-shadow:0 3px 12px #20365212}.page-tools button:hover{background:#eaf2fd;color:#286cc0}.page-tools svg{display:block;width:22px;height:22px}.tool-label{display:none}.site-footer{padding-bottom:38px}
/* A complete dark palette, with a real night photograph and matching fade. */
:root[data-theme=dark]{color:#e0e8f4;background:#101822;--accent:#91bff9;--muted:#a8b7cd;--line:#2a3b50;color-scheme:dark}
[data-theme=dark] body,[data-theme=dark] .site-content,[data-theme=dark] .search-hero{background:#101822}
[data-theme=dark] .sidebar,[data-theme=dark] .topbar{background:#131e2c;border-color:#29394e}
[data-theme=dark] .sidebar-brand,[data-theme=dark] .top-home,[data-theme=dark] .section-title h2,[data-theme=dark] .view-heading h1{color:#e3ecfa}
[data-theme=dark] .nav-link{color:#afbed2}[data-theme=dark] .nav-link svg.solid-icon,[data-theme=dark] .section-title>svg.solid-icon{color:#8ab6ed}
[data-theme=dark] .nav-link:hover{background:#1c2c40}[data-theme=dark] .nav-link.active{background:#203755;color:#a5ccff}[data-theme=dark] .nav-link.active svg.solid-icon{color:#a5ccff}
[data-theme=dark] .search-hero::before{background-image:var(--hero-wallpaper);background-position:var(--hero-position,center)}
[data-theme=dark] .search-hero::after{background:linear-gradient(to bottom,transparent 68%,#10182245 81%,#101822d6 94%,#101822 100%)}
[data-theme=dark] .search-hero.compact::after{background:linear-gradient(to bottom,transparent 65%,#101822a3 88%,#101822 100%)}
[data-theme=dark] #search-form{background:#142334f5;border-color:#536a84;box-shadow:0 5px 24px #0003}
[data-theme=dark] #search{color:#e7f0ff}[data-theme=dark] #search::placeholder{color:#afbed1}
[data-theme=dark] #search-submit{background:#223751;color:#adceff}[data-theme=dark] #search-submit:hover{background:#2d4563}
[data-theme=dark] .search-engines{background:#142334f5;border-color:#465b73;box-shadow:none}
[data-theme=dark] .search-engines button{color:#b9c7dc}[data-theme=dark] .search-engines button.active{color:#a9cdff}
[data-theme=dark] .resource-icon{background:#fff;padding:3px}[data-theme=dark] .sidebar-foot,[data-theme=dark] .more-link,[data-theme=dark] .breadcrumb,[data-theme=dark] .view-heading>p,[data-theme=dark] .site-footer,[data-theme=dark] .site-footer nav,[data-theme=dark] .info-panel p{color:#a9b9d0}
[data-theme=dark] .section-tabs button{background:#223247;color:#cad6e7}[data-theme=dark] .section-tabs button:hover{background:#2b405a;color:#e9f2ff}
[data-theme=dark] .section-tabs button.active,[data-theme=dark] .section-tabs button.active:hover{background:transparent;color:#fff}
[data-theme=dark] .tab-indicator{background:#2f73c8}
[data-theme=dark] .empty-state,[data-theme=dark] .info-panel,[data-theme=dark] dialog{background:#172433;border-color:#2b3d53;color:#dce7f7}
[data-theme=dark] .info-panel h2{color:#d4e4f9}[data-theme=dark] .info-panel .empty-friends,[data-theme=dark] .empty-state p,[data-theme=dark] dialog>p,[data-theme=dark] .dialog-note{color:#a9b9d0!important}
[data-theme=dark] button,[data-theme=dark] .skip-link{background:#20334c;border-color:#48617e;color:#d5e5f9}
[data-theme=dark] .search-groups button{background:none;border-color:transparent;color:#edf4ff}[data-theme=dark] .search-groups button.active{border-bottom-color:#fff;color:#fff}
[data-theme=dark] .icon-button,[data-theme=dark] .close-button{background:none;border-color:transparent}
[data-theme=dark] .search-engines button{background:none;border-color:transparent}
[data-theme=dark] .notice,[data-theme=dark] #search-status{background:#3a2e20;color:#f3d4ac;border-color:#715533}
[data-theme=dark] .section-empty{border-color:#526781;color:#b1c1d6}[data-theme=dark] .site-footer{border-color:#2a3b50}
[data-theme=dark] .wallpaper-credits a,[data-theme=dark] .breadcrumb a{color:#98c1f7}
[data-theme=dark] .page-tools button{background:#203149;border-color:#4b6484;color:#c6dcfa}[data-theme=dark] .page-tools button:hover{background:#2e4665;color:#fff}
@media(hover:none),(pointer:coarse){}
@media(max-width:600px){body{padding-bottom:66px}html{scroll-padding-bottom:82px}.page-tools{right:0;left:0;bottom:0;height:60px;padding:8px max(16px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom));height:calc(60px + env(safe-area-inset-bottom));flex-direction:row;justify-content:flex-end;align-items:center;gap:10px;background:#fffffff5;border-top:1px solid #e2e9f3;backdrop-filter:blur(12px)}.page-tools button{display:flex;align-items:center;justify-content:center;gap:7px;width:auto;min-width:80px;height:40px;padding:8px 11px;box-shadow:none;font-size:12px}.page-tools svg{width:19px;height:19px}.tool-label{display:inline}.toast{bottom:76px}[data-theme=dark] .page-tools{background:#131e2cf5;border-color:#30435d}}
.detail-page{max-width:1100px;margin:0 auto 44px}.detail-breadcrumb{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:#63758e;margin:4px 0 32px}.detail-home,.detail-crumb-section,.detail-return{color:#356dac}.detail-return{margin-left:auto;padding:8px 12px;border:1px solid #dce5f1;border-radius:6px}.detail-header{display:flex;align-items:center;gap:24px;margin:0 0 27px}.detail-logo-wrap{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #e1e8f2;border-radius:17px;flex:0 0 100px;width:100px;height:100px}.detail-logo{width:72px;height:72px;object-fit:contain}.detail-title{font-size:31px;line-height:1.35;color:#263e5d;margin-bottom:12px;overflow-wrap:anywhere}.detail-description{font-size:15px;line-height:1.9;color:#586e89;max-width:760px}.detail-facts{display:grid;grid-template-columns:40px 1fr;gap:16px 18px;padding:24px 0;border-top:1px solid #e5ebf3;border-bottom:1px solid #e5ebf3;margin:0 0 25px;font-size:13px}.detail-facts dt{color:#63758e;padding-top:6px}.detail-facts dd{margin:0;display:flex;align-items:center;flex-wrap:wrap;gap:8px}.detail-category,.detail-tag{padding:6px 11px;line-height:19px;border-radius:5px;background:#f0f3f8;color:#4d6380}.detail-category{background:#edf4ff;color:#2c66aa}.detail-category:hover{background:#dfecff}.detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:13px}.detail-official,.detail-like{padding:12px 24px;min-height:44px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;font-size:14px}.detail-official{background:#2f73c8;color:#fff}.detail-official:hover{background:#265faa;color:#fff}.detail-domain{color:#63758e;font-size:12px;overflow-wrap:anywhere}.detail-like{margin-left:auto;background:#f4f7fb;border:1px solid #dce6f2;color:#4b6688;padding-inline:19px}.detail-like[aria-pressed=true]{background:#eaf2ff;color:#245f9f;border-color:#8ab2e5}.detail-like-note{font-size:12px;color:#63758e}.detail-like-status{font-size:12px;color:#965735;line-height:1.8;margin-top:12px;min-height:22px}.detail-related,.detail-feedback{margin-top:35px}.detail-section-title{font-size:18px;line-height:1.5;color:#2e4668;margin-bottom:17px}.detail-related-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:15px}.detail-related-card{min-width:0;display:flex;align-items:center;gap:13px;padding:17px;border:1px solid #e2eaf4;border-radius:8px;background:#fff;transition:border-color .18s,background-color .18s}.detail-related-card:hover{background:#f7faff;border-color:#adc9ed}.detail-related-logo-wrap{width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center}.detail-related-logo{width:48px;height:48px;object-fit:contain}.detail-related-text{min-width:0}.detail-related-name{display:block;color:#2d4668;font-size:14px;font-weight:600;line-height:1.7}.detail-related-description{display:block;color:#63758e;font-size:12px;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-feedback{border-top:1px solid #e4ebf5;padding-top:26px}.detail-feedback-unavailable,.detail-feedback-note{color:#63758e;font-size:13px;line-height:1.8}.detail-feedback-link{display:inline-flex;color:#316db7;border:1px solid #c7daf3;border-radius:6px;padding:9px 14px;margin-bottom:8px}.detail-feedback-note{margin-top:4px}.detail-logo-missing{font-size:11px;color:#63758e;text-align:center}
[data-theme=dark] .detail-title,[data-theme=dark] .detail-section-title,[data-theme=dark] .detail-related-name{color:#e1eafa}[data-theme=dark] .detail-description,[data-theme=dark] .detail-breadcrumb,[data-theme=dark] .detail-domain,[data-theme=dark] .detail-facts dt,[data-theme=dark] .detail-like-note,[data-theme=dark] .detail-related-description,[data-theme=dark] .detail-feedback-unavailable,[data-theme=dark] .detail-feedback-note{color:#acbdd4}[data-theme=dark] .detail-home,[data-theme=dark] .detail-crumb-section,[data-theme=dark] .detail-return,[data-theme=dark] .detail-feedback-link{color:#a2cafd;border-color:#426084}[data-theme=dark] .detail-facts,[data-theme=dark] .detail-feedback{border-color:#2c3e55}[data-theme=dark] .detail-tag{background:#213247;color:#c2d2e7}[data-theme=dark] .detail-category{background:#233b59;color:#b6d6ff}[data-theme=dark] .detail-category:hover{background:#2d4b70}[data-theme=dark] .detail-like{background:#20334c;color:#c4dafa;border-color:#4b678a}[data-theme=dark] .detail-like[aria-pressed=true]{background:#2b4b74;color:#fff;border-color:#81b2f3}[data-theme=dark] .detail-like-status{color:#f1c49e}[data-theme=dark] .detail-related-card{background:#172433;border-color:#2d4059}[data-theme=dark] .detail-related-card:hover{background:#1f324a;border-color:#6189bd}[data-theme=dark] .detail-related-logo{background:#fff;padding:2px;border-radius:4px}
@media(max-width:600px){.detail-breadcrumb{margin-bottom:25px;font-size:12px}.detail-header{align-items:flex-start;gap:16px;margin-bottom:23px}.detail-logo-wrap{flex-basis:68px;width:68px;height:68px;border-radius:13px}.detail-logo{width:48px;height:48px}.detail-title{font-size:24px;margin-bottom:8px}.detail-description{font-size:13px;line-height:1.9}.detail-facts{gap:12px;padding:19px 0;font-size:12px;grid-template-columns:30px 1fr}.detail-actions{gap:11px}.detail-official{padding:12px 21px}.detail-domain{width:calc(100% - 124px);font-size:11px}.detail-like{margin-left:0;padding:10px 18px}.detail-like-note{font-size:11px}.detail-related-list{grid-template-columns:1fr}.detail-related-card{padding:15px}.detail-related,.detail-feedback{margin-top:28px}.detail-page{margin-bottom:30px}}
/* Header floats over the landscape; navigation keeps native document scrolling. */
.main-shell{position:relative}.topbar,[data-theme=dark] .topbar{position:fixed;inset:0 0 auto var(--sidebar);height:68px;padding:14px 24px;background:transparent;z-index:45;pointer-events:none;justify-content:space-between}.topbar>*{pointer-events:auto}#menu-toggle{display:flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:8px}.top-about{display:inline-flex;align-items:center;min-height:37px;padding:8px 13px;border-radius:7px;font-size:12px}.topbar #menu-toggle,.top-about,[data-theme=dark] .topbar #menu-toggle,[data-theme=dark] .top-about{background:#132d4de0;border:1px solid #ffffff35;color:#fff;box-shadow:0 2px 10px #11284615;backdrop-filter:blur(10px)}.topbar #menu-toggle:hover,.top-about:hover{background:#203f68;color:#fff}.search-hero{padding-top:88px}.search-hero.compact{padding-top:80px}.content-only .site-content{padding-top:92px}.sidebar{transition:transform .2s ease;scrollbar-gutter:stable}.sidebar-collapsed .main-shell{margin-left:0}.sidebar-collapsed .topbar{left:0}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.resource-section{scroll-margin-top:84px}.section-title h2:focus{outline:none}.section-title h2:focus-visible{outline:2px solid var(--accent);outline-offset:5px;border-radius:2px}.sidebar-brand{height:84px}.sidebar-foot{padding-bottom:24px}
/* Browser-native thin scrollbars: no arrows, no overflow when everything fits. */
html{scrollbar-width:thin;scrollbar-color:#b7c4d4 transparent;scrollbar-gutter:stable}.sidebar{overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar:hover,.sidebar:focus-within,.sidebar.is-scrolling{scrollbar-color:#a5b4c8 transparent}[data-theme=dark]{scrollbar-color:#49617e transparent}[data-theme=dark] .sidebar{scrollbar-color:transparent transparent}[data-theme=dark] .sidebar:hover,[data-theme=dark] .sidebar:focus-within,[data-theme=dark] .sidebar.is-scrolling{scrollbar-color:#58718f transparent}
@supports selector(::-webkit-scrollbar){html,.sidebar,.sidebar:hover,.sidebar:focus-within,.sidebar.is-scrolling{scrollbar-width:auto;scrollbar-color:auto}html::-webkit-scrollbar,.sidebar::-webkit-scrollbar{width:6px;height:6px}html::-webkit-scrollbar-track,.sidebar::-webkit-scrollbar-track{background:transparent}html::-webkit-scrollbar-thumb{background:#b7c4d4;border-radius:10px}.sidebar::-webkit-scrollbar-thumb{background:transparent;border-radius:10px}.sidebar:hover::-webkit-scrollbar-thumb,.sidebar:focus-within::-webkit-scrollbar-thumb,.sidebar.is-scrolling::-webkit-scrollbar-thumb{background:#a5b4c8}html::-webkit-scrollbar-button,.sidebar::-webkit-scrollbar-button{display:none;width:0;height:0}html::-webkit-scrollbar-corner,.sidebar::-webkit-scrollbar-corner{background:transparent}[data-theme=dark]{scrollbar-color:auto}[data-theme=dark] .sidebar,[data-theme=dark] .sidebar:hover,[data-theme=dark] .sidebar:focus-within,[data-theme=dark] .sidebar.is-scrolling{scrollbar-color:auto}[data-theme=dark]::-webkit-scrollbar-thumb{background:#49617e}[data-theme=dark] .sidebar:hover::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar:focus-within::-webkit-scrollbar-thumb,[data-theme=dark] .sidebar.is-scrolling::-webkit-scrollbar-thumb{background:#58718f}}.detail-logo-wrap.wordmark-logo{width:150px;flex-basis:150px}.wordmark-logo .detail-logo{width:132px;height:72px;object-fit:contain}.detail-related-logo-wrap.wordmark-logo{width:80px;flex-basis:80px}.wordmark-logo .detail-related-logo{width:80px;height:48px;object-fit:contain}[data-theme=dark] .wordmark-logo .detail-related-logo{padding:3px}
@media(max-width:960px){.topbar,[data-theme=dark] .topbar{left:0}.sidebar-collapsed .sidebar{transform:translateX(-100%)}.sidebar-open .sidebar{transform:translateX(0)}body.sidebar-open{overflow:hidden}.topbar #menu-toggle{order:2}.top-about{order:1}.sidebar-open .top-about{visibility:hidden}.search-hero{padding-top:84px}.search-hero.compact{padding-top:78px}}
@media(max-width:520px){.topbar{padding:12px 16px;height:64px}.search-hero{padding-top:84px}.search-hero.compact{padding-top:78px}.content-only .site-content{padding-top:85px}.resource-section{scroll-margin-top:80px}.detail-logo-wrap.wordmark-logo{width:103px;flex-basis:103px}.wordmark-logo .detail-logo{width:91px;height:48px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}.search-groups button:hover,.section-tabs button:hover{transform:none}}
@media(prefers-reduced-motion:reduce){}.wide-wordmark-logo.detail-logo-wrap{width:192px;flex-basis:192px}.wide-wordmark-logo .detail-logo{width:172px}.wide-wordmark-logo.detail-related-logo-wrap{width:104px;flex-basis:104px}.wide-wordmark-logo .detail-related-logo{width:104px}.detail-guidance{margin:0 0 22px;padding:17px 20px;border:1px solid var(--line);border-radius:8px}.detail-guidance .detail-section-title{font-size:15px;margin-bottom:8px}.detail-guidance p{font-size:13px;line-height:1.8;color:#586e89}.detail-source{font-size:12px;margin:0 0 20px}.detail-source a{color:#356dac}.blog-search-results{margin-top:32px}.blog-search-results>h2{font-size:18px;color:#37465a;margin-bottom:16px}[data-theme=dark] .detail-guidance p{color:#bbc9db}[data-theme=dark] .detail-source a{color:#91bdfa}[data-theme=dark] .blog-search-results>h2{color:#e2ebf8}@media(max-width:520px){.wide-wordmark-logo.detail-logo-wrap{width:120px;flex-basis:120px}.wide-wordmark-logo .detail-logo{width:106px}}

/* Keep the SVG edge transparent over both wallpaper themes. */
.hero-brand img{background:transparent;border-radius:0;box-shadow:none}

/* v8 real-time clock and photographic covers */
.hero-clock{display:flex;flex-direction:column;align-items:center;gap:6px;color:#fff;text-shadow:0 2px 16px #102b4280;margin:0 auto 22px}.hero-clock time{font-size:44px;font-weight:550;letter-spacing:3px;font-variant-numeric:tabular-nums;line-height:1.1}.clock-date{font-size:14px;letter-spacing:1px;opacity:.92}.search-hero.compact .hero-clock{display:none}.article-cover-image,.blog-card-image{object-fit:cover}.article-image-credit{font-size:12px;opacity:.8}@media(max-width:600px){.hero-clock{margin-bottom:18px}.hero-clock time{font-size:35px}.clock-date{font-size:12px}}

/* v9.1: a prominent clock with a bounded, stable width on small screens. */
.hero-clock{gap:8px;margin-bottom:16px;max-width:100%}.hero-clock time{font-size:clamp(112px,12vw,154px);line-height:1;letter-spacing:.02em;font-variant-numeric:tabular-nums;font-feature-settings:"tnum";font-kerning:none;min-width:8ch;white-space:nowrap;text-align:center}.clock-date{font-size:30px;line-height:1.3;letter-spacing:1px}.search-hero:not(.compact){padding-bottom:38px}
@media(max-width:960px){.hero-clock time{font-size:clamp(104px,15vw,144px)}.clock-date{font-size:27px}}
@media(max-width:600px){.hero-clock{gap:6px;margin-bottom:16px}.hero-clock time{font-size:clamp(56px,19vw,104px)}.clock-date{font-size:clamp(17px,4.4vw,24px);letter-spacing:.5px}.search-hero:not(.compact){padding-bottom:26px}}
/* The official Open University white logo needs contrast in every theme. */
.resource-icon[src$="/openlearn.svg"],.detail-logo[src$="/openlearn.svg"],.detail-related-logo[src$="/openlearn.svg"]{background:#17263b!important;padding:4px;border-radius:4px}

/* Public business contact reuses the existing about page and footer. */
.business-contact{margin-top:26px;padding-top:24px;border-top:1px solid var(--line)}.business-contact h2{margin-top:0;scroll-margin-top:88px}.business-email-label{display:block;margin:14px 0 7px;font-size:12px;color:var(--muted)}.business-email{display:block;width:100%;max-width:340px;padding:11px 12px;background:transparent;border:1px solid var(--line);border-radius:6px;line-height:1.5;font-size:14px;cursor:text}.business-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.business-copy,.business-mail{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:9px 16px;border-radius:6px;font-size:13px}.business-copy{background:#3566aa;border-color:#3566aa;color:#fff}.business-copy:hover{filter:brightness(.96);color:#fff}.business-copy:disabled{opacity:.65;cursor:wait}.business-mail{border:1px solid var(--line);color:var(--accent)}.business-mail:hover{background:#3566aa0d}.info-panel .business-contact-status{margin:12px 0 0;font-size:12px;line-height:1.8;color:var(--muted)}[data-theme=dark] .business-copy,[data-theme=dark] .business-copy:hover{background:var(--accent);border-color:var(--accent);color:#102338}
@media(max-width:600px){.business-contact h2{scroll-margin-top:80px}.business-email{max-width:none}.site-footer nav{flex-wrap:wrap;row-gap:14px}}

/* Native photo colors; transition occupies only the empty space after search controls. */
.search-hero::before,[data-theme=dark] .search-hero::before{background-image:var(--hero-wallpaper);background-position:var(--hero-position,center);opacity:1;filter:none;backdrop-filter:none}
.search-hero,.search-hero:not(.compact),.search-hero.compact{padding-bottom:40px;opacity:1;filter:none;backdrop-filter:none}
.search-hero::after,.search-hero.compact::after,[data-theme=dark] .search-hero::after,[data-theme=dark] .search-hero.compact::after{inset:auto 0 0;height:32px;background:linear-gradient(to bottom,transparent,#fff);opacity:1;filter:none;backdrop-filter:none}
[data-theme=dark] .search-hero::after,[data-theme=dark] .search-hero.compact::after{background:linear-gradient(to bottom,transparent,#101822)}

/* Desktop sidebar: full width beside the wallpaper, a 72px icon rail further down; the rail expands over the content without reflowing it. */
:root{--rail:72px;--sidebar-motion:.26s cubic-bezier(.2,.7,.3,1)}
@media(min-width:961px){
.sidebar{transition:width var(--sidebar-motion),box-shadow var(--sidebar-motion)}
.main-shell{transition:margin-left var(--sidebar-motion)}
.topbar,[data-theme=dark] .topbar{transition:left var(--sidebar-motion)}
.sidebar-rail .sidebar{width:var(--rail)}
.sidebar-rail .main-shell{margin-left:var(--rail)}
.sidebar-rail .topbar,[data-theme=dark] .sidebar-rail .topbar{left:var(--rail)}
.sidebar-rail.sidebar-peek .sidebar{width:var(--sidebar);box-shadow:8px 0 28px #1c1f3b24}
.sidebar-rail.sidebar-peek .topbar,[data-theme=dark] .sidebar-rail.sidebar-peek .topbar{left:var(--sidebar)}
[data-theme=dark] .sidebar-rail.sidebar-peek .sidebar{box-shadow:8px 0 28px #0008}
.sidebar-brand{position:relative}
.nav-link>span{white-space:nowrap}
.sidebar-brand .site-brand-lockup,.nav-link>span,.sidebar-foot{transition:opacity .18s ease}
.sidebar-brand .site-brand-icon{position:absolute;left:calc(var(--rail) / 2 - 16px);top:50%;margin-top:-16px;opacity:0;transition:opacity .18s ease;pointer-events:none}
.sidebar-rail:not(.sidebar-peek) .sidebar-brand .site-brand-lockup,.sidebar-rail:not(.sidebar-peek) .nav-link>span,.sidebar-rail:not(.sidebar-peek) .sidebar-foot{opacity:0}
.sidebar-rail:not(.sidebar-peek) .sidebar-foot{visibility:hidden}
.sidebar-rail:not(.sidebar-peek) .sidebar-brand .site-brand-icon{opacity:1}
/* A constant-width wallpaper layer is cropped, not rescaled, while the sidebar changes width. */
.search-hero::before,[data-theme=dark] .search-hero::before{left:auto;width:calc(100vw - var(--rail))}
}
@media(max-width:960px){.sidebar-brand .site-brand-icon{display:none}}
.rail-tip{position:fixed;z-index:70;padding:5px 10px;border-radius:6px;background:#1c1f3b;color:#fff;font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none;opacity:0;transform:translate(-4px,-50%);transition:opacity .12s,transform .12s}
.rail-tip.show{opacity:1;transform:translate(0,-50%)}
[data-theme=dark] .rail-tip{background:#e0e8f4;color:#101822}

/* Phones: small round page tools instead of a full-width bottom bar; the consent notice spans the bottom edge. */
@media(max-width:600px){
body{padding-bottom:0}
html{scroll-padding-bottom:0}
.page-tools,[data-theme=dark] .page-tools{left:auto;right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));height:auto;padding:0;flex-direction:column;gap:8px;background:none;border:0;backdrop-filter:none}
.page-tools button{width:42px;min-width:0;height:42px;padding:10px;border-radius:50%;box-shadow:0 4px 14px #1c1f3b1f}
.page-tools .tool-label{display:none}
body .analytics-consent{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));transform:none;max-width:none;gap:10px 12px;padding:12px 14px;justify-content:flex-end}
body .analytics-consent p{flex-basis:100%}
}

/* Related-card name fallbacks stay readable on narrow screens. */
.article-resource-logo-wrap.network-detail-icon .network-icon-fallback,.detail-related-logo-wrap.network-detail-icon .network-icon-fallback{font-size:24px}

/* These verified source images already include whitespace: avoid adding another inset. Keep the entire original image, without scaling or cropping. */
:is(.article-resource-logo-wrap,.detail-related-logo-wrap).network-source-icon-slot:has(>img[src*="icons/network/yifen-airport.png"]),:is(.article-resource-logo-wrap,.detail-related-logo-wrap).network-source-icon-slot:has(>img[src*="icons/network/liangxin-cloud.png"]){padding:0}