/* Control polish only. No page geometry or content changes. */
:root{--control-ring:#d6c2f5;--control-outline:#c8b5e52b;}
header nav{background:linear-gradient(180deg,#303037d9,#24252bdb);border-color:#ffffff0b;box-shadow:inset 0 1px 0 #ffffff0a,inset 0 -1px 0 #0002,0 8px 24px #00000020;}
header nav a{position:relative;isolation:isolate;color:#b7b5c4;transition:color 160ms,background 160ms,box-shadow 160ms;}
header nav a svg{color:#a6a0b4;transition:color 160ms;}
header nav a.active{background:linear-gradient(160deg,#57515f,#423e4d);color:#f2eafa;box-shadow:inset 0 1px 0 #ffffff12,inset 0 0 0 1px #d3bdf014,0 3px 9px #0002;}
header nav a.active svg{color:#dbc5f6;}
@media(hover:hover){header nav a:hover{background:#c7b5e60b;color:#eee7f7;box-shadow:inset 0 0 0 1px #d3bdf00b;}header nav a:hover svg{color:#d2bdea;}header nav a.active:hover{background:linear-gradient(160deg,#645a71,#4b435a);}}
header nav a:active{background:#c7b5e61a;box-shadow:inset 0 2px 5px #0002;}
.hero-actions .primary-button{background:linear-gradient(155deg,#decbf6,#c4aae7);border-color:#ecdcff40;color:#30203f;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #70419d25,0 5px 17px #a67bd215;transition:background 160ms,box-shadow 160ms,transform 160ms;}
.hero-actions .primary-button:hover{background:linear-gradient(155deg,#e8d8fc,#d2b9f1);box-shadow:inset 0 1px #ffffff65,0 7px 22px #ae83dc23;transform:translateY(-1px);}
.hero-actions .primary-button:active{transform:translateY(1px);box-shadow:inset 0 2px 5px #6c439e26;}
.hero-actions .quiet-button{background:linear-gradient(155deg,#ffffff07,#ffffff02);border-color:#d0b9ed2a;color:#cbc3d9;box-shadow:inset 0 1px #ffffff05,0 3px 10px #0000000c;transition:background 160ms,border-color 160ms,box-shadow 160ms;}
.hero-actions .quiet-button svg{color:#c6b0e2;}
.hero-actions .quiet-button:hover{background:linear-gradient(155deg,#cbb6e914,#cbb6e907);border-color:#d0b9ed50;color:#f0e4ff;box-shadow:inset 0 1px #ffffff09;}
.hero-actions .quiet-button:active{background:#cbb6e91a;box-shadow:inset 0 2px 4px #0002;}
.hero-actions> a>span{transition:transform 160ms,color 160ms;}
.hero-actions> a:hover>span{transform:translate(1px,-1px);color:inherit;}
header .search-toggle{background:linear-gradient(155deg,#ffffff08,#ffffff02);border-color:#c9bbdd25;color:#aaa2ba;box-shadow:inset 0 1px #ffffff06,0 4px 14px #0000000d;transition:background 160ms,border-color 160ms,box-shadow 160ms;}
header .search-toggle svg{color:#b9a8ce;}
header .search-toggle:hover{background:linear-gradient(155deg,#d0b5f213,#ffffff04);border-color:#c9bbdd48;box-shadow:inset 0 1px #ffffff09,0 0 15px #bb99e506;color:#e0d4ef;}
header .search-toggle:active{background:#c9b3e516;box-shadow:inset 0 2px 4px #0002;}
header .search-toggle kbd{border-color:#ffffff15;background:#ffffff03;color:#a191b6;box-shadow:0 1px #0002;}
.round-arrow,.system-visual .visual-arrow{display:grid;place-items:center;border:1px solid #dfcaf52d;border-radius:50%;background:linear-gradient(145deg,#ffffff09,#ffffff02);color:#c9bfda;width:33px;height:33px;font-size:16px;box-shadow:inset 0 1px #ffffff06;transition:background 180ms,border-color 180ms,color 180ms,transform 180ms;}
.system-visual .visual-arrow{right:18px;bottom:20px;}
.tool-card:hover .round-arrow,.system-visual:hover .visual-arrow{background:#d7bff01a;border-color:#dfcaf55c;color:#f0ddff;transform:translate(1px,-1px);}
.tool-card:active .round-arrow,.system-visual:active .visual-arrow{transform:scale(.94);background:#d7bff02b;}
.section-title>a{border-radius:6px;transition:color 160ms;text-underline-offset:5px;}
.section-title>a:hover{color:#dfc8fa;text-decoration:underline;text-decoration-color:#dfc8fa55;}
#search-dialog{border-color:#d0b8ef25;box-shadow:inset 0 1px #ffffff06,0 25px 100px #0008;}
#search-close{border:1px solid #ffffff0c;background:#ffffff03;border-radius:50%;height:30px;width:30px;display:grid;place-items:center;padding:0;font-size:22px;line-height:1;color:#b4a5ca;transition:background 160ms,color 160ms;}
#search-close:hover{background:#d1b4f418;color:#f0ddff;}
#resource-search{background:#11121980;border-color:#ffffff15;transition:border-color 160ms,box-shadow 160ms;}
#resource-search:focus{outline:none;border-color:#cbb6e660;box-shadow:0 0 0 3px #cbb6e60b;}
#search-results>a{transition:background 160ms,color 160ms;border-radius:8px;padding-left:9px;padding-right:9px;}
#search-results>a:hover{background:#cdb7ea08;color:#e0c9fc;}
header nav a:focus-visible,.hero-actions a:focus-visible,.search-toggle:focus-visible,.tool-card:focus-visible,.system-visual:focus-visible,#search-close:focus-visible{outline:2px solid var(--control-ring);outline-offset:4px;}
@media(max-width:700px){.round-arrow,.system-visual .visual-arrow{width:28px;height:28px;font-size:14px;}.system-visual .visual-arrow{bottom:19px;right:17px;}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;}.hero-actions .primary-button:hover,.hero-actions .primary-button:active,.hero-actions>a:hover>span,.tool-card:hover .round-arrow,.system-visual:hover .visual-arrow{transform:none;}}

/* Shared controls across CMS pages. */
.legacy-page .downBtn,.legacy-page .down a,.legacy-page .submit-btn,.legacy-page .reply-submit,.legacy-page .unlock-btn{background:linear-gradient(155deg,#decbf6,#c4aae7)!important;border:1px solid #ecdcff35!important;box-shadow:inset 0 1px #ffffff38,0 4px 14px #aa82ce12!important;transition:filter .16s,box-shadow .16s!important;}
.legacy-page .downBtn:hover,.legacy-page .submit-btn:hover{filter:brightness(1.08);}
.legacy-page .downBtn:active,.legacy-page .submit-btn:active{box-shadow:inset 0 2px 4px #62338230!important;}
.legacy-page .tag-cloud-item,.legacy-page .pagination a,.legacy-page .pagebar a,.legacy-page .down-btns a{background:linear-gradient(145deg,#ffffff07,#ffffff02)!important;border-color:#c9b5e324!important;box-shadow:inset 0 1px #ffffff05!important;transition:background .16s,border-color .16s,color .16s!important;}
.legacy-page .tag-cloud-item:hover,.legacy-page .pagination a:hover,.legacy-page .down-btns a:hover{background:#cbb7ee14!important;border-color:#cbb7ee50!important;color:#e3d0fa!important;}
.legacy-page .side_r .listArt dl{border:1px solid #ffffff0b!important;border-radius:15px!important;box-shadow:inset 0 1px #ffffff04!important;background:linear-gradient(145deg,#202129,#191b22)!important;margin-bottom:18px!important;}
.legacy-page .side_r .listArt dl dt{padding:16px 15px 11px!important;background:transparent!important;border-bottom:0!important;}
.legacy-page .side_r .listArt .right-title{font-size:13px!important;color:#d2cbdc!important;}
.legacy-page .side_r .listArt dl dd{padding:0 12px 10px!important;}
.legacy-page .side_r .listArt dl dd ul li{border:0!important;border-bottom:1px solid #ffffff07!important;background:transparent!important;border-radius:7px!important;padding:9px 3px!important;margin:0!important;min-height:39px!important;gap:9px;box-shadow:none!important;transform:none!important;}
.legacy-page .side_r .listArt dl dd ul li:last-child{border-bottom:0!important;}
.legacy-page .side_r .listArt dl dd ul li a{font-size:11px!important;line-height:1.7!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;white-space:normal!important;color:#a9a3b9!important;}
.legacy-page .side_r .listArt dl dd ul li .rank-num{background:transparent!important;color:#777385!important;font-weight:400!important;font-size:11px!important;margin:0!important;width:20px!important;flex:0 0 20px!important;}
.legacy-page .side_r .listArt dl dd ul li:nth-child(-n+3) .rank-num{color:#cfb5ed!important;background:#c9a6ef0b!important;}
.legacy-page .side_r .listArt dl dd ul li:hover{background:#c9b5e607!important;}
html.is-navigating{cursor:progress;}html.is-navigating:before{content:'';position:fixed;top:0;left:0;width:72%;height:2px;background:linear-gradient(90deg,#9d82c7,#e1c8fc);z-index:99999;box-shadow:0 0 10px #c8a1eb55;animation:nav-progress 1.8s ease-out forwards;}
@keyframes nav-progress{from{width:8%}to{width:90%}}
@view-transition{navigation:auto;}
::view-transition-old(root){animation:page-fade-out .10s ease both;}::view-transition-new(root){animation:page-fade-in .14s ease both;}
@keyframes page-fade-out{to{opacity:0}}@keyframes page-fade-in{from{opacity:.4}to{opacity:1}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none;}html.is-navigating:before{animation:none;width:85%;}}

header nav a{position:relative;}header nav a .nav-new-badge{position:absolute;right:5px;top:0px;display:grid!important;place-items:center;min-width:15px;height:16px;padding:0 3px;border-radius:6px;border:1px solid #f5e9c35c;background:linear-gradient(145deg,#766b50eb,#3b3832f2);color:#fff3ce;font:600 10px/1 "Segoe UI",sans-serif;letter-spacing:0;box-shadow:0 0 7px #e8ce8875,0 0 17px #e8ce8830,inset 0 1px #fff6df35;text-shadow:0 0 5px #ffe7a8;pointer-events:none;}@media(max-width:700px){header nav a .nav-new-badge{right:1px;top:0px;min-width:14px;height:15px;font-size:9px;}}

/* Identical shared header metrics on home and legacy pages. */
html{scrollbar-gutter:stable;}
body>header,.legacy-page>header{max-width:1380px;width:100%;margin-left:auto;margin-right:auto;padding-left:48px;padding-right:48px;box-sizing:border-box;display:flex;align-items:center;justify-content:space-between;gap:24px;min-width:0;font-family:"Segoe UI","Microsoft YaHei",sans-serif;}
body>header .brand,.legacy-page>header .brand{flex:0 0 170px;line-height:1.3;white-space:nowrap;}
body>header .brand b,.legacy-page>header .brand b{font-size:23px;line-height:1.3;letter-spacing:1px;}
body>header .brand small,.legacy-page>header .brand small{font-size:7px;line-height:1.4;font-weight:400;letter-spacing:2.1px;}
body>header nav,.legacy-page>header nav{flex:0 0 auto;gap:4px;padding:6px;border-width:1px;box-sizing:border-box;}
body>header nav a,.legacy-page>header nav a{display:flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;padding:13px 16px!important;margin:0!important;border:0!important;font:400 12px/18px "Segoe UI","Microsoft YaHei",sans-serif!important;letter-spacing:0!important;transform:none!important;min-height:44px;box-sizing:border-box;white-space:nowrap!important;}
body>header nav a svg,.legacy-page>header nav a svg{width:17px!important;height:17px!important;flex:0 0 17px!important;}
body>header .search-toggle,.legacy-page>header .search-toggle{flex:0 0 164px;height:40px;box-sizing:border-box;}
@media(min-width:1151px){body>header,.legacy-page>header{height:106px;flex-wrap:nowrap;}}
@media(max-width:1250px){body>header nav a,.legacy-page>header nav a{font-size:11px!important;padding:12px 11px!important;gap:6px!important;}}
@media(max-width:1150px){body>header,.legacy-page>header{height:auto;flex-wrap:wrap;padding-top:23px;padding-bottom:15px;row-gap:20px;}body>header nav,.legacy-page>header nav{order:3;max-width:100%;margin:0 auto;overflow-x:auto;}body>header .search-toggle,.legacy-page>header .search-toggle{order:2;}}
@media(max-width:700px){body>header,.legacy-page>header{padding-left:22px;padding-right:22px;}body>header nav,.legacy-page>header nav{width:100%;justify-content:flex-start;}body>header nav a,.legacy-page>header nav a{padding:11px 13px!important;font-size:11px!important;gap:6px!important;}body>header .search-toggle,.legacy-page>header .search-toggle{flex:0 0 37px;}}

body>header .search-toggle,.legacy-page>header .search-toggle{flex:0 0 178px!important;width:178px!important;height:44px!important;padding:0 17px!important;gap:11px!important;justify-content:flex-start!important;border-radius:14px!important;border:1px solid #d8c6ef24!important;background:linear-gradient(130deg,#c3b5df14,#ffffff05)!important;box-shadow:inset 0 1px #ffffff0a,0 5px 18px #00000012!important;backdrop-filter:blur(16px);color:#c8c0d7!important;}body>header .search-toggle svg{width:18px!important;height:18px!important;color:#c8b5e5!important;}body>header .search-toggle small{font-size:12px!important;font-weight:400;letter-spacing:.2px;color:#bcb4cd!important;}body>header .search-toggle kbd{display:none!important;}body>header .search-toggle:hover{background:linear-gradient(130deg,#cdb7ef22,#ffffff09)!important;border-color:#dac3f64d!important;box-shadow:inset 0 1px #ffffff12,0 5px 22px #ad88d20b!important;}body>header .search-toggle:active{box-shadow:inset 0 2px 6px #0002!important;}@media(max-width:700px){body>header .search-toggle,.legacy-page>header .search-toggle{flex:0 0 42px!important;width:42px!important;height:42px!important;padding:0!important;border-radius:13px!important;justify-content:center!important;}body>header .search-toggle small{display:none!important;}}