.app-layout{min-height:100vh;background:#1c1f26}.app-content{max-width:1280px;margin:0 auto;padding:20px 24px 40px}@media(max-width:768px){.app-content{padding:16px 14px 32px}}*{box-sizing:border-box}html,body{margin:0;padding:0;min-height:100%}:root{--bg-main: #1C1F26;--bg-panel: #2B2F38;--bg-panel-soft: #242933;--border-main: #3B3F48;--text-main: #E8ECF2;--text-muted: #C8CCD4;--ai-blue: #3A6FF8;--pro-gold: #F0C75E}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg-main);color:var(--text-main)}a{color:var(--ai-blue);text-decoration:none}a:hover{text-decoration:underline}h1{font-size:28px;font-weight:600;margin:0 0 12px}h2{font-size:20px;font-weight:600;margin:0 0 10px}p{margin:0 0 12px;color:var(--text-muted)}.collapse-card{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:14px;margin-bottom:16px;overflow:hidden}.collapse-header{padding:14px 18px;display:flex;align-items:center;justify-content:space-between;cursor:pointer;position:relative;z-index:2}.header-left{display:flex;flex-direction:column}.collapse-title{font-size:16px;font-weight:600;color:var(--text-main)}.collapse-subtitle{font-size:13px;color:var(--text-muted);margin-top:3px}.header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.collapse-icon{color:var(--text-main);font-size:18px}.collapse-preview{max-width:220px;margin-right:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;color:var(--text-muted)}.pro-badge{background:linear-gradient(90deg,#f0c75e,#e0a84e);padding:2px 8px;border-radius:6px;font-size:12px;font-weight:700;color:#1c1f26}.collapse-content-wrapper{overflow:hidden;transition:max-height .28s ease;position:relative}.collapse-content{padding:14px 18px;font-size:14px;line-height:1.45;position:relative;z-index:1;pointer-events:auto}.collapse-locked{border:1px dashed var(--border-main);border-radius:12px;padding:12px 14px;background:#00000026}.locked-title{font-weight:700;margin-bottom:4px}.locked-text{color:var(--text-muted);font-size:13px}.ai-summary-card{background:var(--bg-panel);border:1px solid var(--border-main);border-radius:14px;padding:18px 20px;margin-bottom:22px}.ai-summary-title{font-size:20px;font-weight:600;margin-bottom:10px}.ai-summary-row{display:flex;justify-content:space-between;padding:4px 0;font-size:14px}.ai-summary-row span:first-child{color:var(--text-muted)}.app-header{background:#1e1e1e;border-bottom:1px solid #2f333d}.nav-tabs{max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;gap:8px}.nav-tab{padding:8px 14px;border-radius:8px;font-size:14px;text-decoration:none;color:#e8ecf2;background:#2b2f38;transition:background .15s ease,color .15s ease}.nav-tab:hover{background:#3a3f4b}.nav-tab.active{background:#f0c75e;color:#1c1f26;font-weight:600}.btn{padding:8px 14px;border-radius:10px;font-size:14px;cursor:pointer;transition:all .15s ease;border:none}.btn-primary{background:var(--ai-blue);color:#fff}.btn-primary:hover{background:#5180ff}.btn-secondary{background:var(--bg-panel);border:1px solid var(--border-main);color:var(--text-main)}.btn-secondary:hover{background:#3a3f4b}.btn-active{background:var(--ai-blue);color:#fff;font-weight:600}.btn-pro{background:linear-gradient(90deg,#f0c75e,#e0a84e);color:#1c1f26;font-weight:700}.btn-disabled{background:#555;cursor:not-allowed;opacity:.6}.btn-ai{background:transparent;border:1px solid #3A6FF8;color:#3a6ff8;font-weight:600}.btn-ai:hover{background:#3a6ff814}@media(max-width:640px){.nav-tabs{overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}.nav-tab{white-space:nowrap;flex-shrink:0;font-size:13px;padding:6px 10px}.nav-tabs::-webkit-scrollbar{height:4px}.nav-tabs::-webkit-scrollbar-thumb{background:var(--border-main);border-radius:4px}}@media(max-width:480px){h1{font-size:22px}h2{font-size:18px}.collapse-header{padding:10px 12px}.collapse-title{font-size:16px}.collapse-content{padding:10px 12px}input,textarea,select{width:100%;font-size:14px}textarea{min-height:70px}.btn{width:100%;margin-top:8px}.collapse-card{margin-bottom:12px}.collapse-preview{max-width:140px}}*{pointer-events:auto!important}
