:root{color-scheme:light;--green:#328b62;--green-dark:#246d4c;--gold:#cfb887;--red:#ae2928;--ink:#34332e;--soft:#777168}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}.topbar{height:80px;max-width:1160px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:0 32px}.wordmark{font-family:Georgia,serif;font-size:18px;color:#7e2928;font-weight:bold;text-decoration:none;display:flex;align-items:center;gap:10px}.wordmark-symbol{font-size:12px;font-family:serif;color:#be9e66;border:1px solid #e4d8c6;border-radius:50%;padding:8px 5px}.topbar nav{display:flex;gap:34px}.topbar nav a{color:#77736c;text-decoration:none;font-size:13px}.topbar nav a:hover,.topbar nav a:focus-visible{color:var(--green-dark)}.hero{text-align:center;min-height:660px;padding:35px 20px 70px;display:flex;align-items:center;flex-direction:column}.emblem{width:168px;height:173px;display:flex;justify-content:center;align-items:center}.emblem img{max-width:100%;max-height:100%;object-fit:contain}.missing-logo{display:none}.emblem.logo-missing{border:1px dashed #dfd2bd;border-radius:50%;padding:15px}.emblem.logo-missing .missing-logo{display:block;color:#9b8770;font-size:11px;line-height:1.6}.eyebrow{letter-spacing:.28em;font-size:10px;color:#b49a72;margin:22px 0 8px}h1{font-family:Georgia,'Times New Roman',serif;font-weight:500;font-size:clamp(46px,6vw,66px);letter-spacing:.02em;line-height:1.2;color:var(--red);margin:8px 0 13px}.subtitle{font-size:15px;font-weight:400;color:#88837a;margin:0;display:flex;gap:8px;align-items:center;justify-content:center}.chatgpt-symbol{width:18px;height:18px;color:#a0a0a0}.role-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:39px 0 17px}.role{border:1px solid #e6d5b9;color:var(--green);background:#fff;min-width:222px;min-height:55px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:12px;padding:0 16px;font-size:13px;transition:background .15s,border-color .15s,transform .15s}.role:hover{background:#f7fbf8;border-color:#a8cdb4;transform:translateY(-1px)}.role:focus-visible{outline:2px solid var(--green);outline-offset:3px}.role-icon{font-size:20px;line-height:1}.arrow{margin-left:auto;font-size:20px;font-weight:300}.google-note{display:flex;gap:7px;align-items:center;font-size:11px;color:#a49c8d;margin:0}.security{border:1px solid #f1ebdf;border-radius:9px;display:flex;align-items:center;text-align:left;gap:11px;color:#c1a06b;margin-top:49px;padding:10px 17px}.security div{display:flex;flex-direction:column;gap:3px}.security strong{font-size:11px;color:#8a7d69;font-weight:600}.security span{font-size:10px;color:#a7a095}.response{max-width:490px;padding:15px 18px;margin-top:20px;border:1px solid #e7d7bc;border-radius:8px;background:#fdfbf7;color:#625b51;text-align:left;font-size:13px;line-height:1.6}.response strong{display:block;margin-bottom:4px;color:#6e4e34}.information{max-width:660px;margin:0 auto;padding:45px 25px;border-top:1px solid #f4f0ea}.information h2{color:#8c4b3b;font-family:Georgia,serif;font-weight:normal;font-size:24px}.information p{font-size:14px;line-height:1.8;color:#77716b}footer{font-size:11px;color:#aaa39b;text-align:center;padding:36px}@media(max-width:600px){.topbar{height:66px;padding:0 18px}.wordmark{font-size:15px}.topbar nav{gap:14px}.topbar nav a{font-size:11px}.hero{padding-top:30px;min-height:610px}.emblem{width:146px;height:151px}.subtitle{font-size:13px}.role-actions{flex-direction:column;width:min(100%,310px);gap:10px;margin-top:32px}.role{width:100%}.security{margin-top:36px}}

/* HSK_PANDA_INFO_DIALOG_V1 */
.info-dialog{width:min(90vw,460px);max-height:85vh;overflow:auto;border:1px solid #e8dcc9;border-radius:12px;background:#fff;padding:30px 32px;box-shadow:0 16px 55px #2f241c24;color:#625c52}
.info-dialog::backdrop{background:#2c282442}
.info-dialog h2{font-family:Georgia,serif;color:#8c4b3b;font-size:25px;font-weight:normal;margin:0 0 14px}
.info-dialog p{font-size:14px;line-height:1.8;margin:0}
.dialog-close{position:absolute;top:10px;right:12px;border:0;background:transparent;color:#777;font-size:28px;cursor:pointer;padding:4px 8px}
.dialog-close:focus-visible{outline:2px solid #328b62}