:root{--orange:#f47a00;--orange-hi:#ffb02e;--orange-dark:#b44f00;--wood:#8a5223;--wood-hi:#b97a3e;--wood-dark:#4c2a0c;--cream:#fff8e4;--cream-2:#fff1c8;--cream-line:#e7c17c;--green:#5fb321;--green-dark:#2f7a0c;--blue:#2f8fe0;--blue-dark:#145da8;--ink:#4a2a0e;--muted:#8a6a48;--danger:#d23a2a;--font:"Noto Sans TC", "PingFang TC", "Microsoft JhengHei", "PingFang SC", "Microsoft YaHei", sans-serif;--site:1000px}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:#a6dcff url(/img/game/bg-sky.jpg) top/1920px no-repeat;min-height:100vh;margin:0;font-size:14px;line-height:1.65}img{max-width:100%;display:block}a{color:var(--orange-dark);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{color:var(--wood-dark);margin:0 0 .5em;line-height:1.3}p{margin:0 0 .9em}.outline-dark{color:#fff;text-shadow:-1px -1px 0 var(--wood-dark), 1px -1px 0 var(--wood-dark), -1px 1px 0 var(--wood-dark), 1px 1px 0 var(--wood-dark), 0 2px 0 var(--wood-dark)}.site{width:var(--site);margin:0 auto}.top{height:210px;position:relative}.top-logo{filter:drop-shadow(0 6px 8px #28140059);width:250px;transition:transform .2s;position:absolute;top:14px;left:6px}.top-logo:hover{transform:rotate(-2deg)scale(1.03)}.top-chars{pointer-events:none;align-items:flex-end;display:flex;position:absolute;bottom:-6px;right:0}.top-chars img{filter:drop-shadow(0 6px 6px #00000040)}.top-chars .c1{height:200px;margin-right:-30px}.top-chars .c2{height:205px}.top-links{z-index:2;gap:6px;display:flex;position:absolute;top:10px;right:10px}.chip{font:inherit;color:#fff;cursor:pointer;background:#4c2a0cc7;border:2px solid #fff;border-radius:12px;padding:3px 10px;font-size:12px;font-weight:700}.chip:hover{background:var(--orange);text-decoration:none}.menu{z-index:3;border:3px solid var(--wood-dark);background:repeating-linear-gradient(90deg, #0000000d 0 3px, transparent 3px 9px), linear-gradient(180deg, var(--wood-hi), var(--wood) 55%, #6f3f17);border-radius:14px;align-items:center;gap:6px;padding:8px 10px;display:flex;position:relative;box-shadow:inset 0 2px #ffffff59,0 6px #4c2a0c59}.menu a{text-align:center;white-space:nowrap;border:2px solid var(--orange-dark);background:linear-gradient(180deg, #ffd27a, var(--orange-hi) 40%, var(--orange));box-shadow:inset 0 2px 0 #fff9, 0 3px 0 var(--orange-dark);border-radius:9px;flex:1;padding:7px 4px;font-size:15px;font-weight:900}.menu a:hover{filter:brightness(1.08);text-decoration:none;transform:translateY(-1px)}.menu a.active{background:linear-gradient(180deg, #d9ff8a, #8fd43a 45%, var(--green));border-color:var(--green-dark);box-shadow:inset 0 2px 0 #fff9, 0 3px 0 var(--green-dark)}.body{grid-template-columns:228px 1fr;gap:14px;margin-top:14px;display:grid}.home-grid{grid-template-columns:1fr 222px;gap:14px;display:grid}.col{align-content:start;gap:14px;min-width:0;display:grid}.win{background:var(--cream);border:3px solid var(--orange-dark);border-radius:12px;overflow:hidden;box-shadow:0 5px #78370059,0 10px 22px #3c1e002e}.win-title{background:linear-gradient(180deg, #ffc35c, var(--orange) 60%, #e56c00);border-bottom:2px solid var(--orange-dark);align-items:center;gap:8px;padding:6px 12px;font-size:16px;font-weight:900;display:flex;box-shadow:inset 0 2px #ffffff73}.win-title img{object-fit:contain;width:26px;height:26px}.win-title .more{color:#fff;text-shadow:none;margin-left:auto;font-size:12px;font-weight:700}.win-body{padding:12px 14px}.win.wood{border-color:var(--wood-dark)}.win.wood .win-title{background:linear-gradient(180deg, var(--wood-hi), var(--wood));border-bottom-color:var(--wood-dark)}.btn{cursor:pointer;font:inherit;border:2px solid var(--orange-dark);color:#fff;text-shadow:-1px -1px #7a3300,1px -1px #7a3300,-1px 1px #7a3300,1px 1px #7a3300;background:linear-gradient(180deg, #ffd27a, var(--orange-hi) 40%, var(--orange));box-shadow:inset 0 2px 0 #ffffff8c, 0 4px 0 var(--orange-dark);border-radius:10px;justify-content:center;align-items:center;gap:8px;padding:8px 18px;font-size:15px;font-weight:900;text-decoration:none;transition:transform .1s,filter .1s;display:inline-flex}.btn:hover{filter:brightness(1.08);text-decoration:none}.btn:active{box-shadow:inset 0 2px 0 #ffffff8c, 0 1px 0 var(--orange-dark);transform:translateY(3px)}.btn:disabled{filter:grayscale(.7);opacity:.7;cursor:not-allowed;transform:none}.btn-sky,.btn-blue{border-color:var(--blue-dark);background:linear-gradient(180deg, #9bd8ff, #4aa8f0 45%, var(--blue));box-shadow:inset 0 2px 0 #ffffff8c, 0 4px 0 var(--blue-dark);text-shadow:-1px -1px #0b3d73,1px -1px #0b3d73,-1px 1px #0b3d73,1px 1px #0b3d73}.btn-green{border-color:var(--green-dark);background:linear-gradient(180deg, #d9ff8a, #8fd43a 45%, var(--green));box-shadow:inset 0 2px 0 #ffffff8c, 0 4px 0 var(--green-dark);text-shadow:-1px -1px #1d4f06,1px -1px #1d4f06,-1px 1px #1d4f06,1px 1px #1d4f06}.btn-ghost{color:var(--orange-dark);text-shadow:none;border-color:var(--cream-line);box-shadow:0 3px 0 var(--cream-line);background:#fff}.btn-small{border-radius:8px;padding:4px 12px;font-size:13px}.btn-lg{padding:12px 26px;font-size:18px}.btn-block{width:100%;display:flex}.big-download{background:linear-gradient(#fff36b,#ffbe1a 35%,#ff7a00 70%,#ff4a00);border:3px solid #a51f00;border-radius:16px;align-items:center;gap:10px;padding:14px;text-decoration:none;transition:transform .12s,filter .12s;display:flex;box-shadow:inset 0 3px #ffffffb3,0 6px #8a1a00,0 12px 20px #96280059}.big-download:hover{filter:brightness(1.05);text-decoration:none;transform:translateY(-2px)rotate(-1deg)}.big-download img{width:52px;height:52px}.big-download b{color:#fff;text-shadow:-2px -2px #9a1d00,2px -2px #9a1d00,-2px 2px #9a1d00,2px 2px #9a1d00,0 3px #9a1d00;font-size:24px;line-height:1.1;display:block}.big-download small{color:#6a1500;font-weight:700}.side-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.side-buttons .btn{padding:8px 6px;font-size:14px}.status-row{align-items:center;gap:8px;font-weight:700;display:flex}.dot{background:#3cc760;border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #3cc76040}.dot.off{box-shadow:none;background:#b9a58b}.mini-form{gap:7px;display:grid}.mini-form .input{padding:6px 9px;font-size:13px}.user-box{text-align:center}.user-box .name{color:var(--wood-dark);font-size:17px;font-weight:900}.kv{text-align:left;grid-template-columns:auto 1fr;gap:2px 10px;margin:6px 0 10px;font-size:13px;display:grid}.kv span:nth-child(odd){color:var(--muted)}.kv b{font-variant-numeric:tabular-nums}.slider{border:4px solid var(--wood-dark);aspect-ratio:800/380;background:#000;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 6px #4c2a0c66,0 12px 24px #0003}.slider img{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .7s;position:absolute;inset:0}.slider img.on{opacity:1}@media (prefers-reduced-motion:reduce){.slider img{transition:none}}.slider-caption{color:#fff;background:#4c2a0cd1;border:2px solid #ffcf7a;border-radius:10px;padding:4px 14px;font-size:15px;font-weight:900;position:absolute;bottom:12px;left:12px}.slider-dots{gap:6px;display:flex;position:absolute;bottom:14px;right:12px}.slider-dots button{cursor:pointer;background:#ffffff59;border:2px solid #fff;border-radius:50%;width:12px;height:12px;padding:0}.slider-dots button.on{background:var(--orange-hi)}.notice-tabs{gap:4px;margin-left:10px;display:flex}.notice-tabs button{font:inherit;color:#fff;cursor:pointer;text-shadow:0 1px #7a3300;background:#ffffff4d;border:2px solid #7832008c;border-radius:8px;padding:1px 10px;font-size:12px;font-weight:900}.notice-tabs button.on{color:var(--orange-dark);text-shadow:none;background:#fff}.notice-list{margin:0;padding:0;list-style:none}.notice-list li{border-bottom:1px dashed var(--cream-line);align-items:center;gap:8px;padding:7px 2px;display:flex}.notice-list li:last-child{border-bottom:0}.notice-list a{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:700;overflow:hidden}.notice-list time{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.tag{color:#fff;background:var(--orange);white-space:nowrap;border-radius:6px;padding:0 7px;font-size:12px;font-weight:900;display:inline-block}.tag.event{background:var(--green)}.tag.update{background:var(--blue)}.villages{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.village{text-align:center;background:var(--cream-2);border:2px solid var(--cream-line);border-radius:10px;padding:8px 4px 10px;transition:transform .15s}.village:hover{transform:translateY(-3px)}.village img{object-fit:contain;width:86px;height:82px;margin:0 auto 4px}.village b{font-size:13px;display:block}.village span{color:var(--muted);font-size:11px;line-height:1.4;display:block}.rank-mini{margin:0;padding:0;list-style:none}.rank-mini li{border-bottom:1px dashed var(--cream-line);align-items:center;gap:8px;padding:5px 0;display:flex}.rank-mini li:last-child{border-bottom:0}.rank-mini .who{text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.rank-mini .val{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.rank-badge{width:24px;height:24px;color:var(--muted);background:#f3e2bf;border-radius:50%;flex-shrink:0;place-items:center;font-size:12px;font-weight:900;display:inline-grid}.rank-1{color:#5b3500;background:linear-gradient(#ffe27a,#f2b10f)}.rank-2{color:#36475d;background:linear-gradient(#f1f4f8,#b9c6d6)}.rank-3{color:#5a2a06;background:linear-gradient(#ffd2ae,#d9864a)}.guide{grid-template-columns:74px 1fr;align-items:end;gap:8px;display:grid}.guide img{width:74px}.bubble{border:2px solid var(--cream-line);background:#fff;border-radius:12px;margin-bottom:26px;padding:8px 10px;font-size:13px;position:relative}.bubble:after{content:"";border:8px solid #0000;border-right-color:var(--cream-line);border-left:0;position:absolute;bottom:12px;left:-9px}.guide-steps{margin:8px 0 0;padding-left:18px;font-size:13px}.page-win{min-height:420px}.page-win .win-title{padding:8px 14px;font-size:18px}.page-win>.win-body{padding:18px 20px 24px}.page-lead{color:var(--muted);margin-bottom:16px}.panel{border:2px solid var(--cream-line);background:#fff;border-radius:12px;padding:16px}.narrow{max-width:420px;margin:0 auto}.medium{max-width:100%}.form{gap:12px;display:grid}.field label{margin-bottom:4px;font-weight:900;display:block}.field small{color:var(--muted)}.input{width:100%;font:inherit;border:2px solid var(--cream-line);color:var(--ink);background:#fffdf6;border-radius:8px;outline:none;padding:8px 11px}.input:focus{border-color:var(--orange);background:#fff}.captcha-row{align-items:center;gap:8px;display:flex}.captcha-row .input{flex:1;min-width:0}.captcha-row .btn{white-space:nowrap;flex-shrink:0}.captcha-row img{border:2px solid var(--cream-line);background:#fff;border-radius:8px;height:42px}.alert{border-radius:8px;padding:8px 12px;font-size:13px;font-weight:700}.alert-error{color:var(--danger);background:#ffe4df;border:2px solid #f5b5aa}.alert-ok{color:var(--green-dark);background:#ecf9dc;border:2px solid #c4e8a0}.form-foot{text-align:center;color:var(--muted);font-size:13px}.stats{grid-template-columns:repeat(3,1fr);gap:10px;margin:12px 0;display:grid}.stat{background:var(--cream-2);border:2px solid var(--cream-line);border-radius:10px;padding:8px 12px}.stat .k{color:var(--muted);font-size:12px}.stat .v{font-variant-numeric:tabular-nums;font-size:20px;font-weight:900}.stat.nana{background:linear-gradient(#e9ffd0,#c9f19a);border-color:#9fd767}.table{border-collapse:collapse;font-variant-numeric:tabular-nums;background:#fff;border-radius:10px;width:100%;overflow:hidden}.table th{background:var(--cream-2);color:var(--wood-dark);text-align:left;padding:8px 10px;font-size:13px}.table td{border-top:1px dashed var(--cream-line);padding:8px 10px}.tabs{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.tab{font:inherit;cursor:pointer;border:2px solid var(--cream-line);color:var(--muted);background:#fff;border-radius:9px;padding:5px 16px;font-weight:900}.tab.on{border-color:var(--orange-dark);background:linear-gradient(180deg, #ffd27a, var(--orange));color:#fff;text-shadow:0 1px #7a3300}.steps{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:16px;display:grid}.step{border:2px solid var(--cream-line);background:#fff;border-radius:12px;padding:12px}.step .num{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;margin-bottom:4px;font-weight:900;display:grid}.step h3{margin-bottom:2px;font-size:15px}.step p{color:var(--muted);margin:0;font-size:13px}.download-box{grid-template-columns:1fr 220px;align-items:center;gap:16px;display:grid}.packages{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px;margin:10px 0 14px;display:grid}.package{font:inherit;text-align:center;cursor:pointer;border:3px solid var(--cream-line);color:var(--ink);background:#fff;border-radius:12px;padding:12px 8px}.package.on{border-color:var(--orange);background:#fff4dc}.package .nana{color:var(--green-dark);font-size:20px;font-weight:900}.package .price{color:var(--wood);font-weight:700}.topup-layout{grid-template-columns:170px 1fr;align-items:start;gap:14px;display:grid}.article{line-height:1.85}.article h2{margin-top:1em;font-size:18px}.article-cover{border:3px solid var(--wood-dark);border-radius:10px;margin-bottom:14px}.news-meta{color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:12px;display:flex}.center{text-align:center}.muted{color:var(--muted)}.spacer{height:14px}.hero-actions{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.footer{color:#f6deb8;background:linear-gradient(180deg, var(--wood), var(--wood-dark));border:3px solid var(--wood-dark);border-bottom:0;border-radius:14px 14px 0 0;align-items:center;gap:16px;margin-top:22px;padding:14px 20px;font-size:12px;display:flex}.footer img{width:86px}.footer a{color:#fff}@media (width<=1020px){.site{width:100%;padding:0 10px}}@media (width<=860px){body{background-size:1300px}.top{height:150px}.top-logo{width:170px;top:26px}.top-chars .c1{display:none}.top-chars .c2{height:140px}.menu{flex-wrap:wrap}.menu a{flex:30%;font-size:14px}.body,.home-grid{grid-template-columns:1fr}.side .win.wood{display:none}.villages{grid-template-columns:repeat(3,1fr)}.download-box,.topup-layout{grid-template-columns:1fr}.steps,.stats{grid-template-columns:1fr 1fr}}@media (width<=480px){.top-chars{display:none}.top-logo{width:150px}.menu a{flex:45%}.steps{grid-template-columns:1fr}.footer{text-align:center;flex-direction:column}}