:root{--color-primary: #F28C28;--color-primary-light: #FFB15C;--color-primary-bg: #FFF4E8;--color-primary-border: #FFD7AA;--color-text: #202124;--color-text-secondary: #3C4043;--color-text-muted: #8A8F98;--color-text-light: #999999;--color-bg: #F5F6F8;--color-bg-white: #FFFFFF;--color-bg-light: #F7F7F7;--color-line: #EEEEEE;--color-line-light: #EAECF0;--color-error: #E85D4A;--color-error-light: #FFEBEE;--color-like: #E64646;--color-success: #43A047;--color-warning: #FB8C00;--color-dark-banner: #2F3135;--color-group-badge-bg: #FFE8CF;--color-group-badge-text: #B76512;--color-other-bubble: #F4F4F4;--radius-sm: 6px;--radius: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 22px;--shadow-sm: 0 1px 3px rgba(0,0,0,.06);--shadow: 0 2px 8px rgba(0,0,0,.08);--shadow-lg: 0 4px 16px rgba(0,0,0,.12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:#DDD transparent}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ddd;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#bbb}body{font-family:var(--font-family);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100vh;min-height:100dvh;overflow-x:hidden;overscroll-behavior-y:none}#app{min-height:100vh;min-height:100dvh}a{text-decoration:none;color:var(--color-primary)}button{cursor:pointer;border:none;outline:none;font-family:inherit;font-size:inherit;touch-action:manipulation}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}img{max-width:100%;display:block}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.card{background:var(--color-bg-white);border-radius:var(--radius-lg);padding:16px;box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 20px;border-radius:var(--radius);font-weight:600;font-size:14px;transition:all .2s;white-space:nowrap;min-height:40px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-light)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-outline{background:transparent;color:var(--color-primary);border:1px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary-bg)}.btn-ghost{background:transparent;color:var(--color-text-muted)}.btn-ghost:hover{background:var(--color-bg)}.btn-danger{background:var(--color-error);color:#fff}.btn-danger:hover{opacity:.85}.btn-sm{padding:6px 12px;font-size:12px;min-height:34px}.btn-lg{padding:12px 28px;font-size:16px;border-radius:var(--radius-lg)}.btn-block{width:100%}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:100px;font-size:11px;font-weight:600}.badge-orange{background:var(--color-primary-bg);color:var(--color-primary)}.badge-green{background:#e8f5e9;color:var(--color-success)}.badge-red{background:var(--color-error-light);color:var(--color-error)}.badge-gray{background:#f5f5f5;color:var(--color-text-muted)}.form-group{display:flex;flex-direction:column;gap:6px}.form-label{font-size:14px;font-weight:600;color:var(--color-text)}.form-input,.form-select,.form-textarea{padding:10px 14px;border:1px solid var(--color-line);border-radius:var(--radius);font-size:14px;color:var(--color-text);background:var(--color-bg-white);transition:border-color .2s;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-light)}.form-textarea{min-height:80px;resize:vertical}.form-error{font-size:12px;color:var(--color-error)}.page-container{max-width:720px;margin:0 auto;padding:16px}.page-header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-bottom:16px}.page-title{font-size:20px;font-weight:700;color:var(--color-text)}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}th,td{padding:12px 16px;text-align:left;font-size:14px;border-bottom:1px solid var(--color-line)}th{font-weight:600;color:var(--color-text-muted);font-size:13px;white-space:nowrap}tr:hover td{background:#fffaf4}@media (max-width: 768px){.page-container{width:100%;padding:12px 12px calc(20px + env(safe-area-inset-bottom))}.page-title{font-size:18px}th,td{padding:8px 10px;font-size:13px}.hide-mobile{display:none!important}.card{border-radius:var(--radius);padding:14px;box-shadow:none;border:1px solid var(--color-line-light)}.form-input,.form-select,.form-textarea{min-height:44px;font-size:16px}.form-textarea{min-height:96px}.page-header{align-items:flex-start;margin-bottom:12px}.page-header>.btn,.page-header>button{min-height:40px}.modal-overlay{padding-top:env(safe-area-inset-top)}}@media (max-width: 380px){.page-container{padding-inline:10px}.btn{padding-inline:14px}.join-row{flex-direction:column}.join-row .btn{width:100%}}@media (min-width: 769px){.show-mobile{display:none!important}}