@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+TC:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#0d1718;--bg2:#122123;--panel:#18292a;--line:#304042;--ink:#f2f3e9;--muted:#acbdb6;--gold:#f7c83d;--green:#a9d7ae}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:'DM Sans','Noto Sans TC',sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{transition:.2s ease}button{cursor:pointer}.wrap{max-width:1250px;width:calc(100% - 80px);margin:auto}.notice{background:var(--gold);color:#1b211b;text-align:center;font-size:10px;font-weight:800;letter-spacing:.22em;padding:9px}.notice span{margin-left:22px;letter-spacing:.13em}.header{height:88px;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;gap:12px;white-space:nowrap}.brand img{width:38px;height:38px;object-fit:contain}.brand strong{font-size:22px;letter-spacing:-.065em}.brand strong span{color:var(--gold);font-size:12px;letter-spacing:0}.header nav{display:flex;gap:32px;margin:auto}.header nav a,.nav-cta{font-size:13px;font-weight:700}.header nav a:hover,.footer a:hover{color:var(--gold)}.nav-cta{border:1px solid #8e9984;padding:12px 18px}.nav-cta:hover{border-color:var(--gold);color:var(--gold)}.menu{display:none}.hero{min-height:660px;position:relative;overflow:hidden;background:#16272c}.hero-image,.hero-shade{position:absolute;inset:0}.hero-image{background:url('assets/hero.webp') center center/cover no-repeat}.hero-shade{background:linear-gradient(90deg,rgba(8,21,25,.94) 0%,rgba(8,21,25,.70) 36%,rgba(8,21,25,.1) 79%),linear-gradient(0deg,rgba(8,20,23,.65),transparent 45%)}.hero-content{position:relative;padding:108px 0 34px}.eyebrow,.kicker{font-size:11px;color:var(--gold);font-weight:800;letter-spacing:.21em}.eyebrow{display:flex;align-items:center;gap:13px}.pulse{width:9px;height:9px;background:var(--gold);box-shadow:0 0 0 5px #f7c83d33}.line{height:1px;width:36px;background:#d3bb6b}.hero h1{font-size:clamp(50px,6.4vw,94px);line-height:1.12;letter-spacing:-.075em;margin:37px 0 25px;font-weight:900}.hero h1 em,.community h2 em{font-style:normal;color:var(--gold)}.hero p{max-width:520px;color:#dce4df;font-size:17px;line-height:1.95}.hero-actions,.link-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:35px;padding:16px 23px;font-size:13px;font-weight:800}.btn.primary{background:var(--gold);color:#16201c}.btn.primary:hover{background:#ffe179;transform:translateY(-2px)}.btn.ghost{border:1px solid #aabbb999}.btn.ghost:hover,.btn.outline:hover{border-color:var(--gold);color:var(--gold)}.btn.outline{border:1px solid var(--line)}.hero-bottom{margin-top:90px;display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.22em;color:#d8e3de}.section{padding-top:112px;padding-bottom:112px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:38px}.section-head h2,.split h2,.server h2,.community h2,.about h2{font-size:clamp(34px,4vw,55px);line-height:1.2;letter-spacing:-.06em;margin:16px 0 0;font-weight:900}.dot{color:var(--gold)}.section-head>p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.8}.routes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.route{min-height:370px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #436060;background:linear-gradient(140deg,#29453f,#182b2d);overflow:hidden;position:relative}.route:hover{transform:translateY(-5px);border-color:var(--gold)}.route-b{background:linear-gradient(140deg,#614b2f,#2c2824)}.route-c{background:linear-gradient(140deg,#374956,#1d2d32)}.route-index,.route small{color:#d3e3db;font-size:10px;font-weight:800;letter-spacing:.16em}.route-icon{position:absolute;right:26px;top:62px;font-size:122px;color:#ffffff18;line-height:1}.route h3{font-size:29px;margin:12px 0;letter-spacing:-.05em}.route p{color:#d2ded8;font-size:13px;line-height:1.8;max-width:270px}.route b{display:block;margin-top:25px;color:var(--gold);font-size:13px}.catalog{background:#142224}.catalog-controls{display:flex;justify-content:space-between;gap:18px;margin-bottom:22px}.search{background:#1c3031;border:1px solid #425857;display:flex;align-items:center;gap:12px;padding:0 15px;min-width:300px}.search span{font-size:24px;color:var(--gold)}.search input{outline:none;background:none;color:var(--ink);border:0;width:100%;height:44px;font-size:13px}.search input::placeholder{color:#aab8b4}.filters{display:flex;gap:8px;flex-wrap:wrap}.filters button{border:1px solid #3b5352;color:#b4c9c3;background:none;padding:11px 16px;font-size:12px}.filters button:hover,.filters button.active{background:var(--gold);border-color:var(--gold);color:#15211b}.mod-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.mod{border:1px solid #344a48;padding:25px;background:#1b2e2f;min-height:290px;position:relative;display:flex;flex-direction:column}.mod[hidden]{display:none}.mod-glyph{width:45px;height:45px;display:grid;place-items:center;font-size:24px;font-weight:bold;background:#294d3e;color:#b4ecc0;margin-bottom:25px}.mod-glyph.gold{background:#594a2d;color:#ffdb80}.mod-glyph.blue{background:#304863;color:#a7d4ff}.mod-glyph.purple{background:#473959;color:#d3b8f2}.tag{position:absolute;right:22px;top:31px;font-size:10px;color:var(--muted)}.mod h3{font-size:19px;margin:0 0 10px}.mod p{color:var(--muted);font-size:12px;line-height:1.8;margin:0 0 22px}.mod a{font-size:12px;font-weight:800;color:var(--gold);margin-top:auto}.mod a:hover,.text-link:hover{text-decoration:underline}.text-link{display:inline-block;color:var(--gold);font-size:13px;font-weight:800;margin-top:31px}.empty{padding:25px;border:1px solid var(--line);color:var(--muted)}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.lead{color:var(--muted);font-size:15px;line-height:2;max-width:490px;margin:25px 0}.steps{border-top:1px solid var(--line)}.steps>div{display:flex;gap:24px;border-bottom:1px solid var(--line);padding:17px 0}.steps b{font-size:13px;color:var(--gold)}.steps strong,.steps small{display:block}.steps strong{font-size:14px}.steps small{font-size:12px;color:var(--muted);margin-top:5px}.skin-art{height:535px;background:linear-gradient(145deg,#b9a15e,#66583a 62%,#3c4035);padding:30px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.skin-art:before{content:'KCOLC';position:absolute;top:10%;right:-2%;font-size:130px;font-weight:900;letter-spacing:-.1em;color:#ffffff11;transform:rotate(-90deg)}.skin-panel{margin:auto;background:#e7d29a;width:62%;height:72%;box-shadow:25px 25px 0 #0004;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px;transform:rotate(-3deg)}.skin-panel img{width:min(76%,230px)}.skin-panel span{color:#26302a;font-size:10px;font-weight:800;letter-spacing:.16em}.skin-caption{display:flex;justify-content:space-between;font-size:10px;font-weight:800;letter-spacing:.13em}.server{background:#192d2a}.server-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #4d625c;border-bottom:1px solid #4d625c}.server-grid>div{padding:35px 22px;border-right:1px solid #4d625c;min-height:220px}.server-grid>div:first-child{padding-left:0}.server-grid>div:last-child{border:0}.num{color:var(--gold);font-size:12px;font-weight:800}.server-grid h3{font-size:18px;margin:34px 0 8px}.server-grid p{color:var(--muted);font-size:12px;line-height:1.8}.community{text-align:center}.community h2{margin:20px auto;font-size:clamp(42px,6vw,77px)}.community>p{color:var(--muted);line-height:1.9;max-width:600px;margin:0 auto 35px;font-size:14px}.community-links{max-width:770px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left}.community-links a{padding:25px;border:1px solid #43605a;display:grid;grid-template-columns:34px 1fr;column-gap:10px}.community-links a:hover{border-color:var(--gold);background:#1a2b2a}.community-links a span{color:var(--gold);font-size:22px;grid-row:span 2}.community-links strong{font-size:15px}.community-links small{font-size:11px;color:var(--muted);margin-top:6px}.community-note{margin:30px auto 0;color:#9eb2aa;font-size:12px}.about{background:#e9d393;color:#1b2822;padding:75px 0}.about-inner{display:flex;gap:90px;align-items:center;max-width:850px}.about img{width:190px;flex:none}.about .kicker{color:#695222}.about h2{margin:13px 0 15px}.about p{line-height:1.9;font-size:14px;max-width:510px}.footer{background:#091212}.footer-main{padding:62px 0;display:flex;justify-content:space-between}.footer-main p{color:var(--muted);font-size:12px}.footer-links{display:flex;gap:25px;align-items:center;font-size:12px}.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #304040;padding:22px 0 34px;color:#849a91;font-size:10px;line-height:1.8}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media(max-width:900px){.wrap{width:calc(100% - 42px)}.header nav{gap:15px}.nav-cta{display:none}.routes{gap:9px}.route{padding:20px}.mod-grid{grid-template-columns:repeat(2,1fr)}.split{gap:35px}.skin-art{height:440px}.server-grid{grid-template-columns:repeat(2,1fr)}.server-grid>div:nth-child(2){border:0}.server-grid>div:nth-child(-n+2){border-bottom:1px solid #4d625c}}@media(max-width:650px){.notice span{display:none}.header{height:70px}.brand strong{font-size:19px}.brand img{width:32px;height:32px}.menu{display:block;margin-left:auto;color:var(--ink);border:1px solid var(--line);padding:9px;background:none;font-size:12px}.header nav{display:none;position:absolute;z-index:5;top:102px;left:0;right:0;background:#142324;padding:18px 22px;flex-direction:column;gap:0;border-bottom:1px solid var(--line)}.header nav.open{display:flex}.header nav a{padding:12px 4px}.hero{min-height:610px}.hero-image{background-position:62% center}.hero-shade{background:linear-gradient(90deg,#09191bd9,#09191b7a),linear-gradient(0deg,#09191bcb,transparent)}.hero-content{padding-top:78px}.hero h1{font-size:clamp(45px,10vw,64px)}.hero p{font-size:14px}.hero-bottom{margin-top:85px}.hero-bottom span:last-child{display:none}.section{padding-top:75px;padding-bottom:75px}.section-head{display:block}.section-head>p{margin-top:20px}.routes,.mod-grid,.split,.community-links{grid-template-columns:1fr}.route{min-height:280px}.route-icon{font-size:95px}.catalog-controls{display:block}.search{min-width:0;margin-bottom:12px}.filters button{padding:9px 12px}.skin-art{height:390px}.skin-panel{height:74%}.server-grid{grid-template-columns:1fr}.server-grid>div{border-right:0;border-bottom:1px solid #4d625c!important;min-height:150px;padding:24px 0!important}.server-grid>div:last-child{border-bottom:0!important}.server-grid h3{margin-top:17px}.about-inner{display:block;text-align:center}.about img{width:115px}.footer-main,.footer-bottom{display:block}.footer-links{flex-wrap:wrap;margin-top:28px}.footer-bottom span{display:block;margin-bottom:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}