:root{--bg-color:#f3f5f9;--accent-game:#2854d7;--primary-color:#2854d7;--text-main:#17233d;--text-muted:#58677f;--radius:18px}
body{font-family:Inter,"PingFang SC","Microsoft YaHei",system-ui,sans-serif;padding-bottom:calc(90px + env(safe-area-inset-bottom));line-height:1.6}
.workspace-header{max-width:1120px;margin:auto;padding:26px 32px 22px;display:flex;justify-content:space-between;align-items:center;gap:16px}.workspace-brand{display:flex;align-items:center;gap:12px;color:#17233d;font-size:21px;font-weight:750;text-decoration:none}.brand-mark{width:36px;height:36px;border-radius:11px;background:#2854d7;color:white;display:grid;place-items:center;font-size:23px}.workspace-label{font-size:10px;letter-spacing:2px;color:#66758a;font-weight:600;margin-left:10px}.workspace-status{font-size:12px;color:#58677f}
.view-page{max-width:1060px;margin:auto}.tab-wrapper{border-radius:16px;border:1px solid #e0e6ef;box-shadow:none;top:8px}.tab-container{padding:10px;gap:8px}.tab-pill,.tab-container.few-tabs .tab-pill{border-radius:10px;padding:12px 22px;margin:0;min-height:46px;font-size:14px;background:#f4f6fa}.tab-pill.active{box-shadow:none!important}.notice-board{margin:20px 0;border-radius:12px;background:#eaf0ff;border-color:#d7e2fc;color:#284380}.notice-icon{animation:none}.notice-content{white-space:normal;font-size:13px}.guide-card{margin:20px 0;border-radius:18px;border:1px solid #e0e6ef;box-shadow:none;padding:24px}.guide-title{font-size:18px;letter-spacing:.3px}.guide-steps{margin-top:22px}.step-text{font-size:13px}.placeholder-container,.results-container{padding:0;gap:18px}.placeholder-card{background:#fff;border:1px dashed #c6d0df;border-radius:16px;min-height:200px}.placeholder-card i{opacity:.4}.result-card{border:1px solid #e0e6ef;box-shadow:0 5px 18px #17233d08;border-radius:16px}.result-card img{display:block;width:100%;height:auto}.fixed-bottom{background:#ffffffed;border-top:1px solid #e0e6ef;box-shadow:none;padding:14px max(20px,calc((100vw - 650px)/2));bottom:calc(64px + env(safe-area-inset-bottom))}.generate-btn{min-height:50px;border-radius:12px;box-shadow:none;font-size:16px}.fomo-text{color:#58677f;font-size:12px;margin-bottom:8px}.bottom-nav{height:calc(64px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);box-shadow:none;border-top:1px solid #e0e6ef}.nav-item{min-height:48px}.nav-icon{font-size:19px}.profile-header{border-radius:18px;margin:0 0 20px;padding:30px;background:#1e315d}.modal-content,.submit-modal-content{border-radius:20px;max-height:85dvh;overflow:auto}.modal-header{font-size:18px;color:#17233d}.modal-overlay{padding:16px;background:#17233d88;overscroll-behavior:contain}.btn-modal,.copy-btn,.tutorial-btn{min-height:44px;border-radius:10px}.copy-box{border-radius:10px;line-height:1.7}.modal-close{min-width:44px;min-height:44px;display:grid;place-items:center;cursor:pointer}input,textarea,select{font:inherit!important;font-size:16px!important}button,[onclick],.tab-pill{touch-action:manipulation}button:disabled{opacity:.55;cursor:wait}button:focus-visible,[tabindex]:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #ef9b38;outline-offset:3px}.toast-msg{max-width:90vw;white-space:normal;z-index:100001}.history-link{overflow-wrap:anywhere}.lightbox-close-btn{min-width:48px;min-height:48px}
@media(min-width:768px){body{padding-bottom:210px}.results-container,.placeholder-container{grid-template-columns:repeat(3,minmax(0,1fr))}.guide-card{padding:30px}.guide-steps{max-width:700px;margin:22px auto 0}.view-page{padding-bottom:30px}.profile-header{margin-top:20px}}
@media(max-width:1120px){.view-page{margin-left:24px;margin-right:24px}}
@media(max-width:600px){.workspace-header{padding:20px 18px 18px}.workspace-brand{font-size:18px}.workspace-label,.workspace-status{display:none}.view-page{margin-left:16px;margin-right:16px}.tab-wrapper{border-radius:12px}.tab-pill,.tab-container.few-tabs .tab-pill{padding:10px 16px}.placeholder-container,.results-container{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.placeholder-card{min-height:170px}.guide-card{padding:20px 16px}.profile-header{padding:22px 16px}.fomo-text{font-size:11px}.fixed-bottom{padding:10px 16px}.modal-header{font-size:16px}}
.tab-pill.active,.tab-container.few-tabs .tab-pill.active{background:var(--primary-color);color:#fff}.placeholder-card{aspect-ratio:auto;min-height:180px;height:210px}.placeholder-card:nth-child(n+4){display:none}.notice-content{color:#284380}.guide-title{color:#17233d}
@media(max-width:600px){.placeholder-card{height:200px}.placeholder-card:nth-child(n+3){display:none}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}