*{box-sizing:border-box}body{margin:0;background:#eef1f4;color:#20242a;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif}header{height:64px;background:#17191d;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}header b{font-size:18px}header span{margin-left:16px;color:#aeb5bd;font-size:13px}header button{border:1px solid #3e444d;background:#252930;color:#fff;border-radius:8px;padding:8px 12px;margin-left:8px;cursor:pointer}main{display:grid;grid-template-columns:270px minmax(430px,1fr) 370px;min-height:calc(100vh - 64px)}aside{background:#fff;height:calc(100vh - 64px);position:sticky;top:64px;overflow:auto;padding:20px}.modules{border-right:1px solid #dde2e7}.rules{border-left:1px solid #dde2e7}.modules h2{margin:0 0 6px;font-size:18px}.modules p{margin:0 0 15px;color:#7b838d;font-size:13px;line-height:1.6}.modules nav{display:grid;gap:7px}.modules button{width:100%;border:1px solid #e1e5e9;background:#f7f8fa;border-radius:8px;padding:10px 12px;text-align:left;font-size:14px;cursor:pointer}.modules button.active{background:#fff5e7;border-color:#ffa43a;color:#c45d00;font-weight:700}.viewer{padding:18px 24px;display:flex;flex-direction:column;align-items:center;min-width:0}.state-tabs{width:100%;display:flex;gap:8px;overflow:auto;padding:2px 2px 14px}.state-tabs button{border:1px solid #d9dee4;background:#fff;border-radius:18px;padding:7px 12px;white-space:nowrap;cursor:pointer}.state-tabs button.active{background:#ff8700;border-color:#ff8700;color:#fff}.phone{background:#101216;border:10px solid #101216;border-radius:34px;box-shadow:0 20px 45px #26323e35;overflow:hidden}.screen{width:369px;height:800px;background:#fff;overflow:auto}.screen img{width:100%;height:auto;min-height:100%;object-fit:contain;object-position:top;display:block}.screen.actual img{min-height:0}.counter{font-size:12px;color:#7c858f;margin-top:12px}.verified{display:inline-block;background:#e9f8ef;color:#197f47;border-radius:16px;padding:5px 10px;font-size:12px}.rules h1{font-size:20px;margin:12px 0 18px}.rules section{border-top:1px solid #eceff2;padding:13px 0}.rules h3{font-size:13px;margin:0 0 8px;color:#68717b}.rules p,.rules li{font-size:13px;line-height:1.72;color:#424a53}.rules ul{margin:0;padding-left:19px}.rules .pending{background:#fff8eb;border:1px solid #ffd99f;border-radius:9px;padding:12px;margin-top:8px}.rules .pending h3{color:#a55b00}@media(max-width:1100px){main{grid-template-columns:220px 1fr}.rules{position:static;height:auto;grid-column:1/-1}.screen{width:340px;height:738px}}@media(max-width:720px){header{height:auto;min-height:58px;padding:10px 12px}header div:last-child{display:none}main{display:block}.modules,.rules{position:static;height:auto;border:0}.modules nav{grid-template-columns:repeat(2,1fr)}.viewer{padding:12px}.screen{width:min(369px,calc(100vw - 42px));height:calc((100vw - 42px)*2.168)}.phone{border-radius:26px}}