@charset "utf-8";.widgetContainer form{margin:0;padding:0}.widgetContainer fieldset{border:0;margin:0;padding:0}.widgetPoint .level-header{display:flex;align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;color:#333}.widgetPoint .level-header .level-icon{width:auto;height:auto;display:flex;align-items:center;justify-content:center;flex-shrink:0;line-height:1}.widgetPoint .level-header .level-icon img{height:auto;width:auto;max-height:none;display:block}.widgetPoint .level-header .nickname{font-size:15px;color:#333;font-weight:600;line-height:1}.widgetPoint div{font-size:12px;font-weight:600;margin:0}.widgetPoint div.graph{position:relative;height:30px;overflow:hidden;background:#f8f8f8!important;margin:8px 0;border-radius:15px;box-shadow:inset 0 1px 2px rgba(0,0,0,.05)}.widgetPoint div.graph>div:first-child{height:30px;border-radius:15px;background:linear-gradient(90deg,#ff9500 0%,#ffcc00 25%,#ffeb3b 50%,#ffcc00 75%,#ff9500 100%);background-size:300% 100%;animation:shiny-flow 4s ease-in-out infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 3px rgba(255,150,0,.3);transition:width 0.4s ease-out;position:absolute;top:0;left:0;z-index:1}@keyframes shiny-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.widgetPoint div.graph .bar-content{position:absolute;top:0;left:0;right:0;height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;color:#333;font-size:11px;font-weight:700;z-index:2;pointer-events:none}.widgetPoint div.graph .bar-content .left-info{display:flex;align-items:center;gap:6px;line-height:1}.widgetPoint div.graph .bar-content .percentage{font-size:13px;font-weight:800;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3),0 0 8px rgba(255,150,0,.4)}.widgetPoint div.graph .bar-content .current-point{font-size:11px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700}.widgetPoint div.graph .bar-content .right-info{display:flex;align-items:center;gap:5px;line-height:1}.widgetPoint div.graph .bar-content .arrow{font-size:12px;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);font-weight:700}.widgetPoint div.graph .bar-content .next-level-icon{width:auto;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;color:#666;flex-shrink:0;line-height:1;filter:drop-shadow(0 1px 1px rgba(0,0,0,.1))}.widgetPoint div.graph .bar-content .next-level-icon img{height:16px;width:auto;display:block}.widgetPoint div.graph .bar-content .next-point{font-size:11px;color:#666;font-weight:700;text-shadow:0 1px 1px rgba(255,255,255,.8)}.widgetPoint .action-bar{display:flex;gap:5px;margin-top:12px}.widgetPoint .action-bar .action-btn{position:relative;flex:1;height:24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#ffffff,#f5f5f5);border:1px solid #e0e0e0;border-radius:12px;color:#333;font-size:10px;font-weight:600;text-decoration:none;transition:all 0.2s ease;cursor:pointer;box-shadow:0 1px 2px rgba(0,0,0,.06)}.widgetPoint .action-bar .action-btn:hover{background:linear-gradient(180deg,#ffeb3b,#ffc107);border-color:#ff9500;transform:translateY(-1px);box-shadow:0 2px 5px rgba(255,150,0,.3);color:#333}.widgetPoint .action-bar .action-btn .badge{position:absolute;top:-4px;right:6px;background:#f44;color:#fff;font-size:8px;font-weight:700;padding:1px 4px;border-radius:7px;min-width:14px;text-align:center;box-shadow:0 2px 4px rgba(255,68,68,.4);animation:pulse 2s infinite}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}.widgetPoint .login-header{text-align:center;margin-bottom:10px}.widgetPoint .login-header h3{font-size:16px;color:#333;font-weight:700;margin:0}.widgetPoint .login-form{margin-top:0}.widgetPoint .login-form .login-inputs{display:flex;gap:5px;margin-bottom:5px}.widgetPoint .login-form .login-input{flex:1;height:28px;padding:0 10px;border:1px solid #e0e0e0;border-radius:14px;font-size:11px;background:#fff;transition:all 0.2s ease;outline:none}.widgetPoint .login-form .login-input:focus{border-color:#ff9500;box-shadow:0 0 0 3px rgba(255,150,0,.1)}.widgetPoint .login-form .login-input::placeholder{color:#999}.widgetPoint .login-form .login-submit{width:65px;height:28px;background:linear-gradient(180deg,#ffeb3b,#ffc107);border:1px solid #ff9500;border-radius:14px;color:#333;font-size:11px;font-weight:700;cursor:pointer;transition:all 0.2s ease;box-shadow:0 2px 4px rgba(255,150,0,.3)}.widgetPoint .login-form .login-submit:hover{background:linear-gradient(180deg,#ffc107,#ff9500);transform:translateY(-1px);box-shadow:0 4px 8px rgba(255,150,0,.4)}.widgetPoint .login-form .login-links{display:flex;align-items:center;justify-content:center;gap:8px;padding:4px 0}.widgetPoint .login-form .link-btn{font-size:11px;color:#666;text-decoration:none;transition:color 0.2s ease}.widgetPoint .login-form .link-btn:hover{color:#ff9500;text-decoration:underline}.widgetPoint .login-form .separator{color:#ccc;font-size:11px}.widgetPoint div.point{display:inline-block;font-size:11px;float:left;color:#888;margin-top:5px}.widgetPoint div.percentage{display:inline-block;font-size:11px;float:right;color:#888;margin-top:5px}.widgetPoint div{color:#333}.widgetContainer.black .widgetContainer form{margin:0;padding:0}.widgetContainer.black .widgetContainer fieldset{border:0;margin:0;padding:0}.widgetContainer.black .widgetPoint div{margin:0}.widgetContainer.black .widgetPoint div.graph{height:30px;overflow:hidden;background:#f8f8f8!important;border-radius:15px}.widgetContainer.black .widgetPoint div.graph>div:first-child{height:30px;border-radius:15px;background:linear-gradient(90deg,#ff9500 0%,#ffcc00 25%,#ffeb3b 50%,#ffcc00 75%,#ff9500 100%);background-size:300% 100%;animation:shiny-flow 4s ease-in-out infinite;box-shadow:inset 0 1px 0 rgba(255,255,255,.4),0 1px 3px rgba(255,150,0,.3);transition:width 0.4s ease-out}.widgetContainer.black .widgetPoint div.point{font-size:11px;float:left;color:#999}.widgetContainer.black .widgetPoint div.percentage{font-size:11px;float:right;color:#999}.widgetContainer.black .widgetPoint div{color:#ccc}