:root{--green:#1B5E36;--green-mid:#2E7D4F;--pale:#EDF5EF;--line:#BCD9C6;--gold:#B8860B;--warn:#C0392B;--warn-bg:#FDF3F0;}
*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
body{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;color:#222;background:#F4F6F4;}
.wrap{max-width:480px;margin:0 auto;background:#fff;min-height:100vh;}
.topbar{position:sticky;top:0;z-index:9;background:var(--green);color:#fff;display:flex;align-items:center;gap:10px;padding:12px 16px;}
.topbar a{color:#fff;text-decoration:none;font-size:15px;font-weight:700;}
.topbar .ttl{font-size:16px;font-weight:800;flex:1;}
.hero{background:linear-gradient(160deg,#1B5E36,#2E7D4F);color:#fff;padding:32px 20px 24px;}
.hero h1{font-size:26px;letter-spacing:1px;}
.hero .sub{font-size:14px;color:#D8EADD;margin-top:8px;line-height:1.7;}
.hero .bar{width:48px;height:4px;background:var(--gold);margin:14px 0 0;border-radius:2px;}
section{padding:16px;}
.q{font-size:15px;font-weight:800;color:var(--green);margin:6px 0 12px;}
.role{display:block;text-decoration:none;color:inherit;border:2px solid var(--line);border-radius:16px;padding:16px 18px;margin-bottom:12px;background:#fff;position:relative;}
.role .rt{font-size:20px;font-weight:900;color:var(--green);display:flex;align-items:center;gap:10px;}
.role .rd{font-size:13px;color:#555;font-weight:600;margin-top:6px;line-height:1.6;}
.role .lock{position:absolute;top:14px;right:16px;font-size:11px;font-weight:700;color:var(--gold);background:#FBF6E9;border:1px solid var(--gold);border-radius:999px;padding:2px 10px;}
.role.open{border-color:var(--green-mid);background:var(--pale);}
.role .arrow{position:absolute;right:16px;bottom:16px;color:var(--green-mid);font-size:20px;font-weight:900;}
.lockbar{background:var(--warn-bg);border:1px solid var(--warn);color:var(--warn);font-size:12px;font-weight:700;text-align:center;padding:7px;border-radius:8px;margin:12px 16px;}
.mcard{display:flex;align-items:center;gap:14px;text-decoration:none;color:inherit;border:2px solid var(--line);border-radius:14px;padding:12px 14px;margin:0 16px 10px;background:#fff;}
.mcard .ico{font-size:28px;flex:0 0 40px;text-align:center;}
.mcard .mt{font-size:17px;font-weight:800;color:var(--green);}
.mcard .md{font-size:12.5px;color:#555;font-weight:600;margin-top:2px;line-height:1.5;}
.mcard .go{margin-left:auto;color:var(--green-mid);font-size:20px;font-weight:900;}
.mcard.dl{border-color:var(--gold);background:#FBF6E9;}
.viewimg{width:100%;display:block;}
.foot{padding:18px 16px 30px;font-size:11px;color:#777;text-align:center;line-height:1.9;background:#F4F6F4;word-break:break-all;}