:root{--line:#00B900;--dark:#1e293b;--bg:#f8fafc}*{box-sizing:border-box}body{background:#e5e7eb;font-family:Tahoma,Arial,sans-serif;margin:0}.app{max-width:430px;min-height:100vh;margin:0 auto;background:var(--bg);position:relative;overflow-x:hidden}.line-header{background:var(--line);color:#fff;padding:28px 16px 16px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 4px 12px rgba(0,0,0,.08)}.avatar{width:42px;height:42px;border-radius:50%;background:#fff;color:var(--line);display:flex;align-items:center;justify-content:center;font-weight:bold}.content{padding:16px;padding-bottom:95px}.card-soft{background:#fff;border-radius:20px;border:1px solid #eef2f7;box-shadow:0 4px 12px rgba(0,0,0,.04)}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);max-width:430px;width:100%;background:#fff;border-top:1px solid #e5e7eb;display:flex;justify-content:space-around;padding:10px 0 18px;z-index:20}.bottom-nav a{text-decoration:none;color:#9ca3af;font-size:12px;font-weight:bold;text-align:center;min-width:70px}.bottom-nav a.active{color:var(--line)}.nav-icon{font-size:22px;display:block}.btn-line{background:var(--line)!important;color:#fff!important;border:none!important}.btn-line:hover{background:#00a600!important;color:#fff!important}.qr-box{width:260px;height:260px;border:5px solid var(--line);border-radius:18px;display:flex;align-items:center;justify-content:center;margin:auto;background:#fff}.camera-mock{background:#000;color:#fff;min-height:calc(100vh - 90px);margin:-16px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center}.scan-frame{width:260px;height:260px;border:2px solid rgba(255,255,255,.55);position:relative}.corner{position:absolute;width:42px;height:42px;border-color:var(--line)}.tl{top:0;left:0;border-top:5px solid;border-left:5px solid}.tr{top:0;right:0;border-top:5px solid;border-right:5px solid}.bl{bottom:0;left:0;border-bottom:5px solid;border-left:5px solid}.br{bottom:0;right:0;border-bottom:5px solid;border-right:5px solid}.scan-line{position:absolute;left:0;right:0;top:50%;height:3px;background:var(--line);box-shadow:0 0 12px var(--line)}