@font-face{font-family:Huyao;src:url('assets/huyao_zhafantian_assets/fonts/ZCOOLQingKeHuangYou-Regular.ttf') format('truetype');font-display:swap}*{box-sizing:border-box} :root{--bg:#0e0b0a;--panel:#17130f;--gold:#d6b062;--gold-light:#fff0be;--jade:#0f6b45;--text:#fff4d6;--muted:#a69a81;--line:rgba(214,176,98,.22);--display:Huyao,'PingFang SC',sans-serif}body{margin:0;background:radial-gradient(ellipse at 48% -10%,#352416 0%,#15100c 38%,#0e0b0a 75%);color:var(--text);font-family:var(--display);min-height:100vh}button,input,select{font:inherit}button{cursor:pointer;color:inherit}.app-shell{width:min(1420px,100% - 64px);margin:auto;min-height:100vh}.topbar{height:90px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand img{width:204px;max-height:70px;object-fit:contain;filter:drop-shadow(0 0 12px #d6b06235)}.profile{display:flex;align-items:center;gap:12px;color:#f8e8c3}.profile strong,.profile small{display:block}.profile small{color:var(--muted);font-size:12px;margin-top:3px}.avatar{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#25583e,#14241c);color:var(--gold-light);font-size:20px}.coin{padding:9px 14px;background:#21190f;border:1px solid var(--line);border-radius:22px;color:var(--gold)}.icon-button{border:1px solid var(--line);border-radius:8px;background:#201a12;padding:9px 14px;color:var(--gold-light)}.hero{min-height:300px;margin:24px 0 36px;border:1px solid #9b753d66;border-radius:20px;position:relative;overflow:hidden;display:flex;align-items:center;padding:42px 6%;background:linear-gradient(90deg,#0b0d0bcc 0%,#11110dd9 44%,#0c110fb3),url('assets/huyao_zhafantian_assets/00_brand/share_images/promo_background_16_9.png') center/cover}.hero:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 82% 52%,#27875c2c,transparent 40%);pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:670px}.eyebrow{letter-spacing:.18em;color:#c5a15e;font:11px/1.5 system-ui,sans-serif}.hero h1{font-size:clamp(38px,5.1vw,68px);line-height:1.05;margin:12px 0;color:#f8edda}.hero h1 em{font-style:normal;color:var(--gold-light);text-shadow:0 3px 28px #e5a43a55}.hero p{font-size:15px;color:#c0b49c;margin:0 0 26px}.hero-actions{display:flex;gap:12px}.btn{min-height:46px;padding:0 24px;border-radius:8px;font-size:16px;transition:.18s ease}.btn:hover{transform:translateY(-2px);filter:brightness(1.13)}.btn-gold{color:#28190a;border:1px solid #f4d28d;background:linear-gradient(180deg,#ffe6a3,#c08a34);box-shadow:0 6px 25px #d6a44930}.btn-ghost{background:#111714a8;border:1px solid #a9a07266;color:#f2e4c8}.hero-seal{position:absolute;right:10%;top:50%;transform:translateY(-50%);height:150px;width:150px;border:1px solid #d7b45e80;box-shadow:0 0 0 7px #d7b45e13,inset 0 0 25px #d7b45e12;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--gold)}.hero-seal span{font-size:36px}.hero-seal b{font-size:13px;letter-spacing:.2em}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:0 2px 16px}.section-heading h2{font-size:28px;margin:4px 0}.section-heading h2 small{font-size:14px;color:#ac9e85;font-weight:400;margin-left:9px}.real-data{font-size:12px;color:#8b826e}.stage-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stage-card{position:relative;min-height:194px;border:1px solid #a9844652;border-radius:14px;overflow:hidden;text-align:left;padding:18px;background:linear-gradient(145deg,#1e2d21,#16150f 58%,#100e0c);transition:.22s;isolation:isolate}.stage-card:before{content:'';position:absolute;inset:0;z-index:-2;background:var(--card-image) center/cover no-repeat;opacity:.42;transition:.25s}.stage-card:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0c0d0be8,#13100bb8 70%,#12100b63)}.stage-card:hover{transform:translateY(-4px);border-color:#dfb75e;box-shadow:0 12px 32px #0008}.stage-num{display:inline-block;font:11px system-ui,sans-serif;letter-spacing:.13em;color:#d3bd8f;border-bottom:1px solid #d6b06266;padding-bottom:5px}.stage-card h3{font-size:30px;margin:12px 0 3px;color:#ffe1a0}.stage-card p{font:12px system-ui,sans-serif;color:#c1b69f;margin:0}.stage-card .enter{position:absolute;right:16px;bottom:15px;color:#dfbc73;font-size:13px}.skeleton{height:194px;border-radius:14px;background:linear-gradient(100deg,#17130f,#282015,#17130f);animation:pulse 1.4s infinite}@keyframes pulse{50%{opacity:.55}}.social-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}.feature-card{display:flex;align-items:center;gap:16px;padding:18px 20px;text-align:left;border:1px solid var(--line);border-radius:14px;background:linear-gradient(110deg,#18241b,#17130f 80%);transition:.2s}.feature-card:hover{border-color:#d6b062;transform:translateY(-2px)}.feature-card h3{font-size:22px;margin:4px 0}.feature-card p{font-size:13px;color:#a99c83;margin:0}.feature-icon{height:54px;width:54px;display:grid;place-items:center;border-radius:50%;border:1px solid #c8a55888;background:linear-gradient(135deg,#1d4f38,#101511);font-size:24px;color:#f1cc78}.arrow{margin-left:auto;color:var(--gold);font-size:22px}.disclaimer{border-top:1px solid #ffffff12;margin-top:28px;padding:16px 0 24px;display:flex;justify-content:space-between;gap:12px;color:#827967;font:11px/1.5 system-ui,sans-serif}.disclaimer span:first-child{color:#c6a965}.hidden{display:none!important}.rotate-hint{display:none}.view-header{display:flex;align-items:center;gap:14px;margin:30px 0 20px}.view-header h1{margin:0;font-size:32px}.back-btn{background:transparent;border:1px solid var(--line);border-radius:8px;padding:9px 14px;color:var(--gold)}.panel{background:linear-gradient(145deg,#19150f,#100e0c);border:1px solid var(--line);border-radius:14px;padding:22px}.room-list{display:grid;gap:10px}.room-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;align-items:center;gap:12px;padding:16px;border:1px solid #ffffff14;border-radius:10px;background:#ffffff04}.tag{display:inline-block;padding:4px 8px;border-radius:20px;background:#16432e;color:#8fddb0;font-size:12px}.form-row{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.field{min-height:42px;padding:10px 12px;color:var(--text);background:#0f0d0b;border:1px solid #8a703a66;border-radius:7px;outline:none}.field:focus{border-color:var(--gold)}.field::placeholder{color:#776f60}.room-actions{display:flex;gap:10px;flex-wrap:wrap}.game-table{position:relative;margin:28px auto;min-height:min(58vw,540px);max-width:1000px;border:14px solid #513b24;border-radius:48%;background:radial-gradient(ellipse,#18714b,#0c3a29 70%,#08251b);box-shadow:inset 0 0 0 2px #d0a45866,inset 0 0 60px #06190f,0 16px 55px #0008}.game-table:before{content:'';position:absolute;inset:5%;border:1px solid #d8b87855;border-radius:50%}.seat{position:absolute;transform:translate(-50%,-50%);text-align:center;min-width:105px}.seat:nth-child(1){left:50%;top:10%}.seat:nth-child(2){left:83%;top:32%}.seat:nth-child(3){left:80%;top:72%}.seat:nth-child(4){left:50%;top:90%}.seat:nth-child(5){left:18%;top:72%}.seat:nth-child(6){left:17%;top:32%}.seat-avatar{height:50px;width:50px;border-radius:50%;margin:auto auto 5px;display:grid;place-items:center;border:2px solid #c9a85c;background:#17261b}.seat-name{font-size:13px;background:#10100de0;padding:3px 8px;border-radius:8px}.bot-label{display:inline-block;margin-top:3px;padding:2px 6px;border-radius:8px;background:#593719;color:#ffd887;font:10px system-ui,sans-serif}.table-center{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);text-align:center;color:#f4d78d}.hand-cards{display:flex;gap:7px;justify-content:center;margin-top:12px}.card-back{height:86px;width:60px;object-fit:cover;border-radius:7px;box-shadow:0 4px 14px #0008}.actions{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;margin:16px}.actions .btn{min-width:94px}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:20;display:grid;place-items:center;padding:18px;backdrop-filter:blur(5px)}.modal{position:relative;width:min(440px,100%);padding:30px;border:1px solid #d6b06270;border-radius:16px;background:linear-gradient(150deg,#211a12,#110f0d);box-shadow:0 22px 80px #000b}.modal-close{position:absolute;right:13px;top:10px;border:0;background:none;color:#bda56f;font-size:27px}.modal h2{margin:0 0 4px;font-size:28px}.modal .sub{color:#a99a7c;font-size:13px;margin:0 0 18px}.modal label{display:block;margin:12px 0 5px;font-size:13px;color:#d8c8a7}.modal input{width:100%}.modal .btn{width:100%;margin-top:12px}.modal .switch{margin-top:14px;text-align:center;color:#c6b58e;font-size:13px}.link-btn{border:0;background:none;color:#edcf88;text-decoration:underline}.toast{position:fixed;z-index:40;left:50%;bottom:28px;transform:translate(-50%,20px);padding:12px 18px;border:1px solid var(--line);border-radius:10px;background:#201b13;color:#ffe7ac;opacity:0;pointer-events:none;transition:.2s;max-width:min(90vw,520px);text-align:center}.toast.show{opacity:1;transform:translate(-50%,0)}.muted{color:#9e9279}.empty{padding:30px;text-align:center;color:#9a8d72}.admin-shell{max-width:1500px;margin:auto;padding:0 24px}.admin-layout{display:grid;grid-template-columns:225px 1fr;gap:20px;margin:22px auto}.admin-side{align-self:start;position:sticky;top:16px;padding:14px;border:1px solid var(--line);border-radius:13px;background:#15120e}.admin-nav{display:grid;gap:5px}.admin-nav button{padding:11px 12px;text-align:left;border:0;border-radius:7px;background:transparent;color:#c7b895}.admin-nav button.active,.admin-nav button:hover{background:#29351f;color:#f1ce78}.admin-main{min-width:0}.admin-main h1{margin:0 0 18px}.admin-login{max-width:440px;margin:12vh auto}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:16px 0}.stat{padding:17px;border:1px solid var(--line);border-radius:10px;background:#17130f}.stat small{color:#9e9073}.stat b{display:block;font-size:24px;margin-top:8px;color:#e6c16e}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:10px}table{border-collapse:collapse;width:100%;font:13px system-ui,sans-serif}th,td{text-align:left;padding:12px 14px;border-bottom:1px solid #ffffff12;white-space:nowrap}th{color:#d3b66d;background:#211a11}td{color:#d4c9b4}.admin-tools{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.json-area{width:100%;min-height:210px;background:#0d0b09;color:#d9cba9;border:1px solid var(--line);border-radius:9px;padding:12px;font:12px monospace}.notice{padding:12px;border:1px solid #876d3766;border-radius:8px;color:#cfbd98;background:#211a104d;font-size:13px}.rotate-device{font-size:50px;transform:rotate(-90deg);color:var(--gold)}
@media(max-width:900px){.app-shell{width:calc(100% - 32px)}.stage-grid{grid-template-columns:repeat(2,1fr)}.hero-seal{right:6%;height:116px;width:116px}.hero{padding:34px 5%;min-height:270px}.admin-layout{grid-template-columns:175px 1fr}.stats{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.app-shell{width:calc(100% - 24px)}.topbar{height:70px}.brand img{width:150px}.profile{gap:7px}.profile .coin{font-size:12px;padding:8px}.avatar{width:34px;height:34px}.profile small{display:none}.icon-button{padding:8px}.hero{min-height:280px;padding:25px 20px;margin:16px 0 26px;background-position:60% center}.hero h1{font-size:38px;max-width:240px}.hero p{max-width:280px;font-size:13px;line-height:1.6}.hero-seal{right:13px;top:auto;bottom:15px;transform:none;height:75px;width:75px}.hero-seal span{font-size:21px}.hero-seal b{font-size:9px}.hero-actions{flex-wrap:wrap}.btn{padding:0 15px;font-size:14px}.section-heading{align-items:center}.section-heading h2{font-size:24px}.section-heading h2 small{display:block;margin:4px 0;font-size:12px}.real-data{font-size:10px;max-width:90px;text-align:right}.stage-grid{gap:9px}.stage-card{min-height:154px;padding:12px}.stage-card h3{font-size:25px;margin:10px 0 3px}.stage-card p{font-size:11px}.stage-card .enter{right:10px;bottom:10px;font-size:11px}.social-grid{gap:9px;margin-top:14px}.feature-card{gap:9px;padding:14px 10px}.feature-icon{height:40px;width:40px;font-size:18px}.feature-card h3{font-size:17px}.feature-card p{font-size:11px}.feature-card .eyebrow{font-size:8px}.arrow{font-size:16px}.disclaimer{display:grid;gap:5px;margin-top:19px}.room-row{grid-template-columns:1fr auto}.room-row>*:nth-child(2),.room-row>*:nth-child(3){font-size:12px}.game-table{min-height:62vw;border-width:8px}.seat{min-width:65px}.seat-avatar{width:37px;height:37px}.seat-name{font-size:10px}.card-back{width:45px;height:65px}.admin-shell{padding:0 12px}.admin-layout{display:block}.admin-side{position:static;margin-bottom:12px;overflow:auto}.admin-nav{display:flex;min-width:max-content}.admin-nav button{padding:9px}.stats{gap:8px}.stat{padding:12px}.stat b{font-size:19px}.view-header h1{font-size:25px}.disclaimer{font-size:10px}}
@media(max-width:600px) and (orientation:portrait){.rotate-hint{position:fixed;inset:0;z-index:100;background:#0e0b0a;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;color:#e6cf99}.rotate-hint strong{font-size:24px}.rotate-hint span{font:13px system-ui;color:#9a8e76}.app-shell{filter:blur(3px);pointer-events:none;user-select:none}}