.app-shell{display:flex;flex-direction:column;min-height:100vh;background:linear-gradient(180deg,#f8fafc,#eef2f6);color:#1a1f36}.app-header{padding:2.5rem clamp(2rem,5vw,4rem) 1.5rem;background:#fffc;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid rgba(15,23,42,.08)}.app-header h1{margin:0;font-size:clamp(1.75rem,3vw,2.5rem);font-weight:600;color:#0f172a}.app-subtitle{margin:.75rem 0 0;max-width:48rem;color:#475569;font-size:clamp(1rem,2vw,1.1rem)}.dify-link{display:inline-flex;align-items:center;margin-top:1.25rem;padding:.65rem 1.2rem;border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-decoration:none;font-weight:500;box-shadow:0 10px 25px #2563eb40;transition:transform .2s ease,box-shadow .2s ease}.dify-link:hover,.dify-link:focus{transform:translateY(-1px);box-shadow:0 14px 30px #2563eb4d}.app-content{flex:1;padding:clamp(1.5rem,4vw,3rem);display:flex}.iframe-wrapper{flex:1;background:#fff;border-radius:20px;box-shadow:0 20px 40px #0f172a1f;min-height:700px;border:1px solid rgba(15,23,42,.05);overflow:hidden;display:flex;flex-direction:column}.tab-panel{flex:1;display:flex}.iframe-wrapper iframe{width:100%;flex:1;height:100%;min-height:700px;border:0}.tab-bar{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:linear-gradient(90deg,#2563eb1f,#2563eb00);border-bottom:1px solid rgba(15,23,42,.08)}.tab-button{position:relative;padding:.4rem 1.1rem;border:none;border-radius:999px;background:transparent;color:#1f2937;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button:hover,.tab-button:focus-visible{background:#2563eb14;outline:none}.tab-button.active{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 10px 25px #2563eb40}@media (max-width: 768px){.app-header{padding:1.75rem 1.5rem 1rem}.app-content{padding:1.5rem}}:root{font-family:PingFang SC,Microsoft YaHei,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:#1f2933;background-color:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-height:100vh}#root{min-height:100vh}