/* One UI type system for the storefront, CDK, PHP pages and embedded admin. */
:root{
 --kamao-font:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC","Noto Sans SC",Arial,sans-serif;
 --kamao-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
 --kamao-title:36px;--kamao-section:22px;--kamao-body:14px;--kamao-lead:16px;
 --kamao-ink:#25292f;--kamao-muted:#707680;--kamao-orange:#b94720;
 --kamao-line:#e9e5e1;--kamao-radius:10px;
 font-family:var(--kamao-font);text-size-adjust:100%;-webkit-text-size-adjust:100%;
}
:root,:root[data-theme],html[data-kamao-admin][data-theme]{
 --md-font:var(--kamao-font)!important;--bs-font-sans-serif:var(--kamao-font)!important;
 --bs-body-font-family:var(--kamao-font)!important;
}
html body,html body.lk{
 font-family:var(--kamao-font)!important;font-size:var(--kamao-body);line-height:1.65;
 -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
 --lk-font:var(--kamao-font);--lk-font-display:var(--kamao-font);
}
/* Target text elements, not a universal selector: icon fonts must keep their glyphs. */
html :where(h1,h2,h3,h4,h5,h6,p,label,legend,summary,input,textarea,select,button,table){font-family:var(--kamao-font)!important}
html :where(h1,h2,h3,h4,h5,h6){font-weight:700;line-height:1.4;letter-spacing:-.02em}
html :where(pre,code,kbd,samp,.CodeMirror,.CodeMirror pre,.CodeMirror textarea,.rc-record-id){font-family:var(--kamao-mono)!important}
html :is(.kamao-service-heading,.rc-heading,.manage-title,.ops-heading,.agent-heading,.kamao-page-heading) h1{
 font-size:var(--kamao-title)!important;font-weight:750!important;line-height:1.35!important;letter-spacing:-.025em!important;color:var(--kamao-ink);
}
html :is(.kamao-service-heading,.rc-heading,.manage-title,.ops-heading,.agent-heading,.kamao-page-heading)>p,
html :is(.manage-title,.ops-heading)>div>p{
 font-size:var(--kamao-lead)!important;line-height:1.75!important;font-weight:400;color:var(--kamao-muted);letter-spacing:0;
}
html :is(.rc-main,.rc-notes,.rc-guide,.support-card,.support-guide,.member-panel,.manage-panel,.agent-panel,.gift-redeem-panel,.gift-steps) h2,
html .kamao-native .panel-title{
 font-size:var(--kamao-section)!important;font-weight:700!important;line-height:1.4!important;letter-spacing:-.02em!important;
}
html :is(.dialog-head,.auth-card) h1,html .dialog-head h2{font-size:24px;line-height:1.4;letter-spacing:-.025em}
html :is(.primary,.secondary,.rc-button,.agent-dark,.ops-primary,.btn-primary,.btn-outline-primary){
 font-size:14px!important;font-weight:600!important;line-height:1.45;letter-spacing:0!important;border-radius:var(--kamao-radius)!important;min-height:44px;
}
html :is(.primary,.rc-button:not(.secondary),.agent-dark,.ops-primary,.btn-primary):not(:disabled){background:var(--kamao-orange);border-color:var(--kamao-orange);color:#fff}
html :is(.primary,.rc-button:not(.secondary),.agent-dark,.ops-primary,.btn-primary):hover:not(:disabled){background:#963815;border-color:#963815;color:#fff}
html :is(.secondary,.btn-outline-primary){background:#fff3ea;color:#a24827;border-color:#efdfd3}
html :is(.account-form,.settings-form,.rc-main,.order-query-form,.kamao-auth-form) label:not(.rc-consent):not(.toggle-field){font-size:14px;font-weight:600}
html :is(.text-input,.form-control,.form-select,.layui-input,.layui-textarea),
html :is(.account-form,.settings-form,.rc-main) :is(input:not([type=checkbox]):not([type=radio]),select,textarea){
 font-family:var(--kamao-font)!important;font-size:14px!important;line-height:1.6;letter-spacing:0;border-radius:var(--kamao-radius);
}
html :is(.main-nav,.kamao-nav) a{font-weight:500;letter-spacing:0}
html :is(.main-nav,.kamao-nav) a.active{font-weight:650}
html :is(.header-actions,.kamao-header-actions) :is(a,button){font-size:14px}
html :is(.brand-wordmark,.kamao-brand>span) strong{font-family:var(--kamao-font);font-weight:800}
/* Account and admin headings use the same Chinese hierarchy as service pages. */
html .account-eyebrow,html .ops-overline{display:none!important}
@media(max-width:760px){
 :root{--kamao-title:28px;--kamao-section:20px;--kamao-lead:14px}
 html :is(.header-actions,.kamao-header-actions) :is(a,button){font-size:12px}
 html .manage-title{align-items:flex-start}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}