:root{--win-face:silver;--win-white:#fff;--win-shadow:gray;--win-black:#000;--win-blue:navy;--win-blue-light:#1084d0;--el-wood:#2e7d32;--el-fire:#b22222;--el-earth:#8b5a2b;--el-metal:#a9a9a9;--el-water:#001f54}*{box-sizing:border-box}body{background:var(--win-face);min-height:100vh;color:var(--win-black);justify-content:center;align-items:center;margin:0;font-family:Tahoma,Segoe UI,Arial,system-ui,sans-serif;display:flex}.raised{border-style:solid;border-width:2px;border-color:var(--win-white) var(--win-shadow) var(--win-shadow) var(--win-white)}.sunken{border-style:solid;border-width:2px;border-color:var(--win-shadow) var(--win-white) var(--win-white) var(--win-shadow)}.window{background:var(--win-face);width:min(94vw,720px);margin:20px 0}.window-about{width:min(94vw,420px)}.title-bar{background:linear-gradient(90deg, var(--win-blue), var(--win-blue-light));color:var(--win-white);justify-content:space-between;align-items:center;gap:8px;padding:3px 4px 3px 8px;font-size:.85rem;font-weight:700;display:flex}.title-bar-btns{gap:2px;display:flex}.title-bar-btns span{text-align:center;background:var(--win-face);width:16px;height:14px;color:var(--win-black);font-size:.65rem;font-weight:700;line-height:14px;display:block}.menu-bar{background:var(--win-face);border-bottom:1px solid var(--win-shadow);gap:18px;padding:3px 8px;font-size:.8rem;display:flex}.window-body{background:var(--win-white);max-height:min(62vh,500px);padding:14px 16px;font-size:.85rem;line-height:1.5;overflow-y:auto}.status-bar{background:var(--win-face);padding:3px 8px;font-size:.75rem}h1{margin:0 0 10px;font-size:1.1rem}.tagline{margin:0 0 12px}.icon-nav{flex-wrap:wrap;gap:12px;margin:14px 0 4px;padding:0;list-style:none;display:flex}.icon-btn{background:var(--win-face);width:100px;color:var(--win-black);text-align:center;flex-direction:column;align-items:center;gap:6px;padding:10px 6px;font-size:.75rem;text-decoration:none;display:flex}.icon-btn:active,.icon-btn:focus-visible{border-color:var(--win-shadow) var(--win-white) var(--win-white) var(--win-shadow);outline:none}.icon-btn-sub{opacity:.7;font-size:.65rem;display:block}.btn{background:var(--win-face);color:var(--win-black);margin-top:14px;padding:6px 16px;font-size:.85rem;text-decoration:none;display:inline-block}.btn:active,.btn:focus-visible{border-color:var(--win-shadow) var(--win-white) var(--win-white) var(--win-shadow);outline:none}.row-list{flex-direction:column;gap:10px;margin:10px 0 16px;padding:0;list-style:none;display:flex}.row{border-bottom:1px solid var(--win-shadow);align-items:center;gap:10px;padding-bottom:8px;display:flex}.row:last-child{border-bottom:none}.row-text{flex-direction:column;gap:2px;display:flex}.row-title{font-size:.9rem;font-weight:700}.row-desc{font-size:.8rem;line-height:1.4}.tag{border:1px solid var(--win-black);color:var(--win-white);margin-left:6px;padding:1px 6px;font-size:.7rem;display:inline-block}.tag-wood{background:var(--el-wood)}.tag-fire{background:var(--el-fire)}.tag-earth{background:var(--el-earth)}.tag-metal{background:var(--el-metal);color:var(--win-black)}.tag-water{background:var(--el-water)}.pentagon-wrap{margin:18px 0}.pentagon-svg{width:min(84vw,380px);height:auto;margin:0 auto;display:block}.wx-gen-line{fill:none;stroke:var(--win-black);stroke-width:3px}.wx-ctrl-line{fill:none;stroke:var(--el-fire);stroke-width:2.5px;stroke-dasharray:7 5}.wx-gen-arrow{fill:var(--win-black)}.wx-ctrl-arrow{fill:var(--el-fire)}.wx-label-bg{fill:var(--win-white)}.wx-label-gen{fill:var(--win-black)}.wx-label-ctrl{fill:var(--el-fire)}.wx-node-wood{fill:var(--el-wood)}.wx-node-fire{fill:var(--el-fire)}.wx-node-earth{fill:var(--el-earth)}.wx-node-metal{fill:var(--el-metal)}.wx-node-water{fill:var(--el-water)}.wx-node-text{fill:var(--win-white);text-anchor:middle;font-family:Tahoma,Segoe UI,Arial,system-ui,sans-serif}.wx-node-text-dark{fill:var(--win-black)}.legend{flex-wrap:wrap;gap:16px;margin:10px 0 0;padding:0;font-size:.8rem;list-style:none;display:flex}.legend li{align-items:center;gap:6px;display:flex}.legend-swatch{border-top:3px solid var(--win-black);width:20px;height:0;display:inline-block}.legend-swatch-ctrl{border-top:3px dashed var(--el-fire)}table{border-collapse:collapse;background:var(--win-white);width:100%;margin:14px 0}thead th{background:var(--win-blue);color:var(--win-white);text-align:left;padding:6px 8px;font-size:.8rem;font-weight:400}td{border-bottom:1px solid var(--win-shadow);vertical-align:middle;padding:6px 8px;font-size:.8rem}td.icon-cell{width:44px}tbody th{border-bottom:1px solid var(--win-shadow);background:var(--win-face);color:var(--win-black);text-align:left;padding:6px 8px;font-size:.8rem;font-weight:700}.pillar-table th:first-child{width:80px}.badge{border:1px solid var(--win-black);margin-left:6px;padding:0 4px;font-size:.7rem;display:inline-block}.badge-yang{background:var(--win-black);color:var(--win-white)}.badge-yin{background:var(--win-white);color:var(--win-black)}.about-icon{justify-content:center;margin-bottom:10px;display:flex}.icon{background:var(--win-white);flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.icon-wood .icon-shape{width:18px;height:18px;position:relative}.icon-wood .icon-shape:before{content:"";clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(155deg, #7cc65a 0%, var(--el-wood) 80%);width:14px;height:13px;position:absolute;top:0;left:2px}.icon-wood .icon-shape:after{content:"";background:linear-gradient(#8b5a2b 0%,#5b3a1a 100%);width:4px;height:6px;position:absolute;bottom:0;left:7px}.icon-fire .icon-shape{clip-path:polygon(50% 0%,78% 22%,92% 55%,78% 82%,58% 100%,42% 100%,22% 82%,8% 55%,22% 22%);background:linear-gradient(180deg, #ffe066 0%, #ff9800 45%, var(--el-fire) 100%);width:14px;height:18px;position:relative}.icon-fire .icon-shape:before{content:"";clip-path:polygon(50% 0%,90% 60%,50% 100%,10% 60%);background:linear-gradient(#fff3c4 0%,#fc3 100%);width:6px;height:9px;position:absolute;top:5px;left:4px}.icon-earth .icon-shape{width:20px;height:15px;position:relative}.icon-earth .icon-shape:before{content:"";clip-path:polygon(50% 0%,100% 100%,0% 100%);background:linear-gradient(160deg, #b5824a 0%, var(--el-earth) 75%);width:20px;height:15px;position:absolute;bottom:0;left:0}.icon-earth .icon-shape:after{content:"";clip-path:polygon(50% 0%,100% 100%,0% 100%);background:var(--win-white);width:6px;height:5px;position:absolute;top:0;left:7px}.icon-metal .icon-shape{background:linear-gradient(100deg, #f5f5f5 0%, var(--el-metal) 50%, #6e6e6e 100%);width:15px;height:15px;position:relative;transform:rotate(45deg)}.icon-metal .icon-shape:before{content:"";background:#ffffff8c;width:4px;height:11px;position:absolute;top:2px;left:2px}.icon-water .icon-shape{background:linear-gradient(200deg, #5aa9e6 0%, var(--el-water) 75%);border-radius:50% 50% 50% 0;width:14px;height:14px;position:relative;transform:rotate(45deg)}.icon-water .icon-shape:before{content:"";background:#ffffffa6;border-radius:50%;width:4px;height:4px;position:absolute;top:3px;left:3px}.icon-chart .icon-shape{background:conic-gradient(var(--el-wood) 0deg 72deg, var(--el-fire) 72deg 144deg, var(--el-earth) 144deg 216deg, var(--el-metal) 216deg 288deg, var(--el-water) 288deg 360deg);border-radius:50%;width:18px;height:18px}