.tt { background: #fff; font: 12px Arial, sans-serif; color: #222; min-height: 100%; }
.tt-head { display: flex; gap: 8px; align-items: center; padding: 8px 14px; background: linear-gradient(#e8f0ff, #c8d8f0); border-bottom: 1px solid #89a; flex-wrap: wrap; } .tt-logo { font: bold 30px Arial; color: #111; text-decoration: none; display: flex; } .tt-logo span { color: #111; } .tt-logo b { background: #c4161c; color: #fff; padding: 0 6px; border-radius: 6px; margin-left: 2px; }
.tt-head .gg-input { width: 200px; font-size: 12px; } .tt-up { margin-left: auto; color: #0000cc; text-decoration: underline; }
.tt-home, .tt-up-form { padding: 10px 14px; } .tt-cats { display: flex; gap: 10px; margin: 6px 0; } .tt-cats a { color: #0000cc; } .tt-cats a.on { font-weight: bold; color: #000; text-decoration: none; }
.tt-grid { display: flex; flex-wrap: wrap; gap: 14px; } .tt-card { width: 140px; cursor: pointer; font-size: 11px; } .tt-card a { color: #0000cc; display: block; } .tt-card small { display: block; color: #666; } .tt-thumb { display: block; border: 1px solid #888; width: 130px; height: 98px; } .tt-small-stars { color: #f0a020; }
.tt-watch { display: flex; gap: 14px; padding: 10px 14px; flex-wrap: wrap; } .tt-main { flex: 1 1 420px; } .tt-main h2 { font-size: 16px; margin: 0 0 6px; } .tt-player { width: 100%; max-width: 440px; background: #000; display: block; border: 1px solid #333; }
.tt-bar { margin: 6px 0; display: flex; gap: 6px; align-items: center; } .tt-star { color: #f0a020; font-size: 20px; } .tt-rate { margin-left: 4px; color: #0000cc; font-size: 10px; } .tt-views { margin: 4px 0; } .tt-by { color: #555; }
.tt-rel { width: 160px; } .tt-rel .tt-card { width: 100%; display: flex; gap: 4px; margin-bottom: 6px; } .tt-rel .tt-thumb { width: 64px; height: 48px; flex: none; } .tt-row { display: flex; gap: 6px; flex-wrap: wrap; margin: 4px 0; }
.tt-c { padding: 4px 0; border-bottom: 1px dotted #ccc; } .tt-cform { display: flex; gap: 6px; margin: 8px 0; } .tt-cin { flex: 1; }