/* ═══ 金工银楼 Group 模块品牌样式 ═══ */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700&display=swap');

:root{--gold:#c8a45c;--gold4:#b8933c;--gold-light:#f5efe0;--cream:#faf7f2;--card:#fff;--border:#e8dcc8;--muted:#999;--ink:#2a2018;--brown:#5c4a3a;--red:#c0392b;--green:#27ae60;--radius:14px}

*,*::before,*::after{box-sizing:border-box}
body,.mdl-layout__container,.mdl-layout{background:var(--cream)!important;font-family:'Noto Sans SC','PingFang SC','Microsoft YaHei',sans-serif!important;color:var(--ink)!important;margin:0}
a{text-decoration:none;color:inherit}

/* ═══ Top Bar ═══ */
.g-topbar{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.95);backdrop-filter:blur(20px);padding:0 16px;display:flex;align-items:center;height:48px;border-bottom:1px solid var(--border);box-shadow:0 1px 3px rgba(0,0,0,.03)}
.g-topbar a,.g-topbar button{font-size:20px;color:var(--brown);background:none;border:none;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:pointer;padding:0}
.g-topbar .g-title{flex:1;font-size:16px;font-weight:700;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink)}

/* ═══ Card ═══ */
.g-card{background:var(--card);margin:10px 12px;border-radius:var(--radius);padding:16px;box-shadow:0 2px 12px rgba(0,0,0,.05)}
.g-card-header{display:flex;align-items:center;justify-content:space-between;padding:0 0 12px;border-bottom:1px solid #f0ebe3;margin-bottom:12px}
.g-card-header h3{font-size:16px;font-weight:700;color:var(--ink);margin:0}

/* ═══ 2-Column Grid ═══ */
.g-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:10px;padding:10px 12px}
.g-grid-card{background:var(--card);border-radius:var(--radius);padding:16px 12px;text-align:center;box-shadow:0 3px 14px rgba(0,0,0,.07);transition:transform .25s,box-shadow .25s;display:block;color:var(--ink);position:relative;overflow:hidden}
.g-grid-card:active{transform:scale(.96)}
.g-grid-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.g-grid-card img{width:60px;height:60px;border-radius:14px;object-fit:cover;margin-bottom:10px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.g-grid-card .g-card-name{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:6px}
.g-grid-card .g-card-meta{display:flex;justify-content:center;gap:12px;margin-top:6px}
.g-grid-card .g-card-meta span{font-size:11px;color:var(--muted)}
.g-grid-card .g-card-meta b{color:var(--gold);font-size:15px;font-weight:700}
.g-grid-card .g-card-tag{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,var(--gold),var(--gold4));color:#fff;font-size:10px;padding:3px 8px;border-radius:8px;font-weight:600}

/* ═══ Button ═══ */
.g-btn{display:inline-flex;align-items:center;justify-content:center;gap:4px;padding:10px 20px;border-radius:12px;font-size:14px;font-weight:600;border:none;cursor:pointer;font-family:inherit;transition:.2s}
.g-btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold4));color:#fff;box-shadow:0 4px 14px rgba(200,164,92,.3)}
.g-btn-outline{border:1.5px solid var(--gold);color:var(--gold);background:transparent}
.g-btn-block{display:flex;width:100%}
.g-btn-sm{padding:7px 16px;font-size:13px;border-radius:10px}
.g-btn:active{transform:scale(.97);opacity:.9}

/* ═══ Form ═══ */
.g-input{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;outline:none;background:#faf8f5;transition:border-color .2s,box-shadow .2s;color:var(--ink)}
.g-input:focus{border-color:var(--gold);background:var(--card);box-shadow:0 0 0 3px rgba(200,164,92,.08)}
.g-label{display:block;font-size:12px;color:var(--muted);margin-bottom:5px;font-weight:600}
.g-field{margin-bottom:14px}
.g-textarea{resize:vertical;height:100px}
.g-select{width:100%;padding:12px 14px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;font-family:inherit;outline:none;background:#faf8f5;color:var(--ink);appearance:none}

/* ═══ Bottom ═══ */
.g-bottom{padding:16px;padding-bottom:60px}

/* ═══ Override old MDL ═══ */
.header-bar,.header-bar-left,.header-bar-right{background:var(--ink)!important;color:#fff!important;font-family:inherit!important;height:48px!important;display:flex!important;align-items:center!important}
.header-bar .mdl-button{color:#fff!important}
.header-bar .iconfont{color:rgba(255,255,255,.7)!important;font-size:20px!important}
.header-bar-center{color:#fff!important;font-size:15px!important;font-weight:600!important}
.mdl-list__item{background:var(--card)!important;border-radius:var(--radius)!important;margin:6px 12px!important;padding:14px!important;box-shadow:0 2px 8px rgba(0,0,0,.03)!important}
button,input[type=submit],.mdl-button{font-family:inherit!important;border-radius:10px!important}