:root{--ink:#193743;--muted:#66808a;--line:#dbe9e7;--teal:#1e7779;--soft:#e4f5ee;--bg:#f3f8f8;--white:#fff}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:radial-gradient(circle at 85% 10%,#e5f5f2 0,transparent 40%),linear-gradient(135deg,#f5f9fb,#fff9f5);font:16px/1.55 system-ui,'Microsoft YaHei',sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #e59e74;outline-offset:2px}.topbar{max-width:1300px;margin:auto;padding:24px 30px;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:46px;height:46px;background:#266974;color:#d5ffef;border-radius:14px;font-size:27px;box-shadow:5px 5px #d5e9e6}.brand b{display:block;font-size:20px;line-height:1}.brand small{font-size:10px;letter-spacing:.17em;color:var(--muted)}.topbar nav{display:flex;gap:25px;font-size:14px;font-weight:700}.topbar nav a:hover,footer a:hover{color:var(--teal)}main{max-width:1250px;margin:20px auto 65px;padding:0 25px}.auth-layout{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:stretch;min-height:660px}.welcome{border-radius:34px;padding:70px 65px;color:white;background:linear-gradient(125deg,#183d51bb,#1f646ebc),url('/player-guide/assets/voxel-world.png') center/cover;display:flex;flex-direction:column;justify-content:center}.eyebrow{color:#7ebdb4;font-size:12px;font-weight:900;letter-spacing:.19em}.welcome .eyebrow{color:#b7f4dd}.welcome h1{font-size:clamp(40px,5vw,72px);line-height:1.14;letter-spacing:-.06em;margin:22px 0}.welcome p{max-width:430px;color:#e4f2f1;line-height:1.9}.welcome a{display:inline-block;margin-top:35px;font-weight:800}.welcome ol{line-height:2.6;padding-left:20px}.card{background:var(--white);border:1px solid var(--line);border-radius:30px;box-shadow:0 20px 70px #37656d13}.auth-card{padding:38px 44px}.auth-card h2{font-size:28px;margin:7px 0 27px}.auth-card form{display:grid;gap:15px}.auth-card label{display:grid;gap:7px;color:#365460;font-size:13px;font-weight:800}.auth-card input,.auth-card select,.security-form input{width:100%;border:1px solid #cadfdf;background:#f8fbfb;border-radius:12px;padding:12px 14px;color:var(--ink)}.auth-card input:focus,.auth-card select:focus{border-color:#69b7af;outline:2px solid #d1eeea}.captcha-line{display:flex;gap:8px}.captcha-line input{flex:1;min-width:0}.captcha-line img{width:130px;height:46px;border-radius:10px;cursor:pointer}.primary{border:0;background:#1e7178;color:white;border-radius:13px;padding:14px 18px;font-weight:800;display:flex;justify-content:space-between}.primary:hover{background:#135b61}.switch-auth{color:var(--muted);font-size:14px;margin-top:23px}.switch-auth a{color:var(--teal);font-weight:800}.form-error{color:#b24e50;font-size:13px;min-height:20px}.verification{padding:25px;border:1px solid #bde2d7;border-radius:18px;background:#edf9f4}.verification h3{font:900 43px/1.1 monospace;letter-spacing:.3em;margin:13px 0}.verification p{font-size:13px}.verification strong{color:#bf6948}.verification button,#logout{border:1px solid var(--line);background:white;border-radius:11px;padding:10px 15px}.account-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:45px 0 25px}.account-heading h1{font-size:42px;margin:4px 0}.account-heading p{color:var(--muted);margin:0}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:15px}.tabs button{white-space:nowrap;border:1px solid var(--line);border-radius:99px;background:white;padding:10px 17px;color:var(--muted);font-weight:700}.tabs button.active{color:white;background:var(--teal);border-color:var(--teal)}.account-content{display:grid;gap:20px}.metric-grid,.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.metric,.tile,.account-panel{background:white;border:1px solid var(--line);border-radius:22px;padding:22px}.metric small,.tile small{display:block;color:var(--muted);font-size:12px}.metric b{display:block;font-size:25px;margin-top:10px}.tile b{display:block;font-size:17px}.tile p{color:var(--muted);font-size:13px;margin-bottom:0}.account-panel h2{margin:0 0 18px;font-size:20px}.account-panel table{width:100%;border-collapse:collapse;font-size:14px}.account-panel th{text-align:left;color:var(--muted);font-size:12px}.account-panel th,.account-panel td{border-bottom:1px solid var(--line);padding:12px}.table-scroll{overflow:auto}.empty-state{color:var(--muted)}.security-form{max-width:430px;display:grid;gap:13px}.security-form label{display:grid;gap:6px;font-size:13px;font-weight:700}footer{max-width:1220px;margin:auto;border-top:1px solid var(--line);padding:25px;color:var(--muted);font-size:12px}footer a{margin-left:16px;color:var(--teal)}@media(max-width:820px){.auth-layout{grid-template-columns:1fr}.welcome{min-height:330px;padding:45px}.metric-grid,.tile-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.topbar{padding:16px}.topbar nav{gap:9px;font-size:12px}main{padding:0 12px}.auth-card{padding:25px}.welcome{padding:30px;border-radius:20px}.welcome h1{font-size:39px}.metric-grid,.tile-grid{grid-template-columns:1fr}.account-heading h1{font-size:30px}}
:where(.company-actions,.job-row){display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:18px 0}.company-actions button,.job-row button{border:1px solid var(--line);border-radius:10px;background:#eff8f5;color:var(--ink);padding:9px 12px}.company-work{border-top:1px solid var(--line);margin-top:22px;padding-top:14px}.company-work form{display:inline-grid;vertical-align:top;width:min(100%,330px);margin:8px 24px 18px 0}.market-order{border:1px solid var(--line);border-radius:15px;margin:10px 0;padding:15px}.market-order h3{margin:0}.market-order p{margin:5px 0;color:var(--muted)}.market-order small{display:block;margin:8px 0;color:var(--muted)}.market-order select{border:1px solid var(--line);padding:8px;border-radius:9px;margin-right:8px}.market-order button{display:inline-block}.job-row{background:#f7fbfa;border-radius:10px;padding:10px}.record-pages{display:flex;gap:15px;align-items:center;margin-top:14px}
:where(.rpg-catalog-section){margin:20px 0 0;padding-top:14px;border-top:1px solid var(--line)}:where(.rpg-catalog-section h3){margin:0 0 10px;font-size:15px}:where(.portal-rpg-note){color:var(--muted);font-size:13px}:where(.rpg-catalog-grid){display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}:where(.rpg-catalog-card){display:grid;gap:7px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#f9fcfb}:where(.rpg-catalog-command){color:var(--teal);font-size:12px;font-weight:800;overflow-wrap:anywhere}:where(.rpg-catalog-card small){color:var(--muted);font-size:12px}
